Erstellen Sie ein Sci-Fi, ein Vektorportrait aus Symbolen

In diesem Lernprogramm erfahren Sie, wie Sie aus beliebigen Symbolen erstellte Vektorbilder erstellen, die zuvor ein Bitmap-Bild in Photoshop verarbeitet haben und ein wunderbares Skript verwenden. Die Technik ist sehr einfach und für jeden zugänglich, sie hängt nur von Ihrer Vorstellungskraft ab!


Bild für die Weiterverarbeitung vorbereiten

Schritt 1

Für dieses Lernprogramm ist ein Bild mit beliebiger Qualität und Auflösung erforderlich. Es ist gut, wenn das Bild einen guten Kontrast aufweist, gut belichtet ist und künstlerischen Wert hat. Der Wert des Endprodukts hängt davon ab. Für dieses Kunstwerk habe ich ein Foto von Isabel Shay verwendet, der mir freundlicherweise die Erlaubnis gab, es zu benutzen. Das Bild, das ich verwendet habe, ist ein gescanntes Bild aus einem Film, es hat eine geringe Auflösung, Kratzfehler, aber aus meiner Sicht ist es ein hervorragendes Porträt. Öffnen Sie das Bild in Photoshop, nachdem Sie es auf Ihrem Computer gespeichert haben.


Schritt 2

Nehmen Sie das Zuschneidewerkzeug (C) und beschneiden Sie das Foto, sodass die unerwünschten Elemente (weiße Streifen rechts und links) außerhalb des Bildschirms bleiben.


Schritt 3

Machen Sie den Hintergrund des Bildes absolut schwarz. Nehmen Sie das Polygonal-Lasso-Werkzeug und erstellen Sie eine Auswahl in Form des Hintergrunds. Sie müssen nicht zu genau sein, aber auch Fahrlässigkeit ist nicht erwünscht.


Schritt 4

Klicken Sie auf die Schaltfläche Löschen und wählen Sie im geöffneten Dialogfeld Schwarz. Drücken Sie Befehlstaste + D, um die Auswahl aufzuheben.


Schritt 5

Gehen Sie nun zu Bild> Einstellungen> Umkehren (Befehlstaste + I), um das Bild farblich umzukehren.


Schritt 6

Jetzt verkleinern Sie die Bildgröße mit Blick auf die Zukunft. Ich möchte sagen, dass die endgültige Größe des Vektorportraits von der Größe des Fotos abhängt. Weiter mit Bild> Bildgröße? , und legen Sie die neue Bildgröße im Dialogfeld fest. Ich habe eine Bildbreite von 100 px festgelegt.

Speichern Sie das Portrait, Datei> Speichern für Web und Geräte. In diesem Schritt ist die Bildvorbereitung abgeschlossen.


Skriptinstallation und Erstellen eines Vektorporträts

Schritt 7

Wir werden das Object Multiple Raster-Skript in unserer Arbeit verwenden. Dieses Skript erstellt Grafiken basierend auf den Pixeldaten von Bitmap-Rasterobjekten. Dieses und die gesamte Sammlung interessanter Skripte können Sie auf der Website Scriptographer herunterladen. Wählen Sie je nach Betriebssystem und Adobe Illustrator-Version das Archiv der Skripts aus und laden Sie es auf Ihre Festplatte herunter. Hier finden Sie eine vollständige Anleitung zum Installieren eines Skripts auf Ihrem Computer.


Schritt 8

Öffnen Sie Adobe Illustrator und fügen Sie das Bitmap-Porträt in ein neues Dokument ein, "Datei"> "Platzieren"?


Schritt 9

Erstellen Sie nun eine Reihe von Symbolen, die ein Vektorporträt bilden. Dies können beliebige Symbole oder Vektorobjekte sein, beispielsweise ein Kreis oder ein Quadrat. Objekte können auch komplexe Vektorobjekte darstellen. Ich habe Hieroglyphen aus der Schriftart Matrix Code NFI für Symbole ausgewählt. Erstellen Sie mit dieser Schriftart einige Symbole, die Schrifthöhe beträgt 20 pt.

Behalten Sie den Text bei, wählen Sie Objekt> Erweitern oder Typ> Konturen erstellen. Gruppieren Sie die erreichten Objekte, Command + Shift + G (Achtung, diese Operation ist ein Muss!)


Schritt 10

Wähle das Bitmap-Portrait und alle Symbole mit dem Auswahlwerkzeug (V) aus. Öffnen Sie nun die Scriptographer-Hauptpalette (Fenster> Scriptographer> Hauptpalette anzeigen)..

Wählen Sie das gewünschte Skript aus (Beispiel> Raster> Object Multiple Raster.js).

Nach dem Skript wird ein Dialogfeld mit den Effekteinstellungen geöffnet.

Lassen Sie uns die Optionen dieses Skripts detailliert analysieren. Rastergröße ist die Zellengröße in Pixel, in der sich ein einzelnes Symbol befindet. Wenn das Symbol größer als die Zellengröße ist, überlagern sich die Symbole in den hellsten Bereichen eines Porträts. Die Größe des endgültigen Porträts hängt von der Größe der Zelle ab. Je größer die Zelle ist, desto größer ist das Endergebnis und desto geringer sind die Symbole.

Objektskala (%) gibt die Abhängigkeit der Zeichen, die ein Portrait bilden, vom Ausgangswert von Symbolen in Prozentbasis an. Wenn Sie die Symbolgröße mit der Zellengröße angepasst haben, legen Sie die Objektskala auf 100% fest. Der Kontrast des Endergebnisses hängt vom Gradationsparameter ab. Die folgende Abbildung zeigt die Ergebnisse mit unterschiedlichen Werten dieses Parametersatzes. 0.5 Der Gradationswert ist perfekt dafür.

Die Option "Rotation" ist für das Drehen von Symbolen zuständig. Meine Experimente zur Änderung funktionierten jedoch nicht. Die Symbole blieben horizontal, also lassen Sie diese Option unverändert.


Schritt 11

Wenn Sie meinen Empfehlungen folgen, führen Sie das Skript aus und wir erhalten das Ergebnis in der folgenden Abbildung.

Entfernen Sie das Bitmap-Portrait, löschen Sie die Symbole nicht, wir werden sie in den folgenden Schritten benötigen. Ersetzen Sie die Farbe der Symbole, die das Porträt bilden. Im RGB-Farbmodus habe ich Grün gewählt.


Schritt 12

Nimm das Rechteckwerkzeug (M) und erstelle ein schwarzes Rechteck, das den Hintergrund des Porträts darstellt.


Schritt 13

Fahren Sie nun mit der Erstellung dekorativer Elemente des Porträts fort. Lassen Sie einige Symbole leuchten. Alle Symbole eines Porträts befinden sich in derselben Gruppe. Verwenden Sie das Direktauswahl-Werkzeug (A), um einzelne Symbole auszuwählen. Wählen Sie das Symbol aus und ändern Sie die Füllung in eine weiße Farbe.


Schritt 14

Erstellen Sie einen Schein um das Symbol. Nehmen Sie das Ellipsenwerkzeug (L) und erstellen Sie einen Kreis, während Sie Alt + Umschalt gedrückt halten. Füllen Sie den Kreis mit einem radialen Farbverlauf, der von grün bis grün mit 0% Deckkraft geht.

Platzieren Sie einen Kreis mit einer Gruppe von Symbolen unter der unteren Ebene, und verschieben Sie sie in der Ebenen-Palette nach unten.


Schritt 15

Erstellen Sie jetzt einen Nachgiebigkeitseffekt für leuchtende Symbole. Wählen Sie nacheinander die Symbole aus, die sich oberhalb des leuchtenden Symbols befinden, und ändern Sie ihre Deckkraft bei einer Steigung von 10%..

Wenden Sie die beschriebene Technik an einigen wichtigen Stellen im Portrait an.


Schritt 16

Sie fragen sich vielleicht, wie Sie Vektorobjekte in eine Reihe von Symbolen umwandeln können? Sie müssen nur gerastert werden. Nehmen Sie das Rechteckwerkzeug (M) und erstellen Sie ein Rechteck mit einer Größe von 10 x 150 Pixel und einer schwarzen Füllung.

Lass das Rechteck ausgewählt, gehe zu Objekt> Rastern?

Verwandeln Sie nun das Rasterobjekt in eine Reihe von Symbolen, verwenden Sie dasselbe Skript und dieselben Zeichen wie für das Porträt.


Schritt 17

Platzieren Sie die Symbolstreifen in einer Ecke des Porträts. Sie können zusätzliche Symbole mit dem Radiergummi-Werkzeug oder dem Direktauswahl-Werkzeug (A) und der Schaltfläche Löschen löschen.


Schritt 18

Nimm das Rechteckwerkzeug (M) und erstelle ein Rechteck mit einem schwarzen bis weißen vertikalen Verlauf. Die Größe des Rechtecks ​​sollte gleich sein, um alle im vorherigen Schritt erstellten Symbole auszublenden.

Ändern Sie die Deckkraft des Rechtecks, um die Bequemlichkeit zu verbessern.

Erstellen Sie einen Satz vertikaler Hilfslinien und platzieren Sie sie so, dass sie sich zwischen den Symbolspalten befinden.


Schritt 19

Wählen Sie die Hilfslinien und ein Rechteck aus, und drücken Sie in der Pathfinder-Palette die Divide-Taste.

Als Ergebnis haben wir eine Reihe von Rechtecken erhalten, deren Gruppierung aufgehoben und die Deckkraft auf 100% eingestellt.


Schritt 20

Konfigurieren Sie mit der Verlaufspalette die Verlaufsfüllung jedes Rechtecks ​​neu und fahren Sie mit der in der folgenden Abbildung gezeigten Ansicht fort.


Schritt 21

Wählen Sie alle Rechtecke und Symbole darunter aus. Sie können dies in der Ebenen-Palette tun. Klicken Sie im Menü der Transparenz-Palette auf "Deckkraftmaske erstellen".

Gut gemacht, das Portrait ist fertig.


Fazit

Wenn Sie diese Technik beherrschen, können Sie mit Raster- und Vektorobjekten interessante Effekte erzeugen. Vielleicht möchte jemand mit seinem Foto einen Desktop-Hintergrund erstellen, und jemand möchte ein Portrait drucken und an die Wand hängen. Hast du eine Idee?