Share
In diesem Lernprogramm erfahren Sie, wie Sie ein textbasiertes ASCII-Image erstellen. Mit dieser Technik können Sie Bilder erstellen, die interessanter sind als mit Schriften mit nur einem Abstand, und dabei ein breiteres Spektrum an Schriften verwenden. Man könnte sagen, dass wir monospaced Schriftmuster erstellen wollen. Nach einem kurzen Abstecher nach Photoshop zur Vorbereitung unseres Referenzbildes werden wir unseren Prozess in Illustrator fortsetzen, was zu einem erstaunlichen Ergebnis führt.
Bei der Erstellung von ASCII-Grafiken ist es unbedingt erforderlich, eine Monospaced-Schriftart zu verwenden. Wenn Sie es verwenden, können Sie sicher sein, dass die Zeichen horizontal gleichmäßig verteilt sind. Die ersten drei Beispielschriftarten sind monospaced, dh ihre Breite ist immer gleich. Tahoma und Didot, die traditionell für das Setzen von Texten entwickelt wurden, sind in verschiedenen Breiten erhältlich.
Wie Sie unten sehen können, folgen die Zeichen der Monospaced-Schriftart einem Raster, während die Schriftart mit unterschiedlichen Breiten dies nicht tut. Jede Schreibmaschine verwendet eine Monospaced-Schrift. Wenn Sie sich die Typebars ansehen, werden Sie feststellen, dass jede die gleiche Größe hat. Andererseits ist jede Sorte beim traditionellen Schriftsatz so breit wie der enthaltene Charakter. Die Lesbarkeit ist bei Schriftarten ohne Monospace weitaus besser. Daher werden Monospace-Schriftarten heutzutage hauptsächlich zum Schreiben von Code verwendet.
Ich habe dieses Bild mit freundlicher Genehmigung des Künstlers verwendet.
Öffnen Sie Ihr Bild in Adobe Photoshop und beschneiden Sie den gewünschten Bereich. Ich verwende das Zuschneidewerkzeug mit einer Einstellung von 600 × 800 Pixeln. Die Größe der Aktie spielt für das Endergebnis keine Rolle. Selbst kleine Bilder werden gut funktionieren.
Verwandeln Sie den Bildmodus in Graustufen, gehen Sie zu Bild> Modus> Graustufen. Doppelklicken Sie auf die Hintergrundebene und verwandeln Sie sie in eine einfache Ebene, um den folgenden Filter anzuwenden. Gehen Sie zu "Filter"> "Pixelieren"> "Mosaik" und legen Sie die Zellengröße auf 5 fest. Es ist wichtig, sich zu merken, auf welche Zahl Sie diesen Effekt für den nachfolgenden Prozess in Illustrator festgelegt haben.
Speichern Sie Ihre Datei als .PNG, da dies das klarste Ergebnis ergibt und keine Artefakte wie ein .JPG erzeugt.
Öffnen Sie in Adobe Illustrator ein neues Dokument mit der gleichen Größe wie das gespeicherte Dokument (das meiner ist .PNG mit 600 × 800 Pixeln). Platzieren Sie Ihr Bild auf der Leinwand.
Wir führen jetzt Live Trace für die Image-Datei aus. Wählen Sie das Bild aus und wählen Sie "Live Trace" aus den Optionen der oberen Leiste. Wir werden die Einstellungen bearbeiten. Gehen Sie dazu in die obere Leiste und öffnen Sie den Dialog mit den Ablaufverfolgungsoptionen.
Wenn Sie die maximale Anzahl von Farben auf 12 einstellen, hilft dies, indem Sie den Arbeitsaufwand für später begrenzen. Wir setzen die Unschärfe auf 0, weil wir nach scharfen Kanten suchen. Wenn Sie den Pfadanpassung, den Mindestbereich und den Eckenwinkel auf 0 setzen, erzielen Sie ein sauberes Ergebnis für den Live-Trace. Klicken Sie auf OK. Erweitern Sie jetzt den Live-Trace und heben Sie die Gruppierung des Ergebnisses auf.
Wir möchten für jede Farbe eine Form haben. Daher müssen wir alle Formen jeder Farbe mithilfe des Pathfinder-Bedienfelds vereinen.
Wählen Sie eine Form aus und gehen Sie zu Auswahl> Gleich> Füllfarbe.
Öffnen Sie das Pathfinder Panel und wählen Sie die Option Unite. Möglicherweise erhalten Sie eine Gruppe aller ausgewählten Formen. Wenn dies der Fall ist, gehen Sie zum Pfeilsymbol in der oberen rechten Ecke des Bedienfelds und wählen Sie Zusammengesetzte Form erstellen und dann die Form erweitern.
Wiederholen Sie die Schritte 4 und 5 für alle zwölf Farben. Sie sollten jetzt 12 Formen haben. Die gleiche Anzahl von Formen wie die Farben, die Sie für die Live-Spur ausgewählt haben. Wenn Sie die Ansicht vergrößern, werden die Formen perfekte rechteckige Ecken haben.
Öffnen Sie das Farbfeldbedienfeld, wählen Sie alle Farben aus und löschen Sie sie. Fügen Sie nun aus den Bedienfeldoptionen die Option "Gebrauchte Farben" hinzu.
Vergrößern Sie die linke untere Ecke der Leinwand und erstellen Sie eine quadratische 5 × 5-Pixel-Form. Dies ist die genaue Größe des Mosaic-Effekts, den Sie zuvor in Photoshop angewendet haben. Wenn Sie für das Mosaik eine andere Größe verwendet haben, machen Sie Ihr Quadrat jetzt auf diese Größe.
Erstellen Sie so viele Kopien des Quadrats, wie im Live-Trace-Effekt so viele Farben vorhanden sind, wie es in der Farbfeldpalette der Anzahl der Farben entspricht. Ich habe sie in einem Abstand von jeweils 10 Pixel eingestellt.
Was wir jetzt tun müssen, ist, Buchstaben zu finden, die jeder Farbe ähneln können. Kopieren Sie alle Ihre Quadrate und verschieben Sie sie um 10 Pixel nach oben. Löschen Sie alle Füllungen aus den Kopien, damit sie transparent werden.
Dies ist wichtig für später, wenn aus den Buchstaben Muster erstellt werden. Durch die Verwendung einer transparenten Hintergrundform erkennt Illustrator diese Form als Begrenzung des Musters. So erstellen wir monospaced Schriftmuster.
Nun ist es Zeit mit den Buchstaben zu beginnen. Wir werden mit der dunkelsten Farbe beginnen. (Möglicherweise möchten Sie in den Modus Ansicht> Vorschau wechseln, damit Sie immer noch die Grenzen der jetzt transparenten Quadrate sehen können.)
Ziel ist es, einen Buchstaben zu finden, der einen bestimmten Grauton darstellen kann. Das ist ziemlich einfach zu sehen: Schauen Sie sich einfach jeden Buchstaben an. Wenn Sie es in ein Quadrat setzen, wie viel Platz würde mit Schwarz gefüllt sein und wie viel negativer Raum bleibt übrig? Je mehr schwarze Füllung, desto dunkler der Buchstabe, desto dunkler der Farbton. Je mehr negativer Raum den Buchstaben umgibt, desto heller sind der Buchstabe und die Schattierung.
In der Regel sind Großbuchstaben dunkler, während Kleinbuchstaben für hellere Schattierungen geeignet sind. Mischen Sie einige Interpunktionszeichen, um mehr Abwechslung zu erzielen. Sobald Sie mit der Wahl der Buchstaben zufrieden sind, gruppieren Sie jeden Buchstaben und das darunter liegende transparente Quadrat. Platzieren Sie sie alle in der unteren linken Ecke der Leinwand. Achten Sie beim Platzieren der Gruppen auf die durchsichtigen Quadrate, nicht auf die Buchstaben.
Wir werden jetzt aus jeder Buchstaben- und Quadratgruppe ein Muster erstellen. Ziehen Sie einfach jede Gruppe in das Farbfeldbedienfeld.
Der nächste Schritt besteht darin, jeden Grauton in der Live-Spur unseres Porträts durch ein ähnliches "Buchstabenmuster" zu ersetzen..
Beim Ausfüllen der Formen stellen Sie möglicherweise fest, dass einige Buchstaben mehr Füll- oder Negativraum haben, als Sie zuvor erkannt haben. In diesem Fall ist das Muster "a" viel dunkler als das benachbarte "?" Muster. Die schnellste Lösung dafür ist, die Füllungen einfach auszutauschen. Sie können auch neue Buchstabenmuster erstellen, um dieses Problem zu lösen. Es ist immer viel Versuch und Irrtum dabei.
Hier ist eine Nahaufnahme davon, wie der Austausch von "a" und "?" wirksam werden.
Wenn Sie mit allen Schattierungen Ihres Bildes zufrieden sind, sind Sie im Grunde fertig. Um jedoch weiter zwischen ASCII und dieser neuen Technik zu unterscheiden, können wir unserer Arbeit Farbe oder Effekte hinzufügen.
Wenn Sie der Arbeit Farbe hinzufügen möchten, müssen Sie unter den Hochformatformen eine mit Weiß gefüllte Form und dieselbe Form mit der gewünschten Farbe über den Hochformatformen hinzufügen. Legen Sie die farbige Form auf Bildschirm fest, und Ihre Buchstaben sind jetzt farbig.
Um das Bild noch weiter zu verbessern, fügen Sie eine Verlaufsfüllung hinzu und setzen Sie die Option auf Soft Light.
Wenn Sie Ihre Arbeit speichern, wird sie wahrscheinlich etwas anders aussehen als die Vorschau in Illustrator. Wenn Sie besorgt sind, Details zu verlieren, wenden Sie einen kleineren Mosaik-Effekt in Photoshop an und wählen Sie mehr Farben für den Live-Trace. Für auffällige Effekte können Sie verschiedene Farben für die Buchstaben in Ihren Mustern wählen. Die Verwendung von Weiß anstelle von Schwarz kann zu einem interessanten Aussehen führen. Leider können Sie die Muster im Farbfeldbedienfeld nicht sehen, wenn Sie Weiß als Füllung verwenden.
Aber wie immer: Das Beste, was Sie tun können, ist, es auszuprobieren!
Accentsconagua