Tutorial "Steampunk"

Bild designed by Snowpunkgirl *** Scrap-Elemente © by Vaybs *** Render © by Bärbel O.

Tutorial "Steampunk" © by Snowpunkgirl
01.01.2015

Dieses Tutorial wurde mit Gimp 2.6 geschrieben.  
Es funktioniert aber sicherlich auch unter der etwas neueren Gimp-Version 2.8.  
Hier kann es jedoch zu kleineren Veränderungen kommen. 
Das Tutorial richtet sich an Alle, die schon etwas Erfahrung mit Gimp gesammelt haben.

Das Tutorial ist in meinem Kopf entstanden.
Alle Ähnlichkeiten zu anderen Anleitungen sind rein zufällig 
und in keinster Weise beabsichtigt!
Bitte gebe diese Anleitung nicht als deine eigene aus
und beachte meine Nutzungsbedingungen.
Dankeschön!

********** ********** **********

Benötigte Materialien:
Für dieses Tutorial benötigst du eine schöne Posertube 
(vorzugsweise mit altertümlicher, viktorianischer Kleidung) 
und ein passendes Hintergrundbild/Foto.
Achte bei den verwendeten Materialien bitte auf das dazugehörige Copyright!

Zusätzlich benötigst du noch das Scrap-Kit "Steampunk" von Vaybs
(http://designsbyvaybs.blogspot.com/)
Dieses kannst du >>> HIER <<< finden und herunterladen.
(Für den Download wird ein Konto von 4shared benötigt.)

Die von mir in diesem Tutorial verwendete Tube ist von
Bärbel O. (http://baerbelsbastelwelt.blogspot.de/).

Sollte ich unwissentlich ein Copyright verletzt haben,
so schreibt mir bitte eine E-Mail.

An dieser Stelle möchte ich mich ganz herzlich bei allen 
Künstlerinnen und Künstlern bzw. Erstellerinnen und Erstellern
von Tuben, Scraps, etc. bedanken!
Ohne euch wäre das Basteln nicht möglich!

********** ********** **********

Hinweis:
Damit das Tutorial für mich einfacher zu schreiben ist und für dich einfacher zu verfolgen, habe ich alle Ebenen mit entsprechenden Namen versehen und in dieser Anleitung kenntlich gemacht. Es ist sinnvoll, diese eins zu eins von mir zu übernehmen.

********** ********** **********

Schritt 01:
Öffne mit Gimp eine neue Datei mit einer weißen Hintergrund-Ebene
und einer Größe von 500x400 Pixel.
Benenne die Hintergrund-Ebene in "Weiß" um.


Schritt 02:
Eine neue transparente Ebene (Hintergrund) hinzufügen.

Werkzeugkasten:
Als Vordergrundfarbe einen Farbton zwischen Grau und Braun einstellen.
(z.B. HTML-Notation: 988b81)


Rechteckige Auswahl-Werkzeug:
Ziehe eine Auswahl mit folgenden Werten auf:
Position: 20 , 20
Größe: 460 , 360

Hintergrund:
Bearbeiten > Mit Vordergrundfarbe füllen
Auswahl > Nichts auswählen


Schritt 03:
Datei > Öffnen > Scrap-Element "DBV_Steampunked_frame"

Bild > Bild skalieren > 80% (Höhe und Breite)

DBV_Steampunked_frame: Bearbeiten > Kopieren
(die Datei danach ungespeichert schließen)
Tutorial-Datei: Bearbeiten > Einfügen (Rahmen)

Rahmen:
Platziere die Ebene mit dem Verschieben-Werkzeug so,
dass sie auf der oberen linken Ecke der Hintergrund-Ebene liegt.

Ebene > Ebene auf Bildgröße

Radiergummi-Werkzeug: 
Radiere grob den Teil der Rahmen-Ebene weg, der übersteht
(siehe Bild).



Schritt 04:
Rahmen:
Rechtsklick auf die Ebene: "Ebene duplizieren" (Rahmen-Kopie)

Rahmen-Kopie:
Spiegeln-Werkzeug: vertikal spiegeln

Rechtsklick auf die Rahmen-Kopie
"Nach unten vereinen" (auf die Rahmen-Ebene)

Rahmen:
"Ebene duplizieren" (Rahmen-Kopie)

Rahmen-Kopie:
Spiegeln-Werkzeug: horizontal spiegeln

Rechtsklick auf die Rahmen-Kopie
"Nach unten vereinen" (auf die Rahmen-Ebene)

Rahmen:
Ebene > Ebene auf Bildgröße



Schritt 05:
Datei > Öffnen > Scrap-Element "DBV_Steampunk_paper (7)"

Bild > Bild skalieren > Breite auf 500 Pixel
(die Klammer bei der Skalierung geschlossen lassen,
sodass die Höhe automatisch mit angepasst wird)

DBV_Steampunk_paper (7): Bearbeiten > Kopieren
(die Datei danach ungespeichert schließen)
Tutorial-Datei: Bearbeiten > Einfügen (Strukturhintergrund)

Strukturhintergrund:
Im Ebenendialog unter die Rahmen-Ebene schieben.

Mit dem Verschieben-Werkzeug so positionieren,
dass sich die Zahnräder in einer Ecke des Bildes befinden.

Ebene > Ebene auf Bildgröße

Hintergrund:
Rechtsklick auf die Ebene: "Auswahl aus Alphakanal"

Strukturhintergrund:
Auswahl > Invertieren
Bearbeiten > Löschen
Auswahl > Nichts auswählen



Schritt 06:
Strukturhintergrund:
Rechtsklick auf die Ebene: "Ebene duplizieren" (Schnipsel)

Schnipsel:
Im Ebenen unsichtbar schalten
(per Klick auf das Auge links neben der Ebene im Ebenendialog).

Strukturhintergrund:
Filter > Abbilden > Bump-Map mit folgenden Einstellungen:
Bump-Map: Strukturhintergrund
Tiefe: 5
Rest: Standardeinstellungen


Schnipsel: 
sichtbar schalten

Filter > Abbilden > Papierschnipsel mit folgenden Einstellungen:
 Hintergrundtyp: Transparent
Rest: Standardeinstellungen


(Es ist nicht schlimm, wenn die Schnipsel unter dem Rand herausragen.)

Strukturhintergrund und Schnipsel:
im Ebenendialog unsichtbar schalten


Schritt 07:
Hintergrund:
Filter > Abbilden > Bunp-Map mit folgenden Einstellungen:
Bump-Map: Schnipsel
Tiefe: 1
Rest: Standardeinstellungen

Filter > Abbilden > Bunp-Map mit folgenden Einstellungen:
Bump-Map: Strukturhintergrund
Tiefe: 4
Rest: Standardeinstellungen



Schritt 08:
Nutze die verschiedensten Elemente aus dem Scrap-Kit um damit eine Seite deines Bildes zu dekorieren. Die Elemente dürfen auch leicht über den Rahmen hinausragen. 
Welche Seite oder Ecke(n) du mit Scrap-Elementen bestückst ist egal. 

Wenn du fertig bist, vereinst du alle verwendeten Elemente zu einer Ebene (Dekoration).


Dekoration:
Ebene > Ebene auf Bildgröße

Filter > Licht und Schatten > Schlagschatten
mit folgenden Einstellungen:

Versatz X: 2
Versatz Y: 2
Weichzeichnenradius: 2
Farbe: Schwarz
Deckkraft: 40%
Größenänderung zulassen: Nein (Haken entfernen)
(Shadow)



Schritt 09:
Datei > Öffnen > Scrap-Element "DBV_Steampunked_element (4)"

Bild > Bild skalieren > Breite auf 350 Pixel
(die Klammer bei der Skalierung geschlossen lassen,
sodass die Höhe automatisch mit angepasst wird)

DBV_Steampunked_element (4): Bearbeiten > Kopieren
(die Datei danach ungespeichert schließen)
Tutorial-Datei: Bearbeiten > Einfügen (Kreis)

Kreis:
Schiebe die Ebene im Ebenendialog unter den Rahmen.
Positioniere die Ebene mit dem Verschieben-Werkzeug so,
dass ein Großteil der Fläche beansprucht wird, die nicht durch die Dekoration verdeckt ist.



Schritt 10:
Eine neue transparente Ebene (Vorlage) einfügen
und schiebe sie unter die Kreis-Ebene.

Elliptische Auswahl-Werkzeug: Ziehe eine Auswahl auf, 
welche ungefähr auf dem dünnen äußeren Rand der Kreis-Ebene passt.

Vorlage:
Bearbeiten > Mit Vordergrundfarbe füllen (der Farbton ist egal)
Auswahl > Nichts auswählen
(Für kleinere Korrekturen eignen sich das Radiergummi- und das Pinsel-Werkzeug.)



Schritt 11:
Datei > Als Ebene öffnen > Hintergrundbild/Foto (Bild)

Bild: 
Ggf. über Ebene > Ebene skalieren von der Größe her anpassen und
über Filter > Verbessern > Schärfen nachträglich schärfen.

Die Bild-Ebene im Ebenendialog über die Vorlage schieben
und so positionieren, dass sich ein schöner Bildausschnitt im Kreis befindet.

Ebene > Ebene auf Bildgröße setzen

Rechtsklick auf die Ebene: "Alphakanal hinzufügen"

Vorlage:
Rechtsklick auf die Ebene: "Auswahl aus Alphakanal"

Bild:
Auswahl > Invertieren
Bearbeiten > Löschen
Auswahl > Nichts auswählen

Über Farben > Einfärben auf "älter" trimmen (beiger Farbton)

Evtl. die Bild-Ebene duplizieren und mit dem Ebenenmodi experimentieren.


Vorlage:
Im Ebenendialog unsichtbar schalten oder löschen.


Schritt 12:
Neue transparente Ebene (Kreisschatten) einfügen
und über die Bild-Ebene schieben.

Werkzeugkasten: Vordergrundfarbe Schwarz
(HTML-Notation: 000000)

Farbverlauf-Werkzeug:
Farbverlauf: "VG nach Transparenz" 
(umgedreht = Haken setzen)
Verlaufsform: Kreisförmig

Bild:
"Auswahl aus Alphakanal"

Kreisschatten:
Ziehe von der Mitte der Auswahl aus, einen Farbverlauf bis zum Rand der Auswahl. 

Auswahl > Nichts auswählen

Den Modus der Ebene evtl. auf "Überlagen" stellen und/oder die Deckkraft reduzieren.



Schritt 13:
Datei > Als Ebene öffnen > Posertube (Tube)

Tube:
Ggf. über Ebene > Ebene skalieren von der Größe her abpassen und
über Filter > Verbessern > Schärfen nachträglich schärfen.

Im Ebenendialog unter die Rahmen-Ebene schieben und
mit dem Verschieben-Werkzeug passend im Bild positionieren.

Ebene > Ebene auf Bildgröße
(Mit dem Radiergummi-Werkzeug wegradieren, was unter dem Rahmen hervorragt.)

Wenn ein Teil der Tube über den Rahmen ragen soll:
Rechtsklick auf die Tube: "Ebene duplizieren" (Tube-Kopie)

Tube-Kopie:
Im Ebenendialog über den Rahmen schieben.

Radiergummi-Werkzeug:
Von der Tube-Kopie wegradieren, was unter dem Rahmen verschwinden soll.



Schritt 14:
Text-Werkzeug:
Einen schönen Schriftzug hinzufügen (Schriftzug)

Neue transparente Ebene (Textumrandung) einfügen
und unter den Schriftzug schieben.

Schriftzug:
"Auswahl aus Alphakanal"

Werkzeugkasten: Vordergrundfarbe Schwarz

Textumrandung:
Auswahl > Vergrößern > 2 Pixel
Bearbeiten > Mit Vordergrundfarbe füllen
Auswahl > Nichts auswählen

Filter > Licht und Schatten > Schlagschatten (Text-Schatten)
(Einstellungen auf Schritt 08 beibehalten oder bei Bedarf verändern)

Füllen-Werkzeug: ein passendes Muster auswählen (z.B. Crack)

Schriftzug:
"Auswahl aus Alphakanal"
Bearbeiten > Mit Muster füllen
Auswahl > Nichts auswählen
dreimal hintereinander: Filter > Dekoration > Rand abschrägen > 1 Pixel
(den Haken bei "mit Kopie arbeiten" bitte vorher entfernen)

Farben > Einfärben > farblich passend zum Bild

Schriftzug, Textumrandung und Text-Schatten:
Zu einer Ebene vereinen (Text)
und an einer schönen Stelle positionieren.



Schritt 15:
Wenn du möchtest, dann kannst du dein Bild jetzt
gerne noch zusätzlich gestalten (z.B. mit weiteren Scrap-Elementen).

Filter > Dekoration > altes Foto mit folgenden Einstellungen:
Unscharf stellen: Ja
Randgröße: 20
Sepia: Ja
Marmorieren: Ja
Mit Kopie arbeiten: Ja



Es öffnet sich mit Gimp eine neue Datei, bestehend aus einer Ebene.
Neue Datei: Bearbeiten > Kopieren
Tutorial-Datei: Bearbeiten > Einfügen (altes Foto)

altes Foto:
Den Ebenenmodus auf "Überlagern" stellen
und die Deckkraft etwas reduzieren.



Schritt 16:
Füge dein Wasserzeichen bzw. deine Signatur ein
und die Copyrightangaben der verwendeten Materialien!

Speicher das Ganze als XCF-Datei ab!
(Wobei ich ja hoffe, dass du zwischenzeitig immer mal wieder gespeichert hast!?)


Schritt 17:
Weiß:
Im Ebenendialog unsichtbar schalten oder löschen.

Rechtsklick im Ebenendialog: "Sichtbare Ebenen vereinen"
mit folgenden Optionen:
auf Bild beschnitten
unsichtbare Ebenen löschen


Filter > Verbessern > Unscharf maskieren
 bei Menge einen Wert von ca. 0,1 angeben. 

Danach alles als PNG-Datei abspeichern!


Viel Spaß beim Nachbasteln!
Ich hoffe dir hat mein Tutorial gefallen.
Es würde mich sehr freuen, wenn du mir dein Ergebnis 
per E-Mail zukommen lassen würdest.
Bei Fragen und oder Problemen stehe ich ebenfalls gerne zur Verfügung.

Ganz liebe Grüße:
Snowpunkgirl

********** ********** **********

Übersicht eurer Ergebnisse:
Vielen Dank an Alle, die mein Tutorial nachgebastelt 
und mir ihr Ergebnis zugesendet haben!