Gimp Tutorial "Shame"

Bild designed by Snowpunkgirl *** „Queen of Shame“ © by Cris Ortega

Gimp Tutorial "Shame" © by Snowpunkgirl
01.06.2016

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 lediglich ein schönes Wallpaper bzw. Foto.
Achte bei dem verwendeten Bild bitte auf das dazugehörige Copyright!

Desweiteren werden für die Animation die dazugehörigen
Glitzerebenen gebraucht und ein Füllmuster.
Die Materialien kannst du dir >>> HIER <<< herunterladen.

Das von mir in diesem Tutorial verwendete Bild trägt den Titel
"Queen of Shame" und unterliegt dem Copyright von Cris Ortega
(http://www.crisortega.com/).

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.

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

Vorbereitung:
Installiere das in der Materialienkiste beigefügte Gold-Füllmuster in Gimp.

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

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

Werkzeugkasten:
Stelle als Vordergrundfarbe die Farbe Schwarz ein.
(HTML-Notation: 000000)

Elliptische Auswahl-Werkzeug:
Ziehe eine Auswahl mit folgenden Werten auf:
Position: 40 , 20
Größe: 230 , 220

Hintergrund:
Rechtsklick auf die Ebene: "Neue Ebene" (Füllart: Transparenz) (Kreis OL)

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



Schritt 02:
Kreis OL:
Rechtsklick auf die Ebene: "Ebene duplizieren" (Kreis UL)

Kreis UL:
Mit dem Spiegeln-Werkzeug einmal vertikal spiegeln.

"Ebene duplizieren" (Kreisform)

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

Kreis OL:
zweimal "Ebene duplizieren" (Kreis OR und Kreis UR)

Kreis OR:
Mit dem Spiegeln-Werkzeug einmal horizontal spiegeln.

Kreis UR:
Mit dem Spiegeln-Werkzeug einmal horizontal und einmal vertikal spiegeln.

Kreis OL, Kreis UL, Kreis OR und Kreis UR:
Zu einer Ebene vereinen (Blumenform)

Blumenform:
Mit dem Pinsel-Werkzeug die Lücke in der Mitte der Form schwarz ausmalen.


Schritt 03:
Datei > Als Ebene öffnen > Wallpaper / Foto (Bild)

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

Rechtsklick auf die Ebene: "Alphakanal hinzufügen" (wenn möglich)

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

Im Ebenendialog unsichtbar schalten.

Bild:
Mit dem Verschieben-Werkzeug so positionieren,
dass sich in der Auswahl ein schöner Bildausschnitt befindet
und diese vollständig ausgefüllt ist.

Im Ebenendialog unsichtbar schalten.

Bearbeiten > Kopieren
Bearbeiten > Einfügen (Blumenbild)



Schritt 04:
Pipetten-Werkzeug:
Suche dir eine kräftige Farbe aus der Blumenbild-Ebene aus
und stelle sie als Vordergrundfarbe ein.

Blumenbild:
"Auswahl aus Alpakanal"

"Neue Ebene" (Blumen-Rahmen)

Blumen-Rahmen:
Auswahl > Vergrößern > 1 Pixel
Bearbeiten > Mit Vordergrundfarbe füllen
Auswahl > Verkleinern > 5 Pixel
Bearbeiten > Löschen
Auswahl > Nichts auswählen

Filter > Dekoration > Rand abschrägen > 2 Pixel
(Den Haken bei: „Mit Kopie arbeiten“ bitte vorher entfernen.)

Filter > Licht und Schatten > Schlagschatten
mit folgenden Einstellungen:


Versatz X und Y: 2
Weichzeichnenradius: 2
Deckkraft: 80
Größenänderung zulassen: Haken entfernen
(Schatten Blumen-Rahmen)


Schritt 05:
Blumenbild:
"Ebene duplizieren" (Blumenbild Farbe)

Blumenbild Farbe:
"Auswahl aus Alphakanal"

Auswahl > Verkleinern > 15 Pixel
Bearbeiten > Löschen
Auswahl > Nichts auswählen

Farben > Einfärben > so, dass sich die Ebene farblich abhebt,
sie aber trotzdem noch zum Bild passt


Schritt 06:
Füllen-Werkzeug:
Stelle das Goldfüllmuster aus der Materialienkiste ein.


Blumenform:
"Auswahl aus Alphakanal"

Auswahl > Verkleinern > 14 Pixel

Blumen-Rahmen:
"Neue Ebene" (Innenrahmen)

Innenrahmen:
Bearbeiten > Mit Muster füllen
Auswahl > Verkleinern > 2 Pixel
Bearbeten > Löschen
Auswahl > Nichts auswählen

Evtl. Farben > Einfärben > farblich passend zum Bild

Filter > Licht und Schatten > Schlagschatten
mit denselben Einstellungen wie zuvor
(Schatten Innenrahmen)



Schritt 07:
Bild:
Im Ebenendialog nach ganz oben schieben und wieder sichtbar schalten.

Mit dem Spiegeln-Werkzeug horizontal spiegeln.
(Evtl. die Ebene etwas verkleinern.)

Kreisform:
"Auswahl aus Alphakanal"

Bild:
Mit dem Verschieben-Werkzeug so positionieren,
dass sich in der Auswahl ein schöner Bildausschnitt befindet
und diese vollständig ausgefüllt ist.

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

Ebene > Ebene auf Bildgröße


Schritt 08:
Pipetten-Werkzeug:
Suche dir eine neue kräftige Farbe aus der Bild-Ebene aus
und stelle sie als Vordergrundfarbe ein.

Bild:
"Auswahl aus Alphakanal"

"Neue Ebene" (Kreis-Rahmen)

Kreis-Rahmen:
Auswahl > Vergrößern > 1 Pixel
Bearbeiten > Mit Vordergrundfarbe füllen
Auswahl > Verkleinern > 5 Pixel
Bearbeiten > Löschen
Auswahl > Nichts auswählen

Filter > Dekoration > Rand abschrägen > 2 Pixel

Filter > Licht und Schatten > Schlagschatten
mit denselben Einstellungen wie zuvor
(Schatten Kreis-Rahmen)


Schritt 09:
Bild:
"Ebene duplizieren" (Bild Farbe)

Bild Farbe:
"Auswahl aus Alphakanal"

Auswahl > Verkleinern > 15 Pixel
Bearbeiten > Löschen
Auswahl > Nichts auswählen

Farben > Einfärben > farblich passend zum Bild

Evtl. Modus und Deckkraft der Ebene ändern.


Wenn du möchtest:
Text-Werkzeug:
Gestalte einen schönen Schriftzug und positioniere
ihn innerhalb der Fläche der Blumenform.


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

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

HINWEIS:
Animationen und transparente Hintergründe vertragen sich nicht gut.
Die Ränder deines Bildes und die außen liegenden Schatten werden "krusselig"
und das Ergebnis alles Andere als schön!
Daher benötigst du einen Hintergrund.
Nutze hierfür dieselbe Hintergrundfarbe, wie in den Forum bzw.
auf der Webseite, wo du das Bild später präsentieren möchtest.
Dadurch sieht man den Hintergrund später nicht, auch wenn er da ist.
(Frei nach dem Motto: "Schwarz auf Schwarz sieht man nicht.")


Schritt 11:
Wenn du dein Ergebnis zu uns senden möchtest:
Datei > Als Ebene öffnen > Bloghintergrund Magical Gimp Tutorial

Bloghintergrund Magical Gimp Tutorial:
Im Ebenendialog über die weiße Hintergrund-Ebene schieben.

Wenn du dein Ergebnis auf einer anderen Seite ausstellen möchtest:
Werkzeugkasten:
Stelle die Farbe als Vordergrundfarbe ein, welche als Hintergrundfarbe auf der Plattform (Forum, Homepage, ...) genutzt wird, wo du dein Ergebnis präsentieren möchtest.

Hintergrund:
Bearbeiten > Mit Vordergrundfarbe füllen


Schritt 12:
Rechtsklick im Ebenendialog: "Bild Zusammenfügen"

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

Danach alles als PNG- oder JPG-Datei abspeichern!
(Induziertes Bild)

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

zur Animation:

Schritt 13 A:
(wenn du mit IrfanView arbeitest)

Öffne dein gerade erstelltes Induziertes Bild mit IrfanView.

Bild > Farbtiefe reduzieren > 256 Farben (8 BPP)


Speicher das Bild danach wieder ab. (Datei > Speichen unter...)
(Induziertes Bild (bestehende Datei ersetzten))

Öffne das Induzierte Bild jetzt wieder mit Gimp.

Bild > Modus > RGB

Speicher das Ganze als xcf-Datei unter einem neuen Namen.
(Datei > Speichen unter...) (Tutorial animiert)


Schritt 13 B:
(wenn du nicht mit IrfanView arbeitest)

Öffne deine gerade erstelltes Induziertes Bild mit Gimp und
speichere es unter einem neuen Namen als xcf-Datei ab.
(Datei > Speichen unter...) (Tutorial animiert)


Schritt 14:
Datei > Als Ebene öffnen > Glitzeranimation

Hintergrund (bzw. Induziertes Bild):
insgesamt siebenmal: "Ebene duplizieren"

Die Ebenen im Ebenendialog so anordnen,
dass sich über jeder Hintergrund-Ebene eine Glitzer-Ebene befindet.
(Im Ebenendialog befinden sich nun 16 Ebenen.)


Vereine jede der Glitzer-Ebenen nach unten auf die zugehörige Hintergrund-Ebene.
Du hast am Ende nur noch 8 Ebenen im Ebenendialog.

Speicher das Ganze wieder als XCF-Datei ab!
(Datei > Speichen unter...)


Schritt 15:
Schaue über Filter > Animation > Animation abspielen
ob von der Animation her alles passt.

Wenn ja:
Filter > Animation > Optimieren (für GIF)

Die neue Datei die sich öffnet, speicherst du als GIF-Datei (Animation) ab!
(Datei > Speichen unter... bzw. Datei > Exportieren)

Wähle dabei die folgenden Einstellungen:
Pause zwischen Einzelbildern, wo nicht angegeben: 220ms
Oben angegebene Pause bei allen Einzelbildern verwenden: Ja (Haken setzen)



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!