In diesem Lernprogramm erfahren Sie, wie Sie ein Gesicht mithilfe eines Fotos veranschaulichen und daraus eine benutzerdefinierte Schaltfläche erstellen. Dies ist ein unterhaltsames Tutorial mit relativ einfachen Techniken. Lasst uns anfangen!
Unten ist das endgültige Bild, auf das wir hinarbeiten werden. Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an Vector Plus für nur 9 € pro Monat teil.
Ich ging zu stock.xchng und wählte ein Foto aus, von dem ich dachte, dass es zu einer Illustration für ein Gesicht passen würde. Der Typ hatte so einen coolen Ausdruck auf seinem Gesicht, dass ich nicht passieren konnte. Beginnen wir mit dem Platzieren des Bildes in einem neuen Illustrator-Dokument.
Sperren Sie die Bildebene und erstellen Sie eine neue Ebene. Beginnen Sie dann mit dem Stiftwerkzeug (P), um das Gesicht zu zeichnen. Ich habe mich für ein Grau entschieden, da ich einen Schwarz-Weiß-Look anstrebe.
Beginnen Sie die Augenbraue mit einer schwarzen Füllung aufzuspüren. Seien Sie so locker wie möglich. Wir wollen keinen fotorealistischen Look, sondern einen stilisierten Look.
Verfolgen Sie auch die andere Augenbraue, wie unten gezeigt.
Dann weiter zu den Augen. Beginnen Sie, indem Sie einfach die Kontur nachzeichnen.
Ich füllte die Augenumrissform mit einem hellen Grau. Fügen Sie dann die Augendetails hinzu. Einfach aber effektiv. Fügen Sie einfach eine Form hinzu, die mit einem dunkleren Grau gefüllt ist.
Fügen Sie dann die Pupille als eine mit Halbmond schwarz gefüllte Form hinzu.
Fügen Sie einige Highlights hinzu, um die Augen zum Leben zu erwecken. Sie können dies tun, indem Sie einfach zwei kleine weiße Kreise hinzufügen und sie in die Pupille einfügen.
Als nächstes brauchen wir einige Wimpern. Nimm das Stiftwerkzeug (P) und beginne, eine Wimper zu zeichnen. Dann dupliziere es mehrmals und platziere sie um das Auge.
Als nächstes werden wir die Lippen verfolgen. Halten Sie die Formen wieder einfach, indem Sie einfach mit dem Stiftwerkzeug (P) in einfachen Formen nachzeichnen. Denken Sie daran, dass das Stiftwerkzeug Ihr bester Freund ist. Füllen Sie nun die Formen mit einer roten Farbe und einem schwarzen Strich und füllen Sie die Oberlippe mit einem dunkleren Rot. Dies gibt dem Gesicht ein dramatisches Aussehen, da wir die anderen Formen schwarz und weiß gehalten haben.
Beginnen Sie damit, die Haare aufzuspüren. Da das Foto seines restlichen Kopfes schneidet, müssen wir etwas kreativ werden. Stellen Sie sich einfach die Haare vor und fügen Sie so viele Punkte und Schleifen hinzu, wie Sie benötigen. Fülle es mit Schwarz.
Vergiss die Nase nicht. Verfolgen Sie es und füllen Sie es mit einem
grauer Farbverlauf, linear oder radial, es hängt davon ab, wie es sich in seine Gesichtsfarbe einfügt.
Hier ist das fertige Gesicht. Ich ging weiter und stilisierte es weiter, schnitt es auf und füllte jede Form mit einem anderen Grau oder Schwarz.
Gehen wir weiter zum Pin-Button. Erstellen Sie einen Kreis und füllen Sie ihn mit einem weißen bis schwarzen radialen Verlauf. Fügen Sie dann einen Schlagschatten hinzu. Stellen Sie den Ebenenmodus auf Multiplizieren.
Machen Sie zwei Kopien des Kreises, skalieren Sie eine nach unten und legen Sie das fest
Ebenenmodus auf Normal. Fügen Sie jetzt einen grauen Strich von 6pt nach innen hinzu. Wählen Sie beide aus und teilen Sie sie über die Pathfinder-Palette.
Löschen Sie den inneren Teil mit dem Direktauswahl-Werkzeug (A) und platzieren Sie die Kreisform übereinander.
Duplizieren Sie den ersten Kreis in Schritt 14 und verkleinern Sie ihn etwas und platzieren Sie ihn oben.
Erstellen Sie ein kleines Rechteck (M) und füllen Sie es mit einem linearen Verlauf von Schwarz zu Weiß zu Schwarz. Wenden Sie abgerundete Ecken (Effekt> Stilisieren> Abgerundete Ecken) und einen Schlagschatten an.
Wiederholen Sie Schritt 18 und erstellen Sie ein anderes Rechteck, aber wenden Sie nicht die abgerundeten Ecken an, sondern nur einen Schlagschatten.
Erstellen Sie anschließend mit dem Stiftwerkzeug (P) eine Nadelform, füllen Sie sie erneut mit einem linearen Farbverlauf und fügen Sie dann einen Schlagschatten hinzu.
Erstellen Sie ein weiteres kleines Rechteck (M). Fügen Sie abgerundete Ecken und einen Schlagschatten hinzu, und setzen Sie den Ebenenmodus auf Color Burn.
Erstellen Sie ein anderes Rechteck, aber schneiden Sie die Mitte aus, wie Sie es unten sehen. Fügen Sie außerdem einen Schlagschatten hinzu.
Lassen Sie uns auf den oberen Teil der Schaltfläche klicken. Erstellen Sie einen Kreis, der die gleiche Größe hat wie der hintere Teil der Schaltfläche. Füllen Sie es mit Weiß und fügen Sie einen Schlagschatten hinzu.
Erstellen Sie eine sichelförmige Form, indem Sie einfach zwei Kreise über die Pathfinder-Palette teilen. Füllen Sie es mit Schwarz und stellen Sie den Ebenenmodus auf Multiplizieren.
Erstellen Sie einen weiteren Kreis und füllen Sie ihn mit einem radialen Schwarz-Weiß-Verlauf. Stellen Sie den Ebenenmodus auf Multiplizieren.
Erstellen Sie zwei flippige Formen, eine in Schwarz und eine in Rot, und überlappen Sie sie.
Wählen Sie beide aus und wenden Sie den Pucker- und Aufblaseffekt an (Effekt> Verzerren und Transformieren> Pucker & Aufblasen). Übernehmen Sie die unten gezeigten Einstellungen.
So sollte es mit dem auf beide Formen angewendeten Effekt sein.
Erstellen Sie eine Kopie des Kreises für die Schaltfläche "Anheften", entfernen Sie alle Effekte und Füllungen und platzieren Sie ihn dann auf den verzogenen Formen. Alles markieren und Schnittmaske anwenden (Befehl + 7).
Platzieren Sie die ausgeschnittene Form oben auf den Pin-Button. Erstellen Sie dann einen kleinen Kreis, der mit einem sehr hellgrauen bis weißen radialen Verlauf gefüllt ist, und setzen Sie den Ebenenmodus auf Überlagerung.
Nehmen Sie das Gesicht und gruppieren Sie es (Befehl + G), platzieren Sie es dann auf dem Pin-Button und verkleinern Sie es gegebenenfalls.
Dies ist das Endergebnis. Ein stilisierter Pin-Button mit illustriertem Gesicht. Natürlich können Sie Ihr eigenes Foto oder sogar ein Foto von sich selbst verwenden. Genießen!
Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.