Share
Was Sie erstellen werdenEin Emoji ist eine bestimmte Art von Bildsymbol. In diesem Lernprogramm zeichnen wir in Photoshop eine Reihe von Auto- und Van-Emojis mit einer erstaunlichen Vektorfunktion. Wir werden mit einem Standard-Van und einem Auto anfangen und diese dann in andere Autos wie Krankenwagen, Feuerwehrauto, Taxi und Polizeiauto umwandeln. Ich hoffe du magst es.
Besuchen Sie Envato Market für Emoticons und Icons.
Es ist immer eine gute Idee, jedes Element in einer separaten Ebenengruppe zu platzieren. Jedes Auto und seine Elemente (Stoßfänger, Reifen usw.) sollten in einer bestimmten Gruppenschicht platziert und mit einem geeigneten Namen versehen werden. Ich schlage auch vor, dass Sie etwas Forschung über das Design von Auto-Icons beginnen. Wenn Sie die Arbeit anderer Ikonendesigner sehen, erfahren Sie, welches Element wesentlich für das Design ist.
Erstellen Sie zunächst ein neues Dokument in Photoshop. Schlagen Control-N oder klicken Sie auf Datei> Neu. Wir brauchen keine große Leinwand. Stellen Sie die Größe auf 320 Pixel x 140 Pixel. Klicken OK.
Drücke den Einstellungsebene hinzufügen Symbol und wählen Sie dann Einfarbig. Wählen Sie eine dunkelgraue Farbe für den Hintergrund der Leinwand. Danach können Sie einfach das löschen Hintergrund Ebene, um die Dateigröße zu verringern.
Klicken Anordnen> Neues Fenster für [Dateinamen]. Dieselbe Datei wird in einem separaten Fenster geöffnet. Beide sind gleich. Sie können in einem der Fenster bearbeiten und die Änderungen werden gleichzeitig im anderen Fenster angezeigt. Wir werden dies verwenden, um das tatsächliche Ergebnis in 100% -iger Vergrößerung zu sehen und gleichzeitig mit den Details zu arbeiten.
Ziehen Sie eine der Registerkarten, um sie vom Hauptarbeitsbereich zu trennen. Stellen Sie die Zoomstufe auf 100%. Stellen Sie das andere Fenster auf eine größere Zoomstufe.
Wir beginnen mit dem Zeichnen der grundlegenden Transporterform. Aktivieren Sie das Abgerundetes Rechteckwerkzeug, und dann klicken und ziehen, um ein Weiß zu zeichnen 14 px × 18 px gestalten. Von dem Eigenschaften Stellen Sie den oberen linken Eckenradius auf 10 px.
Sich bewerben Inneren Schatten und Inneres Glühen Ebenenstile für die Ebene, um Schatten und ein wenig Tiefe hinzuzufügen. Verwenden Sie die folgenden Einstellungen.
Wir möchten, dass jede Schicht organisiert bleibt. Gewöhnen Sie sich daran, jede Ebene mit einem sinnvollen Namen zu benennen.
Duplizieren Sie die Vektorform des Lieferwagens, indem Sie schlagen Steuerung-J, und ziehen Sie dann die untere und rechte Seite, um daraus eine Windschutzscheibe zu machen.
Fügen Sie folgendes hinzu Ebenenstile um der Form eine blaue Beleuchtung hinzuzufügen. In dem Inneres Glühen Dialogfeld, verwenden Sie blau.
Zeichne ein 2 px Breite weißes Rechteck im unteren Teil des Transporters. Hinzufügen Inneren Schatten und Verlaufsüberlagerung Ebenenstile, um der Form eine einfache Beleuchtung zu verleihen. Diese Form wird der Stoßfänger und die Basis des Wagens sein.
Zeichnen Sie ein abgerundetes Rechteck mit einem Radius von 2 Pixeln an jeder Ecke. Hier verwenden wir Gelb für seine Farbe. Möglicherweise haben Sie eine andere Lieblingsfarbe. Um die Form zu beleuchten, fügen wir sie einfach hinzu Inneren Schatten und Verlaufsüberlagerung Ebenenstile. Mit dem herumspielen Winkel Einstellungen, bis Sie ein zufriedenstellendes Ergebnis erhalten.
Der nächste Schritt ist das Hinzufügen der Räder. Natürlich müssen wir nur eine einfache Kreisform hinzufügen Mit gedrückter Umschalttaste Verwendung der Kreisformwerkzeug. Legen Sie in der Optionsleiste seine fest Füllen Farbe zu Weiß und seiner Schlaganfall Farbe bis dunkelgrau mit einer Größe von 1 Punkt. Der Durchmesser des Rads sollte gleichmäßig sein, z. B. 8 px, 12 px oder 16 px. Dies erleichtert die nächsten Schritte. Sich bewerben Schlaganfall und Inneres Glühen Ebenenstile, um dem Rad eine einfache Beleuchtung zu verleihen.
Wir werden zwei Sätze von Rädern verwenden, vorne und hinten. Da beide gleich sind, empfiehlt es sich, eine Intelligentes Objekt. Klicken Sie mit der rechten Maustaste auf die Radebene und wählen Sie In intelligentes Objekt konvertieren. Nächster, Alt-Ziehen das Rad zu duplizieren.
Wir werden eine kleine Lücke von 1 px Breite zwischen dem Rad und dem Wagenkasten hinzufügen. Erstellen Sie eine weitere dunkle Kreisform, deren Durchmesser um 2 Pixel größer ist als das Rad. Legen Sie es hinter das Lenkrad. Fügen Sie ein Rechteck ein, das die Hälfte des Rades unter dem Stoßfänger des Autos bedeckt, und stellen Sie den Pfadmodus auf Vordere Form abziehen. Fügen Sie Schwarz hinzu Schlaganfall und Verlaufsüberlagerung.
Fügen Sie dieselbe Form hinter dem anderen Rad hinzu.
Wir sind fast fertig. Der letzte Schritt ist das Hinzufügen des Schattens. Wir können Schatten leicht unter dem Transporter malen Pinselwerkzeug. Der Nachteil ist jedoch, dass das Ergebnis in Pixeln liegt und Bilder, die auf Pixeln basieren, dazu neigen, unkontrolliert zu verwischen, wenn sie ihre Größe ändern. Sie möchten wirklich nicht, dass dies in einem kleinen Bild wie diesem geschieht.
Unser Ansatz besteht darin, ein dunkles abgerundetes Rechteck unter den Van zu zeichnen und es dann mit zu füllen Inneren Schatten und dunkel Äußeres Glühen Ebenenstile.
Da gehst du mit Schatten.
Ich vermute, wir haben gerade ein kleines Detail vermisst: den Rückspiegel. Wir müssen nur ein Dreieck und ein Quadrat zeichnen. Das ist es. Wir haben jetzt die Grundform eines Van Emoji. Sie können an diesem Punkt anhalten oder kleine Ornamente hinzufügen, um sie einzigartig zu machen.
Ab hier sind die folgenden Schritte optional. Zeichnen Sie ein 1 Pixel großes Rechteck auf die Box. Umschalt-Ziehen um der Box eine weitere Form hinzuzufügen. Legen Sie für die Farbe hellere gelbe Farbe fest.
Hinzufügen Inneren Schatten und Schlagschatten Ebenenstile, um der Kastenoberfläche Tiefe zu verleihen.
Fügen wir einen Firmennamen in das Feld ein. Zeichnen Sie ein weißes Rechteck mit Rechteckiges Laufschriftwerkzeug.
Fügen Sie Text in den weißen Bereich ein. Ändern Sie, während die Textebene aktiv ist, die Anti-Aliasing-Methode des Textes und wählen Sie das klarste Erscheinungsbild aus. Üblicherweise für kleinen Text, Knackig funktioniert am besten.
Wir haben den Standard-Van fertiggestellt. Durch Hinzufügen geringfügiger Modifikationen, z. B. durch Ändern der Farbe, können andere Transportertypen erstellt werden.
In diesem Tutorial machen wir einen Krankenwagen. Erstens brauchen wir eine Referenz, um die gemeinsamen Merkmale eines Krankenwagens zu sehen. Sie finden sie auf PhotoDune. Suchen Sie einfach nach Krankenwagen oder Krankenwagen. Auf diesen Fotos sehe ich drei gemeinsame Elemente eines Rettungswagens: Sirenen, ein Kreuzzeichen und rote und weiße Farbe.
Dieser Krankenwagen ist aus dem vorigen Van gemacht. So, Alt-Ziehen um es zu duplizieren.
Wir benötigen kein Streifendetail und keinen Text auf der Box. Wir können es entfernen.
Ändern Sie alle Farben in Weiß.
Fügen Sie mit der Taste ein neues rotes Rechteck hinzu Rechteckwerkzeug. Zeichnen Sie ein rotes Kreuz aus zwei sich überlappenden Rechteckformen. Der Pfadmodus sollte sein Formen kombinieren. Hinzufügen Inneren Schatten und Schlagschatten Ebenenstile, um der roten Form Tiefe zu verleihen.
Zeichnen Sie ein abgerundetes Rechteck auf die Ambulanzkabine. Fügen Sie einen Radius an der oberen linken und oberen rechten Ecke hinzu, bis wir ein halbes abgerundetes Rechteck für die Form der Sirene haben.
Fügen Sie für seine Farbe einen Ebenenstil hinzu Verlaufsüberlagerung mit linearer Steigung von rot nach blau.
Hinzufügen Inneren Schatten und Äußeres Glühen um den Sirenen subtiles Licht zu verleihen.
Und hier sind sie: ein grundlegender Lieferwagen und ein Rettungswagen.
Für das Auto zeichnen wir zunächst ein einfaches abgerundetes Rechteck. Fügen Sie den oberen Teil des Autos hinzu, indem Sie ihn manuell mit dem Zeichen zeichnen Stiftwerkzeug.
Hinzufügen Inneren Schatten und Verlaufsüberlagerung Ebenenstileum der Form eine einfache Beleuchtung und dreidimensionale Wahrnehmung hinzuzufügen.
Duplizieren Sie die untere Karosserie des Autos und ändern Sie die Farbe in Schwarz. Fügen Sie ein Rechteck hinzu und setzen Sie den Pfadmodus auf Schneiden Sie Formbereiche aus.
Fügen Sie dem Auto Räder hinzu. Wir können das Rad, das wir zuvor für den Van gemacht haben, einfach kopieren und einfügen.
Fügen wir dem Auto eine Windschutzscheibe hinzu. Der Prozess ähnelt dem, was wir zuvor mit dem Lieferwagen gemacht haben. Zeichnen Sie eine polygonale Form mit der Stiftwerkzeug und wenden Sie dann Ebenenstile an Inneren Schatten, Inneres Glühen, und Äußeres Glühen um dem Glas eine blaue Markierung hinzuzufügen.
So wie wir es mit dem Van gemacht haben, brauchen Sie keine Tür zu zeichnen. Wir müssen jedoch eine kleine 1-Pixel-Linie hinzufügen, um die vordere und die hintere Tür voneinander zu trennen. Zeichnen Sie ein weißes Rechteck mit einer Breite von 1 Pixel zwischen den beiden Windschutzscheiben. Wenden Sie einen leichten Schatten an.
Reduzieren Sie die Ebene Opazität zu 10%.
Duplizieren Sie die Karosserie des Autos. Ändern Sie die Farbe in Weiß. Fügen Sie auf der Vorderseite der Form ein abgerundetes Rechteck hinzu und stellen Sie den Modus auf Schneiden Sie Formbereiche aus. Dies wird der Scheinwerfer des Autos sein.
Wiederholen Sie dasselbe für das Rücklicht. Verwenden Sie Rot für dieses.
Zeichnen Sie ein dunkles abgerundetes Rechteck unter das Auto und wenden Sie Ebenenstile an Inneren Schatten und Äußeres Glühen um es in den Schatten des Autos zu verwandeln.
Wir haben es mit dem Basisauto geschafft. Wir können bestimmte Elemente hinzufügen, um daraus ein bestimmtes Auto zu machen, beispielsweise ein Polizeiauto. Welche Elemente sind für ein Polizeiauto unerlässlich? Suchen Sie Fotos von Polizeiautos als Referenz bei PhotoDune. Wir können sehen, dass es drei wesentliche Elemente gibt: Schwarz und Weiß, Sirenen und Polizeitext an der Tür.
Lassen Sie uns das Standardauto duplizieren. Ändern Sie die Hauptfarbe in Schwarz. Einen anderen anwenden Verlaufsüberlagerung Klicken Sie auf das Plus-Symbol neben dem bereits verfügbaren Verlaufsüberlagerung. Wir verwenden also zwei Verlaufsüberlagerungen, eine für die Hervorhebung auf der Karosserie und eine für die Farbe. Setze dies neu Verlaufsüberlagerung Ebenenstil von weiß bis schwarz mit Stil: reflektiert.
Fügen Sie Text auf der Seite des Autos hinzu. Experimentieren Sie mit der Anti-Alias-Option, um eine klare Sichtbarkeit des Textes zu erreichen.
Fügen Sie ein abgerundetes Rechteck für die Sirene hinzu und wenden Sie sie an Verlaufsüberlagerung. Wir haben das schon früher für den Krankenwagen gezeichnet. Sie können es einfach nur kopieren. Je nach Gesetz des Landes kann die Farbe für Rettungssanitäter- und Polizeisirenen variieren. Überprüfen Sie die Notlichtfarbe Ihres Landes in Wikipedia.
Wir haben die Emojis gezeichnet. Sie bestehen alle aus Vektorformen ohne manuelles Pixelpinsel. Wie Sie sehen, sind beide nur eine Variation des Basis-Van und des Autos. Wenn Sie weitere Elemente hinzufügen, können Sie diese in einen Feuerwehrauto und ein Taxi umwandeln. Probieren Sie es selbst aus. Viel Glück!
Accentsconagua