So erstellen Sie eine stilisierte, strukturierte, flache Kamera in Adobe Illustrator

Was Sie erstellen werden

Möchten Sie, dass Ihre flachen Objekte komplizierter und detaillierter aussehen? Folgen Sie diesem Tutorial und lernen Sie, wie Sie eine stilvolle Retro-Pocket-Kamera erstellen, die Farbverläufe für Licht und Schatten beherrschen und die integrierten Adobe Illustrator-Farbfelder für eine halbrealistische Oberflächenstruktur verwenden!

Wenn Sie gerne flache Objekte mit realistischen Details erstellen und einige neue Techniken zum Verwenden und Ändern grundlegender Formen, zum Beherrschen von Farbverläufen, zum Erstellen und Anwenden von Texturen erlernen möchten, lade ich Sie ein, am Kurs "Erstellen von flachen Arbeitsbereichselementen für Anzeigen" teilzunehmen! Von dort lernen Sie auch, wie Sie einen realistisch strukturierten hölzernen Hintergrund für Ihre Objekte erstellen.

1. Erstellen Sie die Basis der Kamera mit einfachen Formen

Schritt 1

Beginnen Sie mit dem Bilden der Basis der Kamera, indem Sie a 165 x 170 px Rechteck mit der Rechteckwerkzeug (M).

Kopieren es und Einfügen im Hintergrund (Control-C> Control-B). Squash die Kopie auf ungefähr 140 px Höhe und machen Sie es auf ca. 280 px, Dadurch werden zwei überlappende Rechtecke erstellt.

Schritt 2

Wählen Sie beide Formen und Vereinen sie in Pfadfinder. Machen Sie die Ecken abgerundet, indem Sie die Kreismarkierungen von ziehen Live-Ecken bis zu ihrem Maximum.

Das Live-Ecken Diese Funktion ist nur in Adobe Illustrator CC verfügbar. Falls Sie frühere Versionen des Programms verwenden, können Sie sich gerne bewerben Effekt> Stilisieren> Runde Ecken.

Schritt 3

Nehmen Sie die Rechteckwerkzeug (M) und erstellen Sie einen horizontalen Streifen über dem oberen Teil der Kamera. Halt Alt-Shift und ziehen Sie es nach unten, um eine Kopie im unteren Teil zu erstellen.

Wähle alle Elemente aus und nimm die Form-Builder-Werkzeug (Umschalttaste-M), halte das Alt und drücken Sie, um die nicht benötigten Teile außerhalb der Kamera zu löschen.

Schritt 4

Jetzt machen wir den wichtigsten Teil jeder Kamera: das Objektiv!

Beginnen Sie mit dem Erstellen eines 150 x 150 px Kreis mit der Ellipsenwerkzeug (L). Platzieren Sie es fast in der Mitte der Kamera, etwas weiter rechts.

Schritt 5

Fügen wir der Kamera den Auslöser hinzu. Ein ... kreieren 40 x 20 px Rechteck mit der Rechteckwerkzeug (M). Machen Sie die Ecken leicht abgerundet Live-Ecken Funktion. Erstellen Sie eine Kopie, indem Sie halten Alt-Shift und ziehen Sie die Form nach links, um eine weitere Schaltfläche zu erstellen. Verkleinern Sie die neue Schaltfläche und setzen Sie die Breite auf 30 px in dem Verwandeln Platte oben.

2. Wenden Sie die Farben auf die Kamera an

Schritt 1

Jetzt können wir die Farben auf unsere Kamera anwenden und weitere Details hinzufügen. Füllen Sie den Sockel der Kamera mit einem dunkelgrauen, linearen Farbverlauf und stellen Sie ihn vertikal auf.

Schritt 2

Lassen Sie uns den oberen Streifen der Kamera silber machen, indem Sie einen vertikalen Farbverlauf von grau bis hellgrau anwenden. Wenden Sie dieselbe Farbe auf den unteren Streifen, indem Sie ihn mit auswählen Pipettenwerkzeug (I), aber die Farben auf den Kopf gestellt.

Schritt 3

Und die gleiche silberne Farbe auch auf die Knöpfe anwenden. Senden die Knöpfe zurück (Control-Shift- [), Hinter der Kamera.

Schritt 4

Jetzt fügen wir dem Objektiv weitere Details hinzu. Füllen Sie die Basis mit einem vertikalen linearen Verlauf von dunkelgrauer Farbe unten bis silbergrauer Oberseite.

Fügen wir der Linse einen weiteren Ring hinzu. Gehe zu Objekt> Pfad> Versatzpfad. Stellen Sie das ein Versatz Wert zu -7 px, Erstellen eines kleineren Kreises innerhalb des ersten Kreises. Füllen Sie es mit einem hellgrauen Farbverlauf.

Schritt 5

Lass uns die verwenden Versatzpfad Funktion erneut, um einen weiteren Klingelton hinzuzufügen, diesmal jedoch die Versatz Wert zu -3 px. Wenden Sie einen dunkelgrauen Farbverlauf mit einem dunkleren Grauton an.

Schritt 6

Wiederholen Sie die gleiche Aktion und wenden Sie a an -7 px Versatz um einen neuen Ring mit linearem Farbverlauf zu erzeugen. Fügen Sie eine weitere Form mit hinzu -3 px Versatz Wert und dunkler Farbverlauf, den Sie mit einem der zuvor erstellten Ringe auswählen können Pipettenwerkzeug (I).

Fahren Sie mit dem Hinzufügen fort Versatzpfade mit den gleichen Einstellungen, variierend -7 px und -3 px Werte und abwechselnd dunkle und helle Gradienten, bis Sie insgesamt etwa zehn Kreise haben.

Schritt 7

Bilden wir nun den inneren Teil des Objektivs, seine Blende. Diesmal stellen Sie das ein Versatz Wert zu -15 px, einen kleinen Kreis bilden.

In diesem Schritt können wir die Konturen bereits löschen, da alle Hauptformen farbig sind. Alles auswählen (Kontrolle-A) und setze das Schlaganfall Farbe zu Keiner in dem Farbe Panel.

Schritt 8

Lasst uns Сopy der kleinste Kreis und Einfügen es Vorne (Control-C> Control-F). Füllen Sie es mit einem linearen Farbverlauf von blau nach schwarz. Stellen Sie das ein Mischmodus zu Bildschirm, Die schwarze Seite des Farbverlaufs wird transparent und damit ein Oberton erzeugt. 

Sie können die Richtung des Verlaufs ändern, indem Sie die diagonale Position verwenden Verlaufswerkzeug (G).

Schritt 9

Lassen Sie uns diesen Oberton duplizieren (Control-C> Control-F) und verkleinern.

Schritt 10

Setzen Sie den unteren Oberton mit auf den kleineren Bringing es nach vorne (Control-Shift-]). Wenn Sie die Form ausgewählt lassen, nehmen Sie die Radiergummi-Werkzeug (Umschalttaste-E) Zeichnen Sie eine Linie über die Markierung und teilen Sie sie in zwei Teile.

Schritt 11

Für die obere Hälfte des Obertons ändern wir den blauen Teil der Farbverlaufsfüllung in dunkelviolett. Tragen Sie anstelle von Blau eine rote Farbe für die untere Hälfte des Obertons auf.

Machen Sie den grauen Kreis unter der Markierung etwas dunkler.

Schritt 12

Lasst uns Gruppe (Control-G) die Elemente der Blende und machen sie etwas größer. 

Sie können die Farben der Linse ein wenig bearbeiten, wodurch unsere Farbverläufe dunkler werden, um den Formen mehr Kontrast zu verleihen.

3. Fügen Sie der Kamera weitere Details hinzu

Schritt 1

Jetzt machen wir unsere Kamera realistischer und dreidimensionaler, indem wir kleinere Details hinzufügen. Zunächst fügen wir den Schatten der Linse hinzu.

Wählen Sie den größten unteren Kreis der Linse, Kopieren es und Einfügen im Hintergrund (Control-C> Control-B). Machen Sie die Form etwas größer und füllen Sie sie mit einem linearen Farbverlauf von grau nach weiß. Machen Sie den Farbverlauf schräg nach rechts. Wechseln zu Multiplizieren Sie den Mischmodus, Dadurch wird die weiße Seite des Farbverlaufs transparent.

Schritt 2

Löschen wir den unteren Teil des Schattens mit Form-Builder-Werkzeug (Umschalttaste-M). Wählen Sie sowohl den Schatten als auch die Basis der Kamera aus und halten Sie gedrückt Alt und klicken Sie auf den nicht benötigten Teil des Schattens außerhalb der Kamera, um ihn zu löschen.

Schritt 3

Lassen Sie uns nun den Kameragriff auf der linken Seite der Kamera formen, um ihn realistischer zu gestalten. Zeichnen Sie ein Rechteck mit der gleichen Höhe wie unsere Kamera. Füllen Sie die Form mit einem vertikalen Verlauf von dunkelgrau nach schwarz und wechseln Sie das Symbol Mischmodus zu Bildschirm, den schwarzen Teil transparent machen und ein Highlight bilden.

Schritt 4

Duplizieren Sie das Rechteck (Control-C> Control-F) Ziehen Sie es nach rechts, fügen Sie die erstellte Kopie neben das erste Rechteck und verkleinern Sie sie. 

Verwenden Sie die Pipettenwerkzeug (I) Um das Erscheinungsbild aus dem Schatten unter der Linse zu wählen, wenden Sie einen dunkelgrauen Farbverlauf an Multiplizieren Sie den Mischmodus auf das neu erstellte Rechteck. Legen Sie den Farbverlauf horizontal und machen Sie aus dem Kameragriff einen subtilen Schatten.

Schritt 5

Fügen Sie dem oberen Teil unserer Kamera weitere Details hinzu, z. B. den Blitz und die Anzeigen.

Mach ein 50 x 30 px Rechteck und platzieren Sie es in der oberen rechten Ecke der Kamera. Machen Sie es mit dem Live-Ecken Funktion, und wenden Sie einen dunkelgrauen vertikalen Farbverlauf an, indem Sie die Farbe von der Basis unserer Kamera mit auswählen Pipettenwerkzeug (I).

Schritt 6

Wende an Versatzpfad mit -10 px Versatz Wert und machen die Form abgerundet. Füllen Sie die erstellte Form mit einem hellgrauen vertikalen Verlauf, der den Blitz bildet.

Schritt 7

Machen Sie ein anderes Rechteck aus 30 x 10 px Größe. Machen Sie die Ecken vollständig abgerundet und füllen Sie sie mit einem hellgelben linearen Verlauf.

Schritt 8

Mach ein 20 x 20 px kreisen und platzieren Sie ihn an der linken Seite der Linse. Wenden Sie einen linearen Silberverlauf an. Machen Sie einen weiteren Kreis aus 10 x 10 px neben dem ersten und füllen Sie ihn mit einem hellgelben linearen Farbverlauf.

4. Erstellen Sie einen Ledertextureffekt

Schritt 1

Machen Sie den Sockel der Kamera etwas dunkler. Kopieren es und Einfügen vor (Control-C> Control-F).

Schritt 2

Lassen Sie uns nun die Basis der Kamera mit den integrierten Mustern von Adobe Illustrator strukturieren!

Öffne das Farbfelder Panel in Fenster> Farbfelder. Gehe zum Farbfelder Bibliothek> Muster> Grundgrafiken> Grundgrafiken_Texturen.

Schritt 3

Hier haben wir einige schöne realistische Texturen, die einen detaillierten und ausgefallenen Look erzeugen können. Lassen Sie uns etwas finden, das eine Lederoberfläche imitiert. Zum Beispiel hat das Farbfeld angerufen USGS 21 Komplizierte Oberfläche. Klicken Sie hier, um die Textur auf die ausgewählte Form anzuwenden.

Schritt 4

Lassen Sie uns die Textur etwas anpassen, indem Sie einige der Werkzeuge verwenden, mit denen wir mit den verwendeten Farbfeldern und Mustern arbeiten können. 

Wenn Sie die strukturierte Form ausgewählt lassen, doppelklicken Sie auf Skalierwerkzeug (S) in dem Werkzeuge Panel zum Öffnen der Rahmen Optionsfenster. Deaktivieren Sie hier alle Optionen mit Ausnahme von Muster verwandeln Box. Und das einstellen Einheitliche Skala Wert zu 90%, die Elemente der Textur etwas kleiner machen.

Schritt 5

Und lassen Sie uns die Richtung unseres Musters etwas ändern. Wenn Sie die Textur ausgewählt lassen, doppelklicken Sie auf die Schaltfläche Werkzeug drehen (R). Überprüf den Muster verwandeln Box und setzen Sie die Winkel zu 30 Grad.

Schritt 6

Zum Schluss wechseln Sie die Mischmodus der Musterform zu Multiplizieren und verringern seine Opazität zu 30% in dem Transparenz Panel, so dass es mit der dunklen Basis verschmilzt, sodass es zur Kamera passt.

Sag Cheese!

Und hier haben wir es! Unsere semi-realistische Flachkamera mit strukturierter Oberfläche ist fertig! Ich hoffe, es hat Ihnen Spaß gemacht, an diesem Tutorial teilzunehmen und einige neue Tipps und Tricks zum Ändern von Grundformen und zum Anwenden von Mustern entdeckt zu haben, um ein flaches Objekt detaillierter aussehen zu lassen. 

Machen Sie weiter kreative Dinge und lassen Sie sich von der Inspiration leiten!