Hallo zusammen mit anderen Symbol-Liebhabern, der heutige Tipp zeigt, wie Sie in Adobe Illustrator überzeugende Symbole erstellen. Als Thema für unsere kleine Fallstudie habe ich eine Frucht ausgewählt, genauer eine Erdbeere, die wir in Schokolade getaucht haben.
Ich habe das Referenzbild aus PhotoDunes großer Bildbibliothek ausgewählt, das Sie auf dieser Seite finden können.
Wie bei jedem anderen Projekt sollten Sie zunächst einmal etwas über das Thema lernen, wenn Sie etwas erstellen müssen. Durchsuchen Sie Bilder und Definitionen und finden Sie heraus, warum das Thema tickt.
Der Skeuomorphismus basiert auf der Bestimmung der Merkmale, die das Design annehmen muss, damit das Objekt sein physisches Gegenstück so genau wie möglich darstellen kann.
Für unsere Fallstudie müssen wir eine Erdbeere zerlegen und ihre grundlegende Struktur und Bestandteile kennenlernen.
Sagen Sie das Wort Erdbeere und ich wette, dass fast jeder auf diesem Planeten an die Farbe Rot denken wird. Aber warten Sie, Erdbeeren sind nicht vollständig rot! Sie haben grüne Blätter und Dutzende von Goldkörnern.
Kurzer Tipp:Schauen Sie sich verschiedene Bilder im Internet an und speichern Sie die Bilder, von denen Sie denken, dass sie die schönsten Rot-Töne haben, da wir die von Illustrator verwenden können Pipette diese Farben ausleihen und auf unsere Kunstwerke anwenden.
Wenn ich an die tatsächliche Form denke, die eine Erdbeere definiert, fällt mir eine bestimmte Kontur ein: ein Herz. Nein, keine dieser Boomboxen, die wir in unserer Brust tragen, sondern das Symbol, das wir mit Fürsorge und Liebe verbinden. Wahrscheinlich sind Erdbeeren so sehr mit Liebe und Leidenschaft verbunden (erinnern Sie sich an den Valentinstag)..
Zuerst denken Sie vielleicht, dass die Form des Motivs nicht wichtig ist, aber wenn Sie anfangen zu untersuchen, wie Licht darauf ein und aus geht, erkennen Sie, dass das Wissen und die Fähigkeit, dies in Ihrem Design zu visualisieren und zu reproduzieren, wahrscheinlich das Schwierigste ist etwas zu tun.
Aus anatomischer Sicht besteht die Erdbeere aus einem fleischigen Hauptkörper (dem Behälter), der die kleinen Samen (Achen) beherbergt. Oben finden wir die Blätter (Kelch) und den Stiel. Da unser Symbol auf einer abgerundeten Rechteckform basiert, müssen wir nur das Gefäß, die Achen und den Kelch darstellen.
Wenn Sie an einem Symbol arbeiten, egal ob es sich um ein Erdbeer-Symbol oder etwas völlig anderes handelt, versuchen Sie immer, die größtmögliche Größe zu erreichen (meistens ist dies das Symbol für Markt / Geschäft - 1024 x 1024 px für iOS und 512 x 512 px für Android ).
Warum? Wenn Sie immer kleinere Symbolgrößen verwenden, werden Sie möglicherweise feststellen, dass einige Teile des Bildmaterials entweder angepasst oder vollständig entfernt werden müssen, da das Zusammendrücken all dieser Informationen auf einen sehr begrenzten Bereich den Betrachter beeinflussen kann Verständnis des in der Darstellung dargestellten Themas.
Wenn Sie möchten, dass alles reibungslos verläuft, und Sie die vollständige Kontrolle über jedes einzelne Element in Ihrem Artboard haben möchten, sollten Sie immer Ebenen für jeden Abschnitt des Designs erstellen.
Wenn Sie sich meine Schichten ansehen, können Sie feststellen, dass ich die Grundform meines Symbols von den Reflexionen, den Samen vom Körper usw. getrennt habe, sodass ich jederzeit weiß, wo sich meine Elemente befinden. Und vor allem kann ich, wenn ich etwas aus dem Weg räumen muss, um einen tieferen Einblick in einen darunter liegenden Bereich zu erhalten, dies einfach tun, indem ich die Ebene verstecke, ohne befürchten zu müssen, dass ich Teile der Illustration versehentlich gelöscht oder verschoben habe nach dem Weg.
Wenn Sie mit dem Erstellen eines Projekts beginnen, müssen Sie wissen, dass das Erstellen eines komplizierten Kunstwerks mit grundlegenden Bausteinen beginnt. Dies ist der Fall für unser Symbol, bei dem Sie zunächst die Grundform und -farbe der Erdbeere festlegen. Diese dienen als Grundlage, auf der wir Schicht für Schicht Details hinzufügen.
Erstellen Sie ein abgerundetes 512 x 512-Rechteck mit einem Eckenradius von 96 px. Farbe es mit # F01A08
Stellen Sie dann sicher, dass Sie es mit Hilfe der Taste vertikal und horizontal zur Zeichenfläche zentrieren Ausrichten Panel.
Erstellen Sie einen Basissamen mit der Ellipsenwerkzeug (L) und zeichnen ein 80 x 120 px Form, die als Innentasche dient, die den Samen hält. Färben Sie es mit einem dunkleren Rotton (# DB1808
). Erstellen Sie ein paar Duplikate, und erstellen Sie zwei Abschnitte, indem Sie sie auswählen und dann verwenden Pfadfinder's Minus Front Möglichkeit.
Färben Sie die resultierenden Formen mit dunkleren Rottönen. Dann erstellen Sie zwei innere Ellipsen, die als unser eigentlicher Samen dienen. Färben sie mit # DF984D
für den größeren Abschnitt und # E7D5A0
für das kleinere, innere. Fügen Sie einige Schatten und Lichter hinzu und gruppieren Sie dann alle Elemente zusammen.
Wenn Sie mit dem Saatgut des Symbols beginnen, sollten Sie eine Reihe von Variationen erstellen, da Sie der Mitte größere und kleinere in Richtung der Extremitäten hinzufügen müssen, damit Sie Ihrem Design ein Gefühl von Dimension und Volumen geben können. Versuchen Sie auch, einige der kleineren äußeren Körner nach innen zu drehen.
Verwendung der Stiftwerkzeug (P), Beginnen Sie mit dem Nachzeichnen von vier Blättern und achten Sie darauf, die größeren nach innen und die kleineren nach den Rändern zu zeichnen. Nachdem Sie die Basisform erstellt haben, fügen Sie einige Adern und Enden hinzu und beenden Sie das Basisblatt, indem Sie einige Highlights hinzufügen.
Immer noch mit Stiftwerkzeug (P), Zeichnen Sie eine wellenartige Linie und beenden Sie sie in einer Form, die als Schokoladenstück dient. Sie sollten wissen, dass Sie die Erdbeer-Basisform verlassen können und die Teile, die Sie nicht benötigen, mit einem Maskieren Schnittmaske.
Wenden Sie eine Linie an Gradient auf die resultierende Form, wobei die linke Farbe auf gesetzt ist # 69533F
und der rechte ein wenig dunkler # 211B13
. Ändern Sie den Winkel von Gradient zu -90 und du bist gut zu gehen.
Farbverläufe sind ein grundlegendes Werkzeug zum Erstellen von realistisch aussehenden Symbolen. Versuchen Sie es mit verschiedenen Farben und Einstellungen, Opazität Ebenen und vor allem Mischmodi um das Beste aus Ihrem Design herauszuholen.
Ich baute zum Beispiel die Basis der Erdbeere, indem ich die rote Hauptform allein beließ und zwei weiße bis schwarze Farbverläufe mit der Mischmodus eingestellt auf Überlagerung und das Opazität Ebenen auf etwa gesenkt 54% für die zweite, während ich die erste bei verlassen habe 100%. Die Übergänge sind möglicherweise nicht so auffällig, aber das Endergebnis ist eindeutig vorhanden.
Verwenden Sie harte Akzente für den unteren Teil des Samens, den oberen Teil der Schokolade und die Blätter, während Sie weichere, linear verblassende auf den Körper der Erdbeere auftragen. Um dieses weichere Aussehen zu erhalten, wählen Sie einfach die Markierung aus und fügen Sie eine lineare Linie hinzu Gradient mit Weiß für beide Farben, und passen Sie dann einfach das an Opazität Ebenen für jeden.
Wo immer Sie einen Schatten von einem Teil des Symbols zu einem anderen werfen müssen, verwenden Sie immer das Symbol Schlagschatten Wirkung (Effekt> Stilisieren> Schlagschatten), je nach Geschmack, härter oder weicher.
Wenden Sie subtil aussehende Maserungstexturen auf Teile des Designs an, die zu flach wirken, wie z. B. Blätter und Schokolade. Den Effekt finden Sie unter Effekt> Textur> Korn. Spielen Sie mit den verschiedenen Einstellungen, bis Sie etwas finden, das Ihnen gefällt.
Das ist alles! Wenn Sie all diese kleinen Dinge beachten, sollten Sie in der Lage sein, ein verdammt gutes Erdbeer-Symbol zu erstellen, aber vor allem sollten Sie einige der Tricks an andere Projekte anpassen.