Zum Hauptinhalt springen

Wie man einen Apfel im iPhone-Stil zeichnet: Schritt für Schritt Anleitung

Eines der bekanntesten iPhone-Smartphone-Symbole ist der Apfel. Es ist in einem einzigartigen Design gestylt, das Millionen von Nutzern sofort mit dem Technologieriesen Apple in Verbindung bringen. Wenn Sie einen Apfel im iPhone-Stil zeichnen möchten, bieten wir Ihnen eine Schritt-für-Schritt-Anleitung an, mit der Sie genau das gleiche Bild erstellen können.

Der erste Schritt beim Zeichnen eines Apfels besteht darin, seine Grundlage zu schaffen. Beginnen Sie mit einem kleinen Kreis, der die Grundlage für die zukünftige Frucht bildet. Achten Sie besonders auf die Kontur des Kreises, damit er glatt und symmetrisch aussieht.

Dann fügen Sie den Apfelstiel hinzu. Es ist eine kurze vertikale gerade Linie, die an der Oberseite des Kreises befestigt werden muss. Denken Sie daran, dass der Stiel eines iPhone-artigen Apfels normalerweise dünn ist und die Länge etwa den halben Durchmesser einer Frucht hat.

Als nächstes erstellen Sie ein Logo - ein Bild eines gebissenen Apfels. Es ist ein heller Akzent im iPhone-Design. Verwenden Sie dazu einen Halbkreis. Stellen Sie sicher, dass es symmetrisch und in der richtigen Form ist. Der Halbkreis sollte sich auf der gegenüberliegenden Seite des Stiels befinden.

Und schließlich geben Sie Ihrem iPhone-Apfel zusätzliche Details. Sie können einen Lichtschatten hinzufügen, um Volumen zu verleihen. Sie können auch mehrere Farbverläufe verwenden, um Ihr Bild realistischer zu gestalten.

Zeichne einen Apfel im iPhone-Stil

Erstellen Sie zunächst eine Tabelle mit 3 Spalten und 3 Zeilen. Platzieren Sie in der ersten Zelle einen Kreis, der die Basis des Apfels darstellt. Füllen Sie es mit der Farbe #FF0000, damit es wie ein Apfel aussieht.

In der zweiten Zeile in der zweiten Zelle den Stiel eines Apfels zeichnen. Stilisiere es mit einer grünen Farbe (#00FF00) und mache es kurz genug.

Zeichnen Sie in der dritten Zelle in der dritten Zeile ein Apfelblatt. Sie können dazu ein Polygon mit drei Scheitelpunkten verwenden, die als Blatt erstellt wurden. Stilisiere es grün (#00FF00).

Wie Sie sehen können, benötigen Sie ein wenig CSS-Code, um einen Apple im iPhone-Stil zu erstellen. Mit dieser detaillierten Anleitung können Sie einen Apfel zeichnen, der wie ein Anwendungssymbol auf einem iPhone-Smartphone aussieht.

Schritt 1: Zeichnen Sie eine runde Form

Beginnen Sie mit dem Erstellen einer Tabelle mit dem folgenden Code:

Innerhalb einer Tabellenzelle können Sie eine runde Form mit CSS oder SVG zeichnen. Zum Beispiel können Sie die CSS-Eigenschaft border-radius verwenden, um eine runde Form zu erstellen:

table td

In diesem Beispiel hat der Kreis einen Durchmesser von 100 Pixeln und die Hintergrundfarbe ist rot. Sie können die Eigenschaftswerte ändern, um einen Apfel in der richtigen Größe und Farbe zu erstellen.

Schritt 2: Fügen Sie den Stiel oben hinzu

Um einen Apple-Stiel im iPhone-Stil zu erstellen, benötigen Sie einen Bleistift und schwarze Farbe. Beginnen Sie an der Oberseite des Apfels und erstellen Sie eine kleine, gekrümmte Linie, die als Basis für den Stiel dient.

Dann machen Sie einige kurze senkrechte Linien, die von der Basis des Stiels herauskommen, um eine Stammstruktur zu erzeugen. Markieren Sie auch den Endpunkt des Stiels, der oben auf dem Apfel sichtbar ist.

Als nächstes fügen Sie dem Stiel Details hinzu, wie kleine Blätter und vielleicht einige zusätzliche Schatten, um dem Stiel Volumen zu verleihen. Denken Sie daran, den Apple iPhone-Stil beizubehalten, indem Sie den Stiel einfach genug, aber immer noch realistisch lassen.

Nachdem das Stielmuster abgeschlossen ist, lassen Sie die schwarze Farbe einige Minuten trocknen.

Schritt 3: Die Füllung mit Farbe auftragen

Jetzt ist es an der Zeit, den Apfel zu füllen, damit er realistischer aussieht. Um dies zu tun, müssen Sie ein Farbanstrichwerkzeug verwenden.

1. Wählen Sie zuerst das Pinsel-Werkzeug aus der linken Werkzeugleiste aus.

2. Wählen Sie dann die gewünschte Farbe für die Füllung aus. Sie können die gewünschte Farbe in der Palette finden oder sie mit einem Farbcode festlegen.

3. Halten Sie sich an die Konturen des Apfels und tragen Sie die Farbe vorsichtig auf seine Oberfläche auf.

4. Wenn Sie einen Fehler gemacht haben oder Ihnen das Ergebnis nicht gefallen hat, können Sie immer zum vorherigen Schritt zurückkehren und die Form des Apfels ändern.

5. Nachdem Sie die Farbfüllung endgültig aufgetragen haben, können Sie beginnen, Details und Schatten hinzuzufügen, um den Apfel noch realistischer zu machen.

Folgen Sie dieser Schritt-für-Schritt-Anleitung, um einen Apfel im iPhone-Stil zu kreieren!

Schritt 4: Fügen Sie eine Reflexion auf der Oberfläche hinzu

Um dem Apfel noch mehr Realismus zu verleihen, fügen wir eine Reflexion auf seiner Oberfläche hinzu. Verwenden Sie dazu die Tabelle:

Apfel
Apfel
ApfelApfel
ApfelApfel

Ändern Sie die Farbe der Zellen in der Tabelle, um einen Reflexionseffekt auf der Oberfläche des Apfels zu erzielen. Experimentieren Sie mit den Farbtönen und der Transparenz der Farben, um das beste Ergebnis zu erzielen.

Schritt 5: Passen Sie die Grenzen an

Um unserem Apfelbild Grenzen hinzuzufügen, müssen wir CSS-Stile anwenden.

1. Beginnen wir mit der Definition einer Klasse für unser Bild. Dazu verwenden wir das class-Attribut im Tag :

2. Dann definieren wir die Stile für unsere Klasse in CSS. Erstellen Sie einen neuen Block innerhalb des Tags Ihrer HTML-Seite und fügen Sie den folgenden Code hinzu:

  • .apple-image
  • border: 2px solid #999;
  • border-radius: 50%;
  • box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  • >

3. Im obigen Code geben wir die folgenden Stile an:

  • border: 2px solid #999; - erstellt einen Rahmen mit einer Breite von 2 Pixeln und einer Farbe #999;
  • border-radius: 50%; - rundet die Ecken des Bildes ab und macht es rund;
  • box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); - fügt einen Schatten hinzu, damit das Bild volumetrisch aussieht.

4. Jetzt wird unser Apfelbild Grenzen und Schatten haben.

Schritt 6: Fügen Sie die Home-Taste hinzu

Um das Apple-Muster im iPhone-Stil zu vervollständigen, fügen Sie die Home-Taste hinzu. Legen Sie es auf den Boden des Apfels. Sie können die rechteckige Form der Schaltfläche verwenden.

Verwenden Sie das Rechteckwerkzeug, um eine Schaltflächenform zu erstellen. Stellen Sie die Größe des Knopfes so ein, dass er an den Boden des Apfels passt.

Verwenden Sie dann das Füllwerkzeug, um die Farbe der Schaltfläche auszuwählen. Im iPhone-Stil wird die Farbe Grau für die Home-Taste verwendet. Stellen Sie den gewünschten Grauwert für die Schaltfläche ein.

Nachdem Sie die Schaltfläche erstellt und die Farbe festgelegt haben, legen Sie sie entsprechend dem Design des iPhone auf die Unterseite des Apfels. Achten Sie darauf, den Umfang und die Proportionen zu berücksichtigen.

Jetzt ist dein iPhone-artiger Apfel fertig! Sie können es als Bild speichern oder mit dem Zeichnen anderer Elemente der iOS-Benutzeroberfläche fortfahren.

Schritt 7: Beende die Zeichnung

Nachdem Sie nun die Grundkontur des Apfels gezeichnet und grundlegende Details hinzugefügt haben, ist es an der Zeit, die Zeichnung vollständig zu beenden.

Zuerst müssen Sie den Stiel eines Apfels zeichnen. Machen Sie es lang und dünn, damit es natürlich aussieht. Senden Sie es von der Oberseite des Apfels nach unten, etwas nach links oder rechts.

Dann fügen Sie Schatten und Licht hinzu, um Ihrem Apfel Volumen zu verleihen. Um einen Schatten zu erzeugen, zeichnen Sie eine dünne Linie neben der Kontur und fügen Sie einige Striche unter dem Apfel hinzu. Zeichnen Sie eine dünnere Linie entlang der Oberseite des Apfels, um Licht zu erzeugen.

Wenn Sie fertig sind, gehen Sie durch die gesamte Zeichnung und überprüfen Sie, ob es irgendwelche Fehler oder fehlende Teile gibt. Wenn alles gut aussieht, können Sie mit dem letzten Schritt fortfahren.

Im nächsten Kapitel werden wir Ihnen sagen, wie Sie Ihrem Bild Schatten und Licht hinzufügen können, um es realistisch und spektakulär zu machen.