Erstellen von flachen Design-Ostern-Icons in Adobe Illustrator

Was Sie erstellen werden

Ostern ist ein schöner Frühlingsurlaub, der für seine Eiermalerei bekannt ist. Sie ist normalerweise mit sanften, lebhaften Farben und Frühlingsstimmung verbunden. In diesem Lernprogramm durchlaufen wir einen beschreibenden Prozess der Erstellung flacher Ostersymbole, verwenden grundlegende Formen, das Pathfinder-Bedienfeld und einige der neuen Adobe Illustrator-Werkzeuge.

Mit diesen Techniken können Sie nicht nur Ostern-Icons erstellen, sondern auch jede Art von Flat-Icons oder Flat-Banner erstellen. 

Wenn Sie interessiert sind, können Sie diese Symbole sowie viele andere als Teil eines Oster-Icon-Sets auf GraphicRiver erwerben.

1. Machen Sie festliche Osterei-Icons

Schritt 1

Beginnen wir damit, die Basis des Eies zu machen. Nehmen Sie die Ellipsenwerkzeug (L) und mache eine 70 x 70 px Kreis. Wählen Sie die seitlichen Ankerpunkte mit Direktauswahl-Tool (A) und ziehen Sie sie ein wenig nach unten, sodass der untere Teil der Form hervorquillt. Wählen Sie dann den oberen Ankerpunkt und ziehen Sie ihn nach oben, so dass die Spitze des Eies spitz ist.

Schritt 2

Wir verwenden eine helle Frühlingspalette mit sanften Farben, die Sie direkt mit dem untenstehenden Screenshot abrufen können Pipettenwerkzeug (I) Halten Sie die Verschiebung Schlüssel.

Füllen Sie die Basis des Eies mit gelb und behalten Sie a Rückseite kopieren (Control-C> Control-B), wie wir es später brauchen könnten.

Lassen Sie uns nun die dekorative Verzierung über dem Ei darstellen. Nehmen Sie die Rechteckwerkzeug (M) und mache eine 70 x 15 px blaue Form.

Schritt 3

Nehmen Sie die Liniensegmentwerkzeug (\), halt Verschiebung und machen Sie eine horizontale Form mit Rosa Schlaganfall von 3 pt Hubgewicht.

Lassen Sie uns alle Formen an dem Ei ausrichten. Alles auswählen (Kontrolle-A) und klicken Sie auf das Ei, während Sie gedrückt halten Alt um es a Schlüsselobjekt (Sie werden eine dicke Auswahl sehen). Gehe zum Ausrichten Panel und klicken Sie auf Horizontales Ausrichtungszentrum.

Schritt 4

Nun ändern wir die rosa Linie. Wählen Sie es aus und gehen Sie zu Effekt> Verzerren und transformieren> Zickzack. Stellen Sie das ein Größe zu 5 px, Grate pro Segment zu 7 und Punkte zu Glatt.

Objekt> Erweitern die Form, um den Effekt anzuwenden.

Schritt 5

Fügen Sie ein anderes Rechteck an der Unterseite des Eies hinzu und füllen Sie es mit grüner Farbe. Nun löschen wir diese Teile der Rechtecke außerhalb des Eies. Wir verwenden eines der neuen Adobe Illustrator-Tools: das Formerwerkzeug (Umschalttaste-N). Nehmen Sie die Formerwerkzeug (Umschalttaste-N) und kritzeln Sie einfach über das Stück, das Sie löschen möchten. Wiederholen Sie dasselbe mit anderen unerwünschten Teilen.

Wenn Sie mit früheren Versionen von Adobe Illustrator arbeiten, versuchen Sie es mit Form-Builder-Werkzeug (Umschalttaste-M) stattdessen. Es funktioniert fast gleich - wählen Sie einfach alles aus und klicken Sie auf die unerwünschten Teile, während Sie gedrückt halten Alt.

Wir werden auch versuchen, die nicht benötigten Teile ein paar Schritte später zu verstecken, wenn wir ein anderes Ei herstellen.

Schritt 6

Wähle das modifizierte Ei aus und Objekt> Erweitern es. Wählen Sie dann die gelbe Mitte des Eies zusammen mit der pinkfarbenen Zickzacklinie und aus Teilen sie in der Pfadfinder Panel, zerbricht die Form in zwei gleiche Hälften.

Schritt 7

Füllen Sie das obere Stück der geteilten Form in einer schönen rosa Farbe. Nehmen Sie die Ellipsenwerkzeug (L) und mache eine 5 x 5 px Kreis. Halt Alt-Shift Ziehen Sie den Kreis nach rechts und erstellen Sie ein paar Kopien.

Schritt 8

Nun, da die Grundansicht des Eies fertig ist, fügen wir einen flachen Schatten hinzu, der eine Hälfte des Eies bedeckt. Gruppe (Control-G) alle Teile des Eies, Kopieren und Einfügen vor (Control-C> Control-F). Die Kopie bleibt ausgewählt, Vereinen es in der Pfadfinder, es zu einer Silhouette verschmelzen.

Zeichnen Sie mit dem Symbol eine vertikale Linie über das Ei Liniensegmentwerkzeug (\). Ausrichten die Linie zur Ei-Silhouette, das Ei a Schlüsselobjekt.

Die Linie und die Ei-Silhouette bleiben ausgewählt, Teilen sie in der Pfadfinder.

Löschen Sie eines der Teile und wechseln Sie die verbleibende Hälfte zu Multiplizieren Modus, so dass es halbtransparent wird.

Schritt 9

Jetzt machen wir ein anderes Ei!

Wir haben bereits eine Basis, da wir im ersten Schritt eine Kopie davon erstellt haben. Bewegen Sie es zur Seite und füllen Sie es mit orange Farbe. Fügen Sie dekorative Elemente hinzu und lassen Sie uns einen anderen Weg sehen, wie wir die nicht benötigten Teile verstecken können. Duplikat die Grundform noch einmal (Control-C> Control-F) und Bringen es nach vorne (Shift-Control-]).

Wählen Sie alle Elemente aus, Rechtsklick und Schnittmaske erstellen. Hier hast du es!

Schritt 10

Lassen Sie uns noch einige dekorative Elemente zum Ei hinzufügen. Mach zwei 5 x 5 px Kreise über dem gelben Streifen des Eies und legen sie näher an die Ränder. Wählen Sie beide Kreise und verwenden Sie entweder die Mischwerkzeug (W) oder gehe zu Objekt> Überblenden> Erstellen. Dann öffnen Sie die Mischoptionen Fenster (Objekt> Überblenden> Überblendoptionen) und setze das Abstand zu Angegebene Schritte mit einem Wert von 3.

Objekt> Erweitern Fügen Sie weitere Kreise im oberen Teil des Eies hinzu und füllen Sie diese mit gelber Farbe.

Schritt 11

Wenn Sie mit dem Ergebnis zufrieden sind, fügen Sie einer Hälfte des Eies einen halbtransparenten flachen Schatten hinzu.

Kombiniere die Eier. Verwenden Sie die Abgerundetes Rechteckwerkzeug einen hellgrünen Hintergrund für unser Symbol erstellen.

Machen Sie ein Quadrat mit der Rechteckwerkzeug (M) und drehen Sie es um 45 Grad mit dem Auswahlwerkzeug (V) während gedrückt halten Verschiebung.

Füllen Sie das Rechteck mit einem linearen Farbverlauf von hellgrün bis weiß und wechseln Sie zu Multiplizieren Sie den Mischmodus, einen halbdurchsichtigen langen Schatten bilden.

Schritt 12

Duplizieren Sie den hellgrünen Hintergrund und platzieren Sie den Schatten zwischen den Kopien. Verwenden ein Schnittmaske das unerwünschte Stück des langen Schattens zu verbergen.

Großartig! Unser erstes Icon ist fertig! Lass uns zum nächsten weitergehen.

2. Machen Sie ein süßes Häschen-Symbol

Schritt 1

Mach ein 70 x 70 px grauer Kreis für den Kopf des Hasen. Bewegen Sie die seitlichen Ankerpunkte mit der Taste ein wenig nach unten Direktauswahl-Tool (A) den Kopf leicht zusammengedrückt machen.

Nun lassen Sie uns die Ohren formen. Nehmen Sie die Ellipsenwerkzeug (L) und mache eine 15 x 50 px Oval. Bewegen Sie die seitlichen Verankerungspunkte etwas nach oben und machen Sie die Spitze des Ohrs breiter. Wenn Sie die Form ausgewählt haben, gehen Sie zu Objekt> Pfad> Versatzpfad und setze das Versatz Wert zu -5 px, Belassen Sie alle anderen Optionen als Standard. Auf diese Weise erstellen wir eine kleinere Form für den inneren Teil des Ohrs.

Schritt 2

Fülle den inneren Teil des Jahres mit rosa Farbe, gruppiere beide Teile des Ohrs und Send to Back (Shift-Control- [). Doppelklick das Werkzeug drehen (R) um das Optionsfenster zu öffnen und die Winkel drehen Wert zu -20 Grad.

Schritt 3

Verwenden Sie die Werkzeug reflektieren (O) das Ohr über das Ohr drücken Vertikale Achse und klicken Sie auf Kopieren um das zweite Ohr auf der gegenüberliegenden Kopfseite zu formen. Sie können beide Ohren gruppieren Ausrichten Sie an den Kopf, so dass das Ganze perfekt zentriert ist.

Squash die Kopfbasis etwas mehr.

Schritt 4

Verwenden Sie die Ellipsenwerkzeug (L) ein Paar dunkle glänzende Augen mit weißen Reflexen und einem Kreis für die Nase bilden. Nehmen Sie die Scherenwerkzeug (C) und klicken Sie auf beide seitlichen Verankerungspunkte der Nase, um die Form in zwei Hälften zu teilen.


Schritt 5

Löschen Sie die obere Hälfte und machen Sie aus dem restlichen Teil eine süße Hasennase. Drücken Sie X vertauschen Füllen und Schlaganfall Farben. Stellen Sie das ein Schlaganfallgewicht zu 2 px und ändern Sie die Variables Breitenprofil in der Systemsteuerung oben. Erstellen Sie zwei Kopien der Nase und machen Sie sie etwas dünner und leichter, indem Sie einen Mund formen, wie in der Abbildung unten gezeigt.

Schritt 6

Lassen Sie uns unseren Hasen beenden, indem Sie ihm winzige Schnurrhaare hinzufügen. Mach ein 9 px horizontaler Hub von 1 Punkt, Verwendung der Liniensegmentwerkzeug (\). Drehen Sie die Schnurrhaare ein wenig und fügen Sie sie zu beiden Seiten des Gesichts hinzu.

Schritt 7

Fügen Sie einen halben Kopf des Hasen, wie zuvor, einen flachen Schatten hinzu. Bilden Sie ein abgerundetes Rechteck für den Hintergrund und erstellen Sie einen halbtransparenten langen Schatten, um das Symbol zu beenden. 

Wenn Sie Schwierigkeiten haben, einem komplexen Objekt einen langen Schatten hinzuzufügen, lesen Sie das folgende Tutorial ab Teil 7, Schritt 1 und höher, um herauszufinden, wie Sie unserem langen Schatten die gewünschte Form geben können.

Hier hast du es! Gehen wir zum nächsten Symbol!

3. Machen Sie ein süßes Hühnersymbol

Schritt 1

Dieses Mal zeigen wir ein lustiges kleines Huhn, das aus dem Ei springt. Machen Sie zunächst ein gestreiftes Ei mit ein paar Streifen oder anderen dekorativen Elementen nach Ihren Wünschen. Verwenden Sie dazu die Techniken, die wir in den vorherigen Schritten gelernt haben.

Wir müssen den oberen Teil des Eies entfernen und eine gebrochene Kante bilden. Bewahren Sie eine Kopie der Eierbasis irgendwo im Boden auf, da wir sie später brauchen werden, um unser Huhn zu formen.

Machen Sie eine horizontale Linie über das Ei und wenden Sie es an Effekt> Verzerren und transformieren> Zickzack. Stellen Sie das ein Größe zu 4 px, Kanten pro Segment zu 7 und Punkte zur Ecke um die gesprungenen Kanten scharf zu machen.

Schritt 2

Objekt> Erweitern die Zickzacklinie und positionieren Sie sie über dem Ei, in der Mitte. Kopieren die blaue Basis des Eies, Einfügen vor (Control-C> Control-F) und Bringen es den ganzen Weg nach vorne (Shift-Control-]), Platziere es auf allen Elementen.

Wählen Sie das Zickzack und die Eiunterseite und Teilen sie in Pfadfinder. Löschen Sie den oberen Teil der geteilten Form.

Zum Schluss alles auswählen, Rechtsklick und Schnittmaske erstellen. Großartig! Das gebrochene Stück des Eies ist fertig. Lassen Sie uns ein Huhn hineinlegen.

Schritt 3

Zeigen Sie die zuvor erstellte Kopie der Eierbasis an und füllen Sie sie mit einer leichten gelben Farbe für den Körper des Huhns. Verkleinern Sie die Form auf 60 x 75 px, kleiner machen. Wählen Sie die seitlichen Ankerpunkte mit Direktauswahl-Tool (A) und ziehen Sie sie etwas hoch, um das Huhn runder zu machen.

Schritt 4

Nehmen Sie die Polygon-Werkzeug und ein einziger Klick überall auf der Zeichenfläche, um das Popup-Optionsfenster zu öffnen. Mach ein 15 x 10 px Dreieck für den Schnabel und mit orange Farbe füllen.

Kombinieren Sie zwei Dreiecke, um einen Schnabel zu bilden, und drücken Sie sie zusammen, um die richtige Form zu bilden. Vergessen Sie nicht, ein Paar glänzende Augen hinzuzufügen. Wir können sie von unserem Häschen-Symbol kopieren.

Schritt 5

Fügen Sie ein paar ovale Flügel hinzu Ellipsenwerkzeug (L). Legen Sie die Kopie des Körpers des Huhns über die Flügel und Schnittmaske erstellen um die nicht benötigten Elemente in der Maske auszublenden.

Schritt 6

Beenden Sie das Symbol, indem Sie alle erforderlichen Elemente wie Schatten und Hintergrund hinzufügen. Genial!

Gehen wir weiter zu unserem letzten Symbol und beenden Sie unser Osterset!

4. Machen Sie ein Geschenkbox-Symbol

Schritt 1

Beginnen wir mit der Gestaltung unserer Box von a 60 x 40 px grünes Rechteck. Bilden Sie einen oberen Rand der Box aus einem 65 x 15 px orange Rechteck.

Schritt 2

Lassen Sie uns jetzt eine Multifunktionsleiste über der Box erstellen. Wählen Sie beide Teile der Box aus und merken Sie sich die gegenseitige Höhe der Formen. Sie finden es im Verwandeln Panel. In unserem Fall ist es so 55 px. Machen Sie ein blaues Band aus 5 x 55 px Größe, platzieren Sie es direkt in der Mitte des Kastens. Fügen Sie einen kleineren hinzu 5 x 15 px Ein Stück Band oben in der Schachtel füllt es mit dunklerer blauer Farbe.

Schritt 3

Verwenden Sie die Bleistiftwerkzeug (N) mit blau einen Bogen machen Schlaganfall von 2 pt Gewicht.

Schritt 4

Lassen Sie uns unsere Box mit Ornament oder Muster dekorieren. Kopieren die Basis der Box und Einfügen es Vorne (Control-C> Control-F). 

Gehe zum Farbfelder Öffnen Sie die Leiste Menü für Farbfeldbibliotheken> Muster> Grundlegende Grafiken> Grundlegende Graphics_Lines. Finden Sie das 10 lpi 30% Farbfeld und klicken Sie, um ein Muster mit horizontalen Linien anzuwenden.

Schritt 5

Die texturierte Form bleibt erhalten, Doppelklick das Werkzeug drehen (R) und setze das Winkel zu 45 Grad. Deaktivieren Sie das Objekte transformieren Kontrollkästchen und klicken Sie auf OK, Ändern der Richtung der Streifen.

Schritt 6

Lassen Sie uns die Farbe der Streifen ändern, damit sie zu unserer Gesamtpalette passen. Doppelklick das angewendete Muster in der Farbfelder Panel, um es im zu isolieren Mustermodus. Tragen Sie eine hellgrüne Farbe auf Schlaganfälle in dem Farbe Panel und klicken Sie auf Erledigt im oberen Teil des Arbeitsbereichs.

Schritt 7

Beenden Sie das Symbol, indem Sie mithilfe der Schatten und des einfachen Hintergrunds Tiefe hinzufügen.

Unser Set von Icons ist fertig! Frohe Ostern!

Herzliche Glückwünsche! Wir haben großartige Arbeit geleistet und gelernt, wie man das Shaper-Tool verwendet und wie man grundlegende Formen und das Pathfinder-Bedienfeld verwendet. Wir können diese einfachen Techniken verwenden, um unser Set zu erweitern und festliche flache Oster-Icons zu erstellen!

Wenn Sie interessiert sind, können Sie diese Symbole sowie viele andere als Teil eines Oster-Icon-Sets auf GraphicRiver erwerben.