German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)
Im heutigen Anfänger-Tutorial werde ich Ihnen zeigen, wie Sie mit minimalem Einsatz des Stift-Werkzeugs ein Vektor-Polaroid erstellen. Ich werde Ihnen dann zeigen, wie Sie es in Kombination mit einer anderen Abbildung verwenden können, um es einzurahmen.
Einführung
Als mein Partner und ich uns zum ersten Mal trafen, versuchte er mich zu beeindrucken, indem er lernen wollte, wie man Vektorgrafiken erstellt. Das erste, was ich ihm beigebracht habe, war, einen Vektor Polaroid zu erstellen. Der Grund dafür ist, dass das Stiftwerkzeug nicht viel verwendet werden musse, was beim ersten Versuch entmutigend sein kann. Außerdem wurden ihm einige ziemlich großartige Werkzeuge und Effekte vorgestellt. Unnötig zu erwähnen, dass er mich beeindruckt hat und wir nächstes Jahr heiraten.
Beginnen wir also mit dem Tutorial und lernen, wie Sie Ihren eigenen Retro-Vektor Polaroid erstellen!
Schritt 1
Ich werde anfangen, das Vintage-Polaroid mit einigen Grundformen aus Rechtecken mit dem Rechteck-Werkzeug (M) zu erstellen. Da es bestimmte Verhältnisse hat, werde ich einmal auf die Leinwand klicken und die Werte für die drei Rechtecke eingeben, die ich erstellen möchte. Derzeit sind die Farben dieser Formen nicht relevant, da wir sie später ändern werden.
Der erste, der der größere des Trios ist, wird 540 mal 650 Punkte groß sein.
Die zweite erlaubt einen leichten Rand um den Rahmen und ist 505pt mal 600pt.
Und der kleinste wird 505pt mal 485pt sein.
Schritt 2
Wie Sie vielleicht bemerkt haben, befinden sich unsere Rechtecke für ein Sofortbildfoto nicht an den richtigen Positionen. Ich verwende das Bedienfeld „Ausrichten“ (Windows > Ausrichten oder Umschalt + F7), um sie zu positionieren.
Wählen Sie zuerst Alle (Befehl + A) der Rechtecke aus und verwenden Sie die Option Horizontal Align Center.
Ich habe das größte Rechteck abgewählt und mit den beiden kleineren die Option Vertical Align Top verwendet. Während ich noch ausgewählt war, benutzte ich die Pfeiltasten auf meiner Tastatur, um beide Rechtecke in der unteren Position nach oben zu bewegen. Wenn Sie sie aus der Mitte verschoben haben, können Sie jederzeit Alle auswählen (Befehl + A) und sie mithilfe der horizontalen Ausrichtungsmitte erneut zentrieren.
Schritt 3
Ich werde die Ecken des größten Rechtecks leicht abrunden. Wählen Sie also die Form aus und gehen Sie zu Effekte > Stilisieren > Runde Ecken. Geben Sie den Wert 6pt ein und klicken Sie auf OK.
Das ist ein Live-Effekt. Sie können also jederzeit zum Bedienfeld „Darstellung“ zurückkehren, um diesen Wert zu ändern. Sie können erkennen, dass es sich um einen Live-Effekt handelt, indem Sie sich die folgende Form ansehen. Obwohl die blaue Form tatsächlich eine gekrümmte Ece hat, sind die Punkte um die Form immer noch die eines Rechtecks.
Ich werde den Live-Effekt entfernen, aber die Form der runden Ecken beibehalten, indem ich die ausgewählte Form behalte und zu Objekt > Darstellung erweitern gehe. Sie werden wissen, dass der Live-Effekt erweitert wurde, da die Form jetzt zwei Punkte an der Ecke hat, anstatt nur einen.
Schritt 4
Wenn Sie sich die Rückseite eines Polaroids ansehen, werden Sie feststellen, dass sich an den Rändern bzw. am Boden Falten und ein Beutel mit Entwicklungspaste befinden. Ich werde das Liniensegment-Werkzeug (\) verwenden, um die Falten und den Beutel abzutrennen. Um die Übereinstimmung der Linien mit den bereits gezeichneten Formen und Punkten aus unseren Rechtecken zu vereinfachen, werde ich Smart Guides (Befehl + U) aktivieren.
Wenn Sie Smart Guides noch nicht verwendet haben, werden Sie nach dem Aktivieren feststellen, dass der Mauszeiger an Punkten und Pfaden einrastet, wenn Sie ihn langsam über die Formen bewegen. Diese Funktion eignet sich hervorragend, wenn Sie wie heute genaue Linien zeichnen möchten.
Ich beginne mit dem Zeichnen einer Linie aus einer Ecke und dem Überlappen eines Punkts, während ich mich an der Linie festhalte, bis der Smart Guide den Rand des mittelgroßen Rechtecks hervorhebt. Ich werde auf diesen Endpunkt klicken, wobei Smart Guides "Anker" markieren, damit ich weiß, dass die Linien bündig sind.
Wenn Sie die Umschalttaste gedrückt halten, wird eine perfekt gerade vertikale Linie erstellt. Wenn Sie die Umschalttaste gedrückt halten, können Sie eine Linie erstellen, die in jeder Richtung einen stengen Winkel von 45 Grad aufweist. Ich habe dieselbe Methode verwendet, um die horizontale Linie am oberen Rand des Fotos zu erstellen. Wieder habe ich die Vorteile von Smart Guides genutzt, um sicherzustellen, dass meine horizontale Linie so bündig ist wie der hervorgehobene "Pfad", auf dem sich die Linien treffen.
Sie können Smart Guides verwenden, wenn Sie die Formwerkzeuge (sowie viele andere KI-Werkzeuge) verwenden, wie unten gezeigt. Hier habe ich das Rechteck-Werkzeug (M) verwendet und sichergestellt, dass es auf beiden Seiten der vertikalen Linien bündig ist.
Ich habe die folgenden Linien gezeichnet, um unser Polaroid abzuschneiden. Ich habe alle Zeilen zusammengefasst (Befehl + G).
Schritt 5
Ich werde das kleinste und das größte Rechteck kopieren (Befehl + C) und vorne einfügen (Befehl + F). Dann werde ich das Pathfinder-Bedienfeld (Umschalt + Befehl + F9) verwenden, um das kleinste vom größten mit der Option Minus Front zu entfernen. Dies sollte Sie mit dem Gesamtrahmen des Polaroid verlassen.
Schritt 6
Ich werde eine Schnittmaske mit unserer neuen Form erstellen. Also werde ich alle Formen und Linien außer dem kleinsten Rechteck gruppieren. Wählen Sie dazu die Formen und Linien aus, die Sie gruppieren möchten, und drücken Sie dann Befehlstaste + G. In meinem folgenden Beispiel habe ich die neue Form, die wir in Schritt 5 erstellt haben, ausgeblendet und das kleinste Rechteck gesperrt, da ich es zu diesem Zeitpunkt nicht ändern möchte.
Blenden Sie die neue Form ein (falls Sie dies getan haben) und wählen Sie sie sowie die Gruppe aus. Gehen Sie nun zu Objekt > Schnittmaske > Erstellen (Befehl + 7). Die Elemente werden zu einer neuen Gruppe zusammengefasst. Wenn Sie einen Drilldown in diese Gruppe durchführen, können Sie die Komponenten anzeigen. Eine Schnittmaske macht nur das sichtbar, was in der Form des Schnittpfads enthalten ist.
Schritt 7
Ich bleibe in der Gruppe "Schnittmaske" und werde jede einzelne Komponente (außer dem Schnittpfad) auswählen, um ihre Füll-/Strichfarbe wie folgt zu ändern:
- Füllfarbe für großes Rechteck: C=3, M=1, Y=3, K=0
- Strichfarbe: C=0, M=0, Y=0, K=20
- Füllfarbe für mittleres Rechteck: C=10, M=6, Y=7, K=0
- Schnittlinien Strichfarbe: C=10, M=6, Y=7, K=20
Ich habe auch die Transparenzeinstellungen über das Transparenzbedienfeld geändert (Umschalt + Befehl + F10). Das mittlere Rechteck ist auf Deckkraft 90% eingestellt. Die Gruppe der Schnittlinien wurde auf Mischmodus Multiplizieren und Deckkraft 100% eingestellt.
Wenn Sie diese Einstellungen auf die Gruppe und nicht auf die einzelnen Linien anwenden, wird der Effekt des Mischmodus/der Deckkraft so angezeigt, als ob alle Komponenten der Gruppe ein vollständiges Objekt wären. Wenn ich es einzeln machen würde, würden Sie feststellen, dass Bereiche, in denen sich die Linien überlappen (zum Beispiel wo sich das Rechteck im unteren Teil des Polaroids befindet), viel dunkler sind als die anderen.
Schritt 8
So wie Sie Objekte in einer Schnittmaske ändern können, können Sie bei Bedarf auch Objekte hinzufügen und entfernen. Ich werde dem Rahmen des Polaroids Formen hinzufügen. Mit dem Stiftwerkzeug (P) und unseren Smart Guides für Freunde zeichne ich die obere Klappe des Rahmens und verwende unsere Schnittlinien als Richtlinie für die Winkel der Seiten der Klappe.
Sobald die Form fertig ist, müssen Sie sie nur noch auswählen und per Drag & Drop in die Schnittmaske ziehen. Wie Sie unten sehen können, profitiert die neue Form jetzt von den Grenzen des Beschneidungspfads, indem die überlappenden Bereiche ausgeblendet werden.
Schritt 9
Ich werde einen linearen Verlauf verwenden, um das Erscheinungsbild einer Klappe zu erzeugen. Ich neige dazu, meine Form mit einem Standardverlauf zu füllen und dann Farben aus meinem Farbfeld auf die Verlaufsregler zu ziehen und dort abzulegen. Ich bewege dann die Verlaufsregler, um das Erscheinungsbild des Verlaufs zu ändern. Um einen vertikalen linearen Verlauf in einen horizontalen Verlauf zu ändern, ändern Sie den Wert des Winkels auf 90 Grad.
Ich habe dann weitere Farben in das Verlaufsbedienfeld gezogen und dort abgelegt und mit dem Verlaufswerkzeug (G) die Positionen der Farben entsprechend der Schnittlinie geändert.
Ich habe die folgenden Farben von links nach rechts verwendet:
- C=10, M=6, Y=7, K=10
- C=10, M=6, Y=7, K=45
- C=10, M=6, Y=7, K=20
- C=10, M=6, Y=7, K=10
- C=3, M=1, Y=3, K=0
Ich habe dann die Deckkraft auf 70% reduziert.
Schritt 10
Ich habe den gleichen Farbverlauf für die anderen Formen des Rahmens und des Beutels verwendet, jedoch einige der Farben entfernt und neu organisiert. Um eine Farbe aus dem Verlauf zu entfernen, wählen Sie den Verlaufsregler und verwenden Sie den Bin auf der rechten Seite. Alle neuen Formen müssen auf Deckkraft 70% eingestellt werden.
Schritt 11
Kopieren Sie den Beutel/das Rechteck (Befehl + C) und fügen Sie ihn vorne ein (Befehl + F). Ich werde eine subtile Textur hinzufügen, indem ich ein Standardmuster verwende, das sich bereits in der Bibliothek von Adobe Illustrator befindet. Gehen Sie im Farbfeldbedienfeld in das Dropdown-Menü oben rechts im Bedienfeld und wählen Sie Farbfeldbibliothek öffnen > Muster > Grundlegende Grafiken > Grundlegende Grafik_Texturen. Wählen Sie daraus das Muster "USGS 21 Intricate Surface" und es wird automatisch zu Ihrem Farbfeld hinzugefügt.
Füllen Sie das duplizierte Rechteck und ändern Sie den Mischmodus auf Multiplizieren und die Deckkraft auf 5%.
Schritt 12
Unser Rahmen ist mehr oder weniger fertig, aber Sie können dem Rahmen noch etwas hinzufügen, um ihm Ihre eigene, einzigartige Note zu verleihen. Auf der Rückseite eines Polaroids finden Sie häufig den Markennamen oder sogar die Chargennummer des Films. Warum also nicht Ihren Namen, Ihren Illustrationstitel oder sogar ein Datum im gleichen Stil hinzufügen?
Ich habe das Textwerkzeug (T) über dem Beutel mit den folgenden Einstellungen verwendet. Ich habe mich aus offensichtlichen Gründen dafür entschieden, "VECTORTUTS+" hier zu schreiben.
Schritt 13
Wenn Sie das Textwerkzeug (T) in Adobe Illustrator verwenden, können nur Schriftarten angezeigt werden, die Sie bereits auf Ihrem Computer haben... was möglicherweise offensichtlich klingt. Dies bedeutet, dass der Text nicht richtig angezeigt wird, wenn Sie die Datei an einen Freund weitergeben und dieser aus irgendeinem bizarren Grund nicht die Schriftart "Arial" hat. Es lohnt sich also, Objekt > Schrift auf Formen zu erweitern. In diesem Tutorial werde ich die Schrift erweitern, aber wenn Sie diesen Rahmen immer wieder verwenden, würde ich diesen Schritt überspringen.
Ich werde die Füllfarbe unseres Brandings in "USGS 21 Intricate Surface" ändern, damit es strukturiert aussieht, aber das Muster im Text zu groß erscheint. Um die Skalierung des Musters zu ändern, gehen Sie zu Objekt > Transformieren > Skalieren und stellen Sie sicher, dass nur "Muster" aktiviert ist. Ich habe die Skala dieses Musters auf Uniform 20% geändert.
Dann habe ich das freie Transformationswerkzeug (E) verwendet, um den Text leicht zu drehen. Diese Markenstempel sind nie ganz perfekt, oder? Wenn Sie fertig sind, gruppieren Sie alle Elemente für den Frame (Befehl + G).
Schritt 14
Arbeiten Sie nun an dem Film, der die Abbildung darunter überlappt. Ich werde das kleine Quadrat duplizieren und es vorerst ausblenden, es wird zu einem späteren Zeitpunkt verwendet. Ändern Sie die Füllfarbe in einen nicht schwarzen Farbton (C=0, M=0, Y=0, K=95). Platzieren Sie mit dem Netzwerkzeug (U) mithilfe von Smart Guides einen Punkt in der direkten Mitte und färben Sie ihn dann reinweiß.
Gehen Sie um das Quadrat herum und fügen Sie den Ecken weiße Punkte hinzu. Sie können die vierte Ecke nicht hinzufügen, da diese aus dem Hinzufügen der drei Punkte erstellt wurde. Sie müssen nun jeden Punkt mit dem Netzwerkzeug (U) auswählen und wie unten gezeigt weiß färben.
Wählen Sie die Netzform vollständig aus und ändern Sie den Mischmodus auf Multiplizieren und die Deckkraft auf 40%. Sie werden feststellen, dass das weiße Zentrum jetzt verschwunden ist, da der Mischmodus nur bei Vorhandensein von Farbe etwas beeinflusst - welches Weiß keine hat (daher alle Nullen!). Dadurch erhält das Foto einen Vignetteneffekt.
Schritt 15
Wenn der Fototeil des Polaroids leicht angehoben ist, kann das Bild natürlich einen Glanz haben. Ich werde mit einem abgerundeten Rechteck über das Quadrat zeichnen und dann einen transparenten weißen linearen Farbverlauf verwenden. Dazu erstellen Sie auf zwei Verlaufsschiebereglern einen Verlauf mit derselben Farbe. Wählen Sie einen der Verlaufsregler aus und reduzieren Sie die Deckkraft auf den gewünschten Wert. In diesem Fall wäre es 0%.
Wenn Sie fertig sind, stelln Sie den Mischmodus auf Bildschirm und die Deckkraft auf 40% ein und gruppieren Sie dann sowohl das Netz als auch das abgerundete Rechteck (Befehl + G).
Schritt 16
Ich werde mit einem anderen transparenten Farbverlauf einen subtilen Schatten am unteren Rand des Polaroids erzeugen... diesmal ist es ein radialer Farbverlauf. Verwenden Sie im Verlaufsbedienfeld das Dropdown-Menü, um es in einen radialen Verlauf zu ändern. Ziehen Sie dann das Schwarz per Drag & Drop in beide Verlaufsregler.
Wenn ich einen einfachen radialen Farbverlauf verwende, verwende ich ihn normalerweise mit einem Kreis, da ich die Abmessungen eines Kreises mit dem freien Transformationswerkzeug (E) einfacher bearbeiten kann als mit dem Verlaufswerkzeug (G). Dieser Tipp könnte also gut für Sie sein, wenn Sie das gleiche Problem haben.
Verwenden Sie zuerst das Ellipsen-Werkzeug (L) mit der radialen Verlaufsfüllung und halten Sie Alt + Umschalt gedrückt. Ziehen Sie dann nach außen, um einen gleichmäßigen Kreis zu erzeugen. Sie werden feststellen, dass der radiale Farbverlauf genau in der Mitte liegt und nicht in seiner Form verzerrt ist. Verwenden Sie dann das freie Transformationswerkzeug (E), um es zu quetschen und auf die gewünschte Weise zu dehnen.
Ich habe es unter die Gruppe für den Rahmen gelegt und es auf Mischmodus Multiplizieren mit Deckkraft 100% eingestellt. Dann habe ich es mit dem Rahmen gruppiert (Befehl + G).
Schritt 17
Was wir jetzt haben, sollten zwei Gruppen sein, eine mit der Vignette und dem Glanz, die sich oben auf dem Rahmen befinden. Wenn Ihre Zeichenfläche nicht sichtbar ist, können Sie dies tun, indem Sie auf Ansicht > Zeichenflächen anzeigen (Befehl + Umschalt + H) klicken.
Wählen Sie beide Gruppen aus und positionieren Sie sie innerhalb des Rahmens. Sie müssen einen allgemeinen Hintergrund für das Polaroid erstellen. Ich habe dies mit dem Rechteck-Werkzeug (M) gemacht. Die Farbe spielt keine Rolle, da Sie diese abhängig von der Farbe Ihrer Illustration ändern können, um sie zu ergänzen oder zu kontrastieren.
Duplizieren Sie dieses neue Rechteck, das Sie für den Hintergrund verwendet haben, und blenden Sie dann das kleine Quadrat aus, das Sie in Schritt 14 dupliziert haben. Ziehen Sie es aus der Gruppe und über den duplizierten Hintergrund. Entfernen Sie mit Pathfinder > Minus Front das kleine Quadrat aus dem Hintergrundrechteck.
Schritt 18
Gruppieren Sie das ursprüngliche Hintergrundrechteck mit dem Polaroid-Rahmen (Befehl + G), sodass Sie jetzt zwei Gruppen haben. Schneiden Sie dann das Hintergrundrechteck aus, indem Sie eine Schnittmaske (Befehl + 7) mit der Polaroid-Rahmengruppe erstellen.
Wählen Sie nun Alle (Befehl + A) und gruppieren Sie alles (Befehl + G), um das Duplizieren auf ein anderes Illustrationsprojekt zu vereinfachen.
Schritt 19
Öffnen Sie die Abbildung Ihrer Wahl. In diesem Fall verwende ich ein Porträt meiner anderen Hälfte. Das Tutorial zum Erstellen dieses Männerporträts finden Sie hier auf Vectortuts+.
Erstellen Sie eine neue Ebene, kopieren Sie dann die Polaroidgruppe (Befehl + C) und fügen Sie sie (Befehl + V) in Ihre Illustration ein.
Von hier aus können Sie das Polaroid-Werkzeug (E) verwenden, um die Größe Ihrer Polaroid-Gruppe zu ändern (halten Sie Alt + Umschalt gedrückt, um eine gleichmäßige Verzerrung des Verhältnisses zu vermeiden) oder sogar einen Drilldown in die Gruppe durchführen, um die Farbe des Hintergrunds zu ändern. Ich habe mich dafür entschieden, die Hintergrundfarbe für mein Polaroid in einen Braunton zu ändern, um die Blautöne im Bild hervorzuheben.
Schritt 20
Um ein weniger einheitliches Aussehen zu erzielen, werde ich das Porträt und das Polaroid leicht drehen. Entsperren Sie also alle (Alt + Befehl + 2) und wählen Sie dann alle (Befehl + A).
Gehen Sie nun zu Objekt > Transformieren > Drehen und stellen Sie den Wert ein, um den die Abbildung und das Polaroid gedreht werden sollen. Denken Sie daran, sowohl Objekte als auch Muster anzukreuzen, und klicken Sie dann auf OK.
Schritt 21
Verwenden Sie zum Schluss das Zeichenflächenwerkzeug (Umschalt + O), um die Grenzen der Zeichenfläche zu positionieren oder die Abmessungen zu ändern. Das Zeichenflächen-Werkzeug (Umschalt + O) ist besonders nützlich, wenn Sie die Option Für Web und Geräte speichern verwenden. Stellen Sie sich das als Zuschneidewerkzeug vor und definieren Sie, welchen Bereich Ihrer Illustration Sie beschneiden und speihern möchten.
Gehen Sie dann beim Speichern zu Datei > Für Web & Geräte speichern. In den Bildgrößenoptionen rechts befindet sich ein Kontrollkästchen "Auf Zeichenfläche befestigen". Stellen Sie sicher, dass dieses Kontrollkästchen aktiviert ist. Eine Vorschau Ihrer zugeschnittenen Illustration wird links angezeigt, sobald Sie "Übernehmen". Dann wie gewohnt speichern.
Abschluss
Natürlich werden die Leute mit den scharfen Augen bemerken, dass ich tatsächlich eine Illustration auf der Rückseite eines Polaroids anstelle der Vorderseite angebracht habe. Es geht einfach darum, zusätzliche Details zu geben und denjenigen, die mit Adobe Illustrator beginnen, einige neue Techniken vorzustellen!
Sie können die Details um das Polaroid jederzeit entfernen und als einfaches Rechteck belassen, wobei das überlappende Netz-/Glanzquadrat und der subtile Schatten für einen realistischeren Ansatz sorgen.
Ich hoffe, Sie fanden das heutige Tutorial interessant und haben einige neue Techniken und Werkzeuge für zukünftige Projekte aufgegriffen.
Welche anderen kreativen Möglichkeiten könnten Sie Ihrer Meinung nach einrahmen und eine Illustration präsentieren?
