Retro-Linien

Aus GIMPForum

Wechseln zu: Navigation, Suche
Retro-Linien
Basisdaten
Autor: Lumpi
Getestete Versionen: 2.4.3
Kategorie: Bildbearbeitung
Schwierigkeitsgrad: Bild:Tutorial_easy.png

Inhaltsverzeichnis

Einleitung

Mit dieser Technik soll gezeigt werden, wie man Retro-Linien mit GIMP erstellt.

Ausgangsbilder

Das erste Ausgangsbild ist das GIMP-Maskottchen "Wilber".

wilber

Das zweite Ausgangsbild ist eine Papier-Textur.

Textur

Vorgehensweise

Vorbereitung

Wir erstellen uns eine neue Bilddatei von 3.000 mal 3.000 Pixeln und füllen die Ebene mit der Farbe f6f0bc. Über diesen Hintergrund legen wir eine neue, transparente Ebene, die wir "Knick 1" nennen. Nun ziehen wir horizontale und vertikale Hilfslinien bei den Koordinaten 250 Pixel, 1.500 Pixel, und 1.750 Pixel ins Bild.

neue Bilddatei mit Hilfslinien

Erstellen der Grundformen

ersten Knick erstellen

Nun wählen wir das Werkzeug elliptische Auswahl, setzen den Cursor in den oberen linken Schnittpunkt der Hilfslinien und ziehen die Auswahl in den Schnittpunkt unten links. Hierbei entsteht ein gleichmäßiger Kreis, der von den Hilfslinien begrenzt ist. (Je nach Rechenleistung kann es einige Sekunden dauern, bis die kreisförmige Auswahl aktiviert wird.) Wir wechseln auf die Ebene "Knick 1" und füllen dieses Auswahl mit der Farbe a46a45

kreisförmige Auswahl

Wir verkleinern die aktivierte Auswahl um 250 Pixel. Auswahl => Auswahl verkleinern. (Auch hier kann dieser Vorgang abhängig von der Rechenleistung einige Zeit beanspruchen.) Diese neue Auswahl füllen wir mit der Farbe 4e3328.

Auswahl verkleinert und mit Farbe gefüllt

Wir verkleinern die Auswahl erneut um 250 Pixel und füllen sie mit der Farbe 11120d

Auswahl verkleinert und mit Farbe gefüllt

Die Auswahl wird erneut um 250 Pixel verkleinert und die neue Auswahl mit der Farbe b79055 gefüllt.

Auswahl verkleinert und mit Farbe gefüllt

Wir verkleinern die Auswahl erneut um 250 Pixel und schneiden sie aus. Bearbeiten => Ausschneiden

Auswahl verkleinert und ausgeschnitten

Wir markieren den obersten linken Quadranten mit einer rechteckige Auswahl, invertieren diese Auswahl (Auswahl => Auswahl invertieren) und schneiden die restlichen drei Quadranten weg. (Bearbeiten => Ausschneiden) Nun entfernen wir die Hilfslinien aus dem Bild. Bild => Hilfslinien => Alle Hilfslinien entfernen

oberer linker Quadrant freigestellt

zweiten Knick erstellen

Beim zweiten Knick ist es notwendig, dass die Farben zum Knick 1 invertiert sind. Wir erstellen uns eine neue, transparente Ebene und nennen sie "Knick 2". Wir aktivieren die Ebene "Knick 1", wählen mit dem Zauberstab das obere Segment, aktivieren die Ebene „Knick 2“ und füllen die Auswahl mit der Farbe b79055.

Farbsegment ausgewählt und gefüllt

So verfahren wir mit allen Segmenten und befüllen sie mit den Farben aus Knick 1 in umgekehrter Reihenfolge. Damit müsste das Bild nun so aussehen:

Farbsegmente in umgekehrter Reihenfolge zum Knick 1 angeordnet

Wir skalieren beide Knicke auf 25 Prozent der ursprünglichen Größe herunter. (Ebene => Ebene skalieren)

Knicke auf 25 Prozent skaliert

Gerade erstellen

Wir erstellen uns einen neue, transparente Ebenen und nennen sie "Gerade". Nun blenden wir eine Knick-Ebene aus und ziehen wieder waagerechte Hilfslinien an den einzelnen Farbsegmenten

Hilfslinien hinzugefügt

Mit dem Werkzeug: Rechteckige Auswahl ziehen wir nun entlang der obersten Hilfslinien waagerecht über das gesamte Bild eine rechteckige Auswahl und füllen diese mit der Farbe b79055

rechteckige Auswahl erstellt und befüllt

Bei den restlichen drei Farbsegmenten verfahren wir ebenso und füllen sie mit der jeweiligen Farbe aus den entsprechenden Kreissegmenten.

rechteckige Auswahlen erstellt und befüllt

Nachdem die Hilfslinien entfernt sind, haben wir alle drei Grundelemente erstellt und können nun mit der eigentlichen Grafik beginnen.

Hilfslinien entfernt-Grundelemente fertiggestellt

Erstellen der Linienverläufe

Für die nächsten Arbeitsschritte benötigen wir ausschließlich das Spiegel- Rotation- und Verschiebewerkzeug. Des Weiteren sind drei "Grundregeln" zu beachten: Wir arbeiten grundsätzlich nur mit Kopien der Grundformen. Alle Ebenen müssen vor jedem Arbeitsschritt immer auf Bildgröße skaliert werden. (Rechtsklick im Ebenendialog => Ebene auf Bildgröße) Damit wird sichergestellt, dass die gespiegelten bzw. gedrehten Formen im Sichtbereich des Bildes liegen. Um die Formen pixelgenau aneinander anzupassen, benutzen wir das Verschiebewerkzeug in Verbindung mit den Pfeiltasten der Tastatur.

Erstellen des ersten Linienverlaufs

Für den ersten Linienverlauf benötigen wir die Kopie der Ebene Knick 2 und der Gerade. Wir duplizieren die jeweiligen Grundformen und bringen die kopierten Ebenen auf Bildgröße.

Grundformen kopiert

Mit dem Rotationswerkzeug drehen wir den Knick um 90 Grad.

Knick um 90 Grad gedreht

Anschließend verschieben wir die Gerade, dass sie bündig am Knick anliegt.

Gerade verschoben und angepasst

Wir vereinigen beide Ebenen (Rechtsklick im Ebenendialog => Nach unten vereinigen) und duplizieren die Ebene "Gerade" erneut. Mit dem Rotationswerkzeug drehen wir die Ebene um 90 Grad.

senkrechte Gerade erstellt

Mit dem Verschiebewerkzeug passen wir die senkrechte Gerade bündig dem Knick an.

Senkrechte angepasst

Wir duplizieren die Ebene "Knick 2" erneut, drehen sie um 180 Grad und schieben sie über die Senkrechte, so dass eine Schlinge entsteht.

zweiter Knick angepasst

Mit dem Radiergummi entfernen wir die überstehenden Teil der Senkrechten.

überstehende Teile entfernt

Wir duplizieren die Ebene "Gerade" erneut und spiegeln sie mit dem Spiegelwerkzeug in vertikaler Richtung. Anschließend verschieben wir diese Ebene so, dass sie bündig am unteren Knick anliegt.

zweite Waagerechte angepasst

Nun duplizieren wir die Ebene erneut und verschieben das Duplikat so, dass die gesamte Linie nach rechts verlängert wird.

untere Waagerechte verlängert

Schatten erstellen

Nun müssen wir noch einen Schatten des unteren Knicks erstellen. Dazu fügen wir unter dem unteren Knick eine neue, transparente Ebene ein und benennen sie "Schatten". Wir wechseln zur Knick-Ebene und aktivieren die Auswahl aus dem Alphakanal dieser Ebene. Rechtsklick im Ebenendialog => Auswahl aus Alphakanal. Wir blenden die Knick-Ebene aus und aktivieren die Schatten-Ebene. Nun füllen wir die aktivierte Auswahl mit schwarzer Farbe.

aktivierte Auswahl mit schwarzer Farbe gefüllt

Wie heben die Auswahl auf,( Auswahl => nicht auswählen) und zeichnen die Schatten-Ebene mit dem Gaußschen Weichzeichner bei einem Radius von 20 Pixeln weich.

Schattenebene weichgezeichnet

Mit dem Verschiebewerkzeug schieben wir den Schatten ein Stück nach unten rechts und blenden anschließend wieder die Knick-Ebene ein. Nun setzen wir die Deckkraft der Ebene auf 60 Prozent zurück und beseitigen mit dem Radiergummi die überstehenden Reste des Schattens.

überflüssige Schatten-Teile entfernt

Wir vereinigen die Ebenen und nennen die neu entstandene Ebene "Form a".

Ebenen zu Form a vereinigt

Mit dem Rotationswerkzeug drehen wir diese neue Ebene um -45 Grad.

Form a um -45 Grad gedreht

Anschließend verschieben wir diese neue Form mit dem Verschiebewerkzeug in die entsprechende Position.

Form a positioniert

weitere Linienverläufe erstellen

Wie zuvor erläutert, erstellen wir uns aus den drei Grundelementen die beiden restlichen Formen. Bei der zweiten Form ist zu beachten, dass wir hierfür ebenfalls den Knick 1 benötigen, um die Linie in entgegengesetzter Richtung verlaufen zu lassen. Damit stellen wir sicher, dass der Farbverlauf mit der Linienführung konform geht.

Knick 1 eingefügt

Nachdem alle drei Formen erstellt sind, können die Grundebenen gelöscht werden. Außerdem werden die Ebenen so angeordnet, dass Form b die beiden anderen Formen überdeckt.

Ebenenanordnugen, der Linienverläufe

Wir skalieren die Ebene Form a auf 90 Prozent und die beiden anderen Ebenen auf 75 Prozent. Anschließend verschieben wir alle drei Ebenen wie auf dem Bild dargestellt. Eventuelle Bildreste, die durch das Verschieben und Drehen entstanden sind, werden mit dem Radiergummi entfernt.

Linienverläufe skaliert

Wie im Schritt 3311 beschrieben, erstellen wir uns nun die Schatten zu den jeweiligen Ebenen.

Schatten erstellt

Nun schneiden wir mit dem Zuschneidewerkzeug das Bild zu und vereinigen die Linien.

Bild zugeschnitten

Schrift erstellen

Mit dem Texteditor-Werkzeug erstellen wir nun die Schrift. Hierfür wählen wir die Farbe d3cb83, die Schriftart "Sans" und eine Schriftgröße von 250 Pixeln. Zuerst erstellen wir uns den Großbuchstaben "G".

Einstellungen Textwerkzeug

Nach und nach erstellen wir uns auf diese Weise die Großbuchstaben für GIMP, die wir senkrecht untereinander anordnen.

GIMP senkrecht angeordnet

Mit dem Texteditor erstellen wir uns mit der gleichen Schriftfarbe und Schriftart in der Schriftgröße 150 Pixel auf getrennten Ebenen die Wörter "NU", "mage", "anipulation" und "rogram". Und ordnen sie mit dem Verschiebewerkzeug den jeweiligen Großbuchstaben zu.

Schrift hinzugefügt

Wir vereinigen die Schriftebenen und drehen diese neue Ebene um -45 Grad. Anschließend schieben wir diese Ebene in die entsprechende Position.

Schriftzug um -45 Grad gedreht

Wir erstellen den Schriftzug "www.gimpforum.de" mit einer Schriftgröße von 100 Pixeln, drehen die Ebene um -45 Grad und schieben die Ebene in die entsprechende Position.

Schriftzug www.gimpforum.de

Wie oben beschrieben erstellen wir uns nun von den Schriftebenen die entsprechenden Schattenund richten sie aus.

Schatten hinzugefügt

Nun fügen wir des GIMP-Maskottchen "Wilber" als neue Ebene ein, drehen das Symbol um -45 Grad und richten die Ebene aus.

Wilber hinzugefügt

Bild ausrichten

Wir vereinen die Schriftebenen mit den entsprechenden Schatten und richten Ebene für Ebene an dem Bild aus.

Bild ausgerichtet

Textur hinzufügen

Wir fügen die Papier-Textur als neue Ebene ein und skalieren sie mit dem Skalier-Werkzeug auf Bildgröße

Textur skaliert

Nachdem die Textur skaliert ist, werden die Farben der Ebene entsättigt. Farben => Entsättigen => Helligkeit Anschließend reduzieren wir die Deckkraft der Ebene auf 50 Prozent und wählen den Ebenenmodi "Fasern extrahieren".

Ebenenmodus festgelegt

Anschließend fügen wir der Ebene eine weiße Ebenenmaske hinzu und bearbeiten diese Maske mit der Sprühpistole (große Pinselspitze) nach unserem Gusto.

Ebenenmaske bearbeitet

Hilfe und Fragen

Fragen zu diesem Tutorial können im GIMP-Forum gestellt werden. Dort findet ihr auch Hilfe.

Persönliche Werkzeuge