Share
Im heutigen Anfänger-Tutorial werde ich Ihnen zeigen, wie Sie ein Vektor-Polaroid mit minimalem Einsatz des Stiftwerkzeugs erstellen. Ich zeige Ihnen dann, wie Sie es in Kombination mit einer anderen Abbildung verwenden können, um es zu rahmen.
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, ein Vektor-Polaroid zu erstellen. Der Grund dafür ist, dass das Stiftwerkzeug nicht viel gebraucht wurde, was beim ersten Versuch entmutigend sein kann. Außerdem stellte er ihm einige ziemlich tolle Tools und Effekte vor. Unnötig zu sagen, er hat mich beeindruckt und wir heiraten nächstes Jahr.
Beginnen wir mit dem Tutorial und lernen Sie, wie Sie Ihr eigenes Retro-Vektor-Polaroid erstellen!
Ich werde anfangen, das alte Polaroid mit einigen Grundformen aus Rechtecken mit dem Rechteckwerkzeug (M) zu erstellen. Da es bestimmte Verhältnisse hat, klicke ich einmal auf die Leinwand und gebe die Werte für die drei Rechtecke ein, die ich erstellen möchte. Im Moment sind die Farben dieser Formen nicht relevant, da wir sie später ändern werden.
Der erste, der der größere des Trios ist, wird 540pt mal 650pt groß sein.
Die Sekunde erlaubt einen leichten Rand um den Rahmen und wird 505pt von 600pt betragen.
Und der kleinste wird 505pt mal 485pt groß sein.
Wie Sie vielleicht bemerkt haben, befinden sich unsere Rechtecke nicht in der richtigen Position für eine Sofortbildfotografie. Daher werde ich das Ausrichtungsbedienfeld (Windows> Ausrichten oder Umschalt + F7) verwenden, um sie zu positionieren.
Wählen Sie zuerst Alle (Befehlstaste + A) der Rechtecke aus und verwenden Sie die Option Horizontale Ausrichtungsmitte.
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, stieß ich mit den Pfeiltasten auf der Tastatur die beiden Rechtecke in der unteren Position nach oben. Wenn Sie sie aus der Mitte verschoben haben, können Sie immer Alles auswählen (Befehlstaste + A) und das Zentrum für horizontale Ausrichtung wieder zentrieren.
Ich werde die Ecken des größten Rechtecks leicht abrunden. Wählen Sie die Form aus und gehen Sie zu Effekte> Stilisieren> Runde Ecken, geben Sie den Wert 6pt ein und klicken Sie auf OK.
Dies ist ein Live-Effekt, dh Sie können jederzeit wieder in das Erscheinungsbildfenster wechseln, um diesen Wert zu ändern. Sie können erkennen, dass es sich um einen Live-Effekt handelt, wenn Sie die Form unten betrachten. Obwohl die blaue Form tatsächlich eine gekrümmte Ecke 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 Sie die Form ausgewählt lassen und zu Objekt> Aussehen erweitern gehen. Sie wissen, dass der Live-Effekt erweitert wurde, da die Form jetzt zwei Punkte an der Ecke hat und nicht nur einen.
Wenn Sie auf die Rückseite eines Polaroids schauen, werden Sie feststellen, dass sich an den Rändern bzw. entlang der Unterseite Falten und ein Entwicklungspastebeutel befinden. Ich werde das Liniensegment-Werkzeug (\) verwenden, um Falten und Beutel abzutrennen. Um die Linien besser an die bereits gezeichneten Formen und Punkte aus unseren Rechtecken anpassen zu können, werde ich Smart Guides (Befehl + U) aktivieren..
Wenn Sie zuvor keine intelligenten Hilfslinien verwendet haben, bewegen Sie den Mauszeiger nach dem Aktivieren um die Formen und Sie werden feststellen, dass er an Punkten und Pfaden einrastet. Diese Funktion ist hervorragend, wenn Sie, wie heute, genaue Linien zeichnen möchten.
Ich fange an, eine Linie von einer Ecke aus zu zeichnen und einen Punkt zu überlappen, während ich mich an der Linie halte, bis der Smart Guide die Kante des mittelgroßen Rechtecks hervorhebt. Ich klicke auf diesen Endpunkt, wobei Smart Guides "Anker" hervorheben, damit ich weiß, dass die Linien bündig sind.
Halten Sie die Umschalttaste gedrückt, um eine perfekt gerade vertikale Linie zu erhalten. Wenn Sie die Umschalttaste gedrückt halten, können Sie eine Linie erstellen, die sich in alle Richtungen in einem strikten Winkel von 45 Grad befindet. Ich habe dieselbe Methode verwendet, um die horizontale Linie am oberen Rand des Fotos zu erstellen. Auch hier habe ich die Vorteile der intelligenten Hilfslinien genutzt, um sicherzustellen, dass meine horizontale Linie so bündig ist wie der markierte "Pfad", an dem sich die Linien treffen.
Sie können Smart Guides verwenden, wenn Sie die Formwerkzeuge (sowie viele andere AI-Werkzeuge) verwenden, wie unten gezeigt. Hier habe ich das Rechteckwerkzeug (M) verwendet und sichergestellt, dass es auf beiden Seiten der vertikalen Linien bündig ist.
Ich habe die unteren Linien gezeichnet, um unser Polaroid abzutrennen. Ich habe alle Zeilen zusammen gruppiert (Befehl + G).
Ich werde die kleinsten und größten Rechtecke kopieren (Befehlstaste + C) und Einfügen vor (Befehlstaste + F). Dann verwende ich das Pathfinder-Bedienfeld (Umschalt + Befehl + F9), um mit der Option Minus Front das kleinste vom größten Feld zu entfernen. Dies sollte Ihnen den Gesamtrahmen des Polaroids geben.
Ich werde mit unserer neuen Form eine Schnittmaske erstellen. Ich werde also alle Formen und Linien neben dem kleinsten Rechteck gruppieren. Wählen Sie dazu die Formen und Linien aus, die Sie als Gruppe definieren möchten, und drücken Sie dann die 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 dies nicht möchte in diesem Stadium zu ändern.
Blenden Sie die neue Form ein (falls Sie dies getan haben) und wählen Sie sie sowie die Gruppe aus. Gehen Sie jetzt zu Objekt> Schnittmaske> Erstellen (Befehl + 7). Die Elemente werden in einer neuen Gruppe zusammengefasst. Wenn Sie sich in diese Gruppe vertiefen, können Sie die Komponenten sehen. Eine Schnittmaske macht nur das sichtbar, was in der Form des Schnittpfads enthalten ist.
Ich bleibe in der Clipping-Mask-Gruppe drill und wähle jede der einzelnen Komponenten (außer dem Clipping-Pfad) aus, um ihre Füll- / Strichfarbe mit folgendem zu ändern:
Ich habe auch die Transparenzeinstellungen über das Transparenzfenster geändert (Umschalt + Befehlstaste + 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 Zeilen anwenden, werden die Auswirkungen 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 (z. B. wo sich das Rechteck im unteren Teil des Polaroids befindet), viel dunkler sind als der Rest.
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 Freunden Smart Guides zeichne ich die obere Lasche des Rahmens und benutze unsere Schnittlinien als Orientierungshilfe für die Seitenwinkel der Lasche.
Wenn die Form fertig ist, müssen Sie sie nur noch auswählen und dann in die Schnittmaske ziehen. Wie Sie unten sehen können, profitiert die neue Form jetzt von den Begrenzungen des Beschneidungspfads, indem die überlappenden Bereiche ausgeblendet werden.
Ich werde einen linearen Farbverlauf verwenden, um das Aussehen 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. Dann verschiebe ich die Verlaufsregler, um das Erscheinungsbild des Verlaufs zu ändern. Um einen vertikalen linearen Farbverlauf in einen horizontalen Farbverlauf umzuwandeln, ändern Sie den Wert des Winkels in 90 Grad.
Ich habe dann weitere Farben in das Verlaufsfenster gezogen und dort abgelegt und mit dem Verlaufswerkzeug (G) die Position der Farben entsprechend der Schnittlinie geändert.
Ich habe die folgenden Farben von links nach rechts verwendet:
Ich habe dann die Deckkraft auf 70% reduziert..
Ich habe den gleichen Farbverlauf für die anderen Formen des Rahmens und des Beutels verwendet, jedoch habe ich einige der Farben entfernt und sie neu organisiert. Um eine Farbe aus dem Farbverlauf zu entfernen, wählen Sie den Farbverlaufsregler aus und verwenden Sie die Bin rechts. Alle neuen Formen müssen auf Deckkraft 70% eingestellt werden..
Kopieren (Befehlstaste + C) und Einfügen vor (Befehlstaste + F) den Beutel / das Rechteck. Ich füge eine subtile Textur hinzu, indem ich ein Standardmuster verwende, das sich bereits in der Bibliothek von Adobe Illustrator befindet. Gehen Sie im Swatch-Bedienfeld in das Dropdown-Menü oben rechts im Bedienfeld und wählen Sie "Swatch Library öffnen"> "Muster"> "Grundlegende Grafiken"> "Grundlegende Graphics_Textures". Wählen Sie hier das Muster "USGS 21 Intricate Surface" aus und es wird automatisch zu Ihrem Swatch hinzugefügt.
Füllen Sie das duplizierte Rechteck und ändern Sie den Füllmodus auf Multiplizieren und die Deckkraft auf 5%..
Unser Rahmen ist mehr oder weniger fertig, aber es gibt noch etwas, was Sie dem Rahmen hinzufügen können, um ihm Ihren eigenen, einzigartigen Twist zu verleihen. Auf der Rückseite eines Polaroid finden Sie häufig den Markennamen oder sogar die Chargennummer des Films. Fügen Sie also Ihren Namen, den Titel Ihrer Illustrationen oder sogar ein Datum im selben Stil hinzu?
Ich habe das Type-Tool (T) über dem Beutel mit den folgenden Einstellungen verwendet. Ich habe mich aus offensichtlichen Gründen für "VECTORTUTS +" entschieden.
Wenn Sie das Typ-Tool (T) in Adobe Illustrator verwenden, können nur Schriftarten angezeigt werden, die bereits auf Ihrem Computer vorhanden sind… was sich offensichtlich anhört. Das heißt, wenn Sie die Datei an einen Freund weitergeben und aus bizarren Gründen nicht die Schriftart "Arial" haben, wird der Text nicht richtig angezeigt. Es lohnt sich also Object> Expanding der Schrift auf Shapes. In diesem Tutorial werde ich die Schrift erweitern, aber wenn Sie diesen Rahmen immer wieder verwenden, überspringe ich diesen Schritt.
Ich werde die Füllfarbe unseres Brandings auf "USGS 21 Intricate Surface" ändern, damit es strukturiert aussieht, aber das Muster erscheint im Text zu groß. Um den Maßstab des Musters zu ändern, gehen Sie zu Object> Transform> Scale und vergewissern Sie sich, dass nur "Muster" aktiviert ist. Ich habe die Skala dieses Musters in Uniform 20% geändert..
Dann habe ich das Free Transform Tool (E) verwendet, um den Text leicht zu drehen. Diese Markenzeichen sind nie perfekt, oder? Wenn Sie fertig sind, gruppieren Sie alle Elemente für den Rahmen (Befehl + G)..
Nun arbeiten wir an dem Film, der die Illustration darunter überlappt. Ich werde das kleine Quadrat duplizieren und es für jetzt verstecken, es wird später verwendet. Ändern Sie die Füllfarbe in einen schwarzen Farbton (C = 0, M = 0, Y = 0, K = 95). Setzen Sie mit dem Mesh-Werkzeug (U) mit Hilfe von intelligenten Hilfslinien einen Punkt in die direkte 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 durch das Hinzufügen der drei Punkte erstellt wurde. Sie müssen nun jeden Punkt mit dem Netzwerkzeug (U) auswählen und sie 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 bemerken, dass das weiße Zentrum nun verschwunden ist, da der Mischmodus nur bei Vorhandensein von Farbe irgendetwas beeinflusst - welches Weiß keine hat (daher alle Nullen!). Dies gibt dem Foto einen Vignetteneffekt.
Wenn der Fototeil des Polaroids leicht angehoben wird, kann das Bild natürlich glänzen. Ich werde mit einem abgerundeten Rechteck über das Quadrat zeichnen und dann einen transparenten weißen linearen Verlauf verwenden. Dazu erstellen Sie auf zwei Verlaufsreglern einen Farbverlauf, der die gleiche Farbe hat. Wählen Sie einen der Verlaufsregler aus und reduzieren Sie die Deckkraft auf den gewünschten Wert. In diesem Fall wären es 0%.
Wenn Sie fertig sind, setzen Sie den Mischmodus auf Bildschirm und die Deckkraft auf 40%. Gruppieren Sie dann das Netz und das abgerundete Rechteck (Befehl + G)..
Ich werde einen subtilen Schatten am unteren Rand des Polaroids mit einem anderen transparenten Farbverlauf erzeugen ... diesmal ist es ein radialer Farbverlauf. Verwenden Sie im Verlaufsbereich das Dropdown-Menü, um ihn in einen radialen Verlauf umzuwandeln. Ziehen Sie dann das Schwarz in beide Verlaufsregler.
Immer, wenn ich einen einfachen radialen Farbverlauf verwende, neige ich dazu, ihn mit einem Kreis zu verwenden, da ich die Bemaßung eines Kreises mit dem Free Transform Tool (E) leichter manipulieren kann als mit dem Gradient Tool (G). Wenn Sie also das gleiche Problem haben, könnte dieser Tipp für Sie gut sein.
Verwenden Sie zuerst das Ellipse-Werkzeug (L) mit dem radialen Farbverlauf und halten Sie Alt + Umschalt gedrückt. Ziehen Sie dann nach außen, um einen geraden Kreis zu erzeugen. Sie werden feststellen, dass der radiale Farbverlauf genau in der Mitte liegt und nicht in der Form verzerrt ist. Verwenden Sie dann das Free Transform Tool (E), um es zu quetschen und in der gewünschten Weise zu strecken.
Ich habe es unter der Gruppe für den Rahmen platziert und auf Mischmodus mit 100% Deckkraft eingestellt. Dann habe ich es mit dem Frame gruppiert (Befehl + G).
Was wir jetzt haben, sollten zwei Gruppen sein, eine, die die Vignette und den Glanz enthält, der sich auf dem Rahmen befinden wird. Wenn Ihre Zeichenfläche nicht sichtbar ist, können Sie dies unter Ansicht> Zeichenflächen anzeigen (Befehl + Umschalttaste + H) tun..
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 Rechteckwerkzeug (M) gemacht. Die Farbe spielt keine Rolle, da Sie dies je nach Farbe Ihrer Abbildung ä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.
Gruppieren Sie das ursprüngliche Hintergrundrechteck mit dem Polaroidrahmen (Befehlstaste + G), so dass Sie jetzt zwei Gruppen haben. Schneiden Sie dann das Hintergrundrechteck aus, indem Sie mit der Polaroid-Rahmengruppe eine Schnittmaske (Befehl + 7) erstellen.
Wählen Sie nun Alles (Befehl + A) und gruppieren Sie alles (Befehl + G), um das Kopieren in einem anderen Illustrationsprojekt zu erleichtern.
Öffnen Sie die Illustration Ihrer Wahl, in diesem Fall verwende ich ein Porträt meiner anderen Hälfte. Die Anleitung zum Erstellen dieses männlichen Porträts finden Sie hier auf Vectortuts+.
Erstellen Sie eine neue Ebene, kopieren Sie die Polaroidgruppe (Befehlstaste + C) und fügen Sie sie (Befehlstaste + V) in Ihre Abbildung ein.
Von hier aus können Sie mit dem Free Transform Tool (E) die Größe Ihrer Polaroidgruppe ändern (halten Sie Alt + Shift gedrückt, um die Verzerrung zu vermeiden, oder verzerren Sie die Gruppe, um die Farbe des Hintergrunds zu ändern.) Ich habe mich dazu entschieden, die Hintergrundfarbe für mein Polaroid in einen Braunton zu ändern, um die blauen Töne im Bild hervorzuheben.
Um es weniger einheitlich aussehen zu lassen, werde ich das Porträt und das Polaroid leicht drehen. Entsperren Sie also alle (Alt + Befehl + 2) und wählen Sie dann Alle aus (Befehl + A).
Gehen Sie nun zu Objekt> Transformieren> Drehen und legen Sie den Wert fest, um den die Abbildung und das Polaroid gedreht werden sollen. Denken Sie daran, sowohl Objekte als auch Muster zu markieren, und klicken Sie dann auf OK.
Verwenden Sie schließlich das Zeichenwerkzeug (Umschalt + O), um die Begrenzungen der Zeichenfläche zu positionieren oder die Bemaßungen zu ändern. Das Artboard-Tool (Umschalt + O) ist besonders hilfreich, wenn Sie die Option "Für Web und Geräte speichern" verwenden. Betrachten Sie es als Beschneidewerkzeug und definieren Sie den Bereich Ihrer Illustration, den Sie beschneiden und speichern möchten.
Gehen Sie dann beim Speichern auf Datei> Für Web und Geräte speichern. In den Optionen für die Bildgröße auf der rechten Seite gibt es ein Kontrollkästchen "Clip to Artboard". Vergewissern Sie sich, dass dies aktiviert ist. Eine Vorschau Ihrer zugeschnittenen Illustration wird links angezeigt, wenn Sie "Übernehmen" wählen. Dann wie gewohnt speichern.
Natürlich werden die scharfsinnigen Leute bemerken, dass ich tatsächlich eine Illustration auf die Rückseite eines Polaroids anstelle der Vorderseite gesetzt habe. Es ist einfach, zusätzliche Details zu geben und denen, die mit Adobe Illustrator beginnen, einige neue Techniken vorzustellen!
Sie können die Details um das Polaroid immer entfernen und als einfaches Rechteck belassen, wobei sich das überlappende Netz / Glanz-Quadrat und der subtile Schatten für einen realistischeren Ansatz eignen.
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 gestalten und präsentieren??
Accentsconagua