Wir erhielten viele E-Mails mit der Frage, wie wir die kleinen Linien auf unsere Grafiken bekommen haben. Hier könnt ihr lesen wie es gemacht wird!

Herstellen der Struktur (Textur)

Schritt 1

Zuerst müssen wir eine "Scanline" Textur herstellen, damit wir sie dann, wann immer wir wollen, benutzen können. Erstelle dazu ein neues Bild um die 10X10 Pixel mit einem weißen Hintergrund. Maskiere jetzt einen 10 Pixel breiten und 1 Pixel hohen Bereich des Bildes (Maskenwerkzeuge/Rechteckige/elliptische Maske). Du mußt wahrscheinlich die Ansicht auf etwa 400% vergrößern, damit du siehst was du tust. Maskiere hierbei die oberste Pixelreihe des Bildes und fülle die Maske anschließend mit Schwarz (Füllwerkzeuge/Farbfüllung).
Mache jetzt aus der Maske ein Objekt und benutze das Werkzeug "Umformen" um das Objekt auszuwählen in dem du es klickst. Nachdem du es markiert hast, bewege das Objekt mit dem "Abwärtspfeil" auf deiner Tastatur (bei den Pfeiltasten ;-)) zwei Pixel nach unten (2X drücken). Es sollte bis jetzt so aussehen:


Der graue Rand ist hier nur für besseren Kontrast zum weißen Hintergrund hinzugefügt.

Schritt 2

Erstelle jetzt wieder eine Maske von dem Objekt und dann ein Objekt von der Maske . Wir werden das noch oft machen - es ist sehr hilfreich beim erstellen mehrerer Kopien von Objekten und auch später, wenn wir Dinge mit den "Rasterlinien" verzieren. Bewege auch dieses Objekt 2 Pixel nach unten. Wiederhole diesen Schritt, bis dein Bild so aussieht:



Schritt 3

Das ist der letzte Schritt um die Textur für die "Scanlines" zu erstellen. Nachdem dein Bild wie das oben aussieht, wähle "Objekt/Einbinden/Alle Objekte". Dies verschmilzt alle Objekte mit dem Basisbild und macht es so zu einer Einheit. Gehe jetzt zu dem Befehl "Bearbeiten/Kopieren in" in der Menüleiste und wähle "Struktur". Gib als Strukturname "Scanlines" ein und klicke "O.K.". Jetzt kannst du das Bild schließen und es vergessen, weil wir jetzt unsere "Scanline-Struktur" haben, die wir beliebig auf Dinge anwenden können.


Rasterlinien hinzufügen

Schritt 1

In diesem Tutorial werden wir die Rasterlinien einem Text hinzufügen. Beginne mit einem neuen Bild um die 300X300 Pixel und 150ppi Auflösung. Füge jetzt etwas Text ein, egal welche Schriftart und Farbe. Ich habe die Schrift "Abduction" verwendet und sie mit einem hellgrün/dunkelgrün Verlauf gefüllt.



Schritt 2

Wir wechseln jetzt in den Maskenkanal . Klicke auf das Icon "Füllwerkzeuge" und wähle das Werkzeug "Strukturfüllung" aus - es ist das Icon, das aussieht wie eine Textur. In der oben liegenden Auswahlleiste wirst du ein kariertes Quadrat sehen, das die Beschriftung "Struktur" trägt. Klicke es, scrolle bis du die Textur "Scanlines" gefunden hast und wähle sie aus.

Schritt 3

Nachdem jetzt das Füllwerkzeug mit der Scanline-Textur geladen ist, bewege den Farbeimer über den Bildbereich (wir befinden uns immer noch im Maskenkanal) und schütte (klick) die Struktur hinein. Klicke das "Maskenkanal-Icon" um diesen zu verlassen. So sollte der maskierte Bereich jetzt aussehen:



Schritt 4

Sieht ganz schön durcheinander aus, aber das wird sich gleich ändern. Wähle "Maske/Maske verbergen" und wir können das Ergebnis sehen. Benutze das Werkzeug "Bearbeiten" und stelle sicher, daß du den Text ausgewählt hast. Du kannst es daran erkennen, daß sich die "marschierenden Ameisen" um den Text bewegen. Da du jetzt deine Scanline Maske hast, kannst du sie mit einer Struktur, einer Farbe, einem Verlauf füllen oder einen der vielen Assistenten auf sie anwenden um ein paar nette Effekte zu erzielen.
Was wir noch machen werden, ist "Bild/Vierteltöne" aus der Menüleiste zu wählen und den "Lichtregler" (der mit dem "L") runter auf -17% stellen. Hier ist das Ergebnis, nach dem ich noch einen Schatten hinzugefügt habe:



Und so können wir die kleinen Linien auf jedes beliebige Bild oder Objekt bekommen. Du kannst auch mehr als eine Scanline-Textur gestalten - vielleicht welche mit unterschiedlichen Breiten der schwarzen oder weißen Linien, oder dickere Linien. Da gibt es viele Möglichkeiten!



Das war's - macht's gut.


Autor: Pat Friedl
Übersetzung: Thomas Müller
Tutorial Index (zurück)