GIMPressionen

Basierend auf einem PS-Tutorial von David Leggett

Heute wollen wir einen schönen Effekt behandeln, der einfach in jede dunkle Graphik passt, die einen freundlichen und heiteren Text braucht.



Schritt 1 - Wählen eines Hintergrunds

Für das beste Ergebnis mit diesem Effekt wird man einen dunklen Hintergrund brauchen. Dieser Hintergrund sollte nur einen leichten Farbstich haben aber trotzdem nicht zu dunkel sein. Inspiriert von der Arbeit David Leggetts werde ich ein dunkles Violett verwenden (#120612).




Schritt 2 - Einfügen der Schrift

Wir fügen die Schrift jetzt in einem nicht allzu traditionellem Weg ein, was uns aber ein spezielles Ebenenmanagement ermöglicht.
Wählt das Text-Tool aus, schreibt was auch immer ihr wollt - ich werde den Schriftzug "GIMPression" verwenden - ABER schreibt immer nur EINEN Buchstaben pro Ebene. Das heißt: Ihr schreibt einen Buchstaben, klickt danach NEBEN der gerade erstellten Text-Ebene ins Bild und schreibt den nächsten Buchstaben. Wenn ihr es richtig gemacht habt, dann sollte jeder einzelne "Font" auf einer eigenen Ebene liegen.
Das Bild sieht dann ungefähr so aus (Notiz: Ich habe die Schriftart "Helvetica Bold" verwendet.):



Nun, das sieht jetzt etwas blöd aus ;) Um Zeit beim perfekten Ausrichten der Buchstaben zu sparen, nützen wir das "Ausrichten-Werkzeug":
Ihr klickt zunächst die dunkle Hintergrundebene und anschließend mit gedrückter Umschalttaste jeden einzelnen Buchstaben an. Wenn das geschehen ist, wählt ihr "An der Mitte des Ziels ausrichten". Danach sollten Eure Buchstaben alle auf einer imaginären horizontalen Linie liegen...



Jetzt könnt Ihr beginnen, die Buchstaben so zu verschieben, dass sie sich leicht überlappen (Kleiner Tipp: Wenn Ihr die Buchstaben festhaltet und gleichzeitig Strg drückt, dann ist es leichter auf der horizontalen Linie zu bleiben).




Schritt 3 - Einen Farbverlauf hinzufügen

Erstellt eine neue Ebene mit dem Namen "Verlauf" oberhalb Eurer Buchstaben. Füllt mit dem Verlaufswerkzeug, und einem Weiß-Transparent-Verlauf, das Bild, sodass der Verlauf nicht ZU DECKEND oder ZU TRANSPARENT ist, wo er den Text überlagert, sondern in dieser Zone schön verläuft. Er sollte von oben nach unten verlaufen - oben ist er deckend. (Drücke Strg um einen geraden Verlauf zu gewährleisten).




Schritt 4 - Ausschneiden der Buchstaben

Stell Dir vor, wir backen ausgestanzte Weihnachtsplätzchen. Es ist eine etwas langwierigere Arbeit, die sich aber lohnt. Der Farbverlauf ist in unserem Fall der 'Teig', während die Buchstaben die 'Plätzchenformen' sind. Die verschiedenen Buchstaben-Ebenen sind jetzt unsere Werkzeuge, um Formen aus dem Farbverlauf zu holen.
Ich werde es nochmal Schritt für Schritt erklären, damit ihr versteht was ich meine:
Ihr klickt mit der rechten Maustaste auf die erste Buchstabenebene - in meinem Fall das 'G' - und wählt 'Auswahl aus Alphakanal' aus, dann wechselt ihr auf die Ebene "Verlauf". Dort kopiert ihr dann die Farbe unter der Auswahl mittels Strg+C und fügt die Kopie gleich wieder ein (Strg+V). Dann klickt ihr auf 'Neue Ebene' im Ebenendialog, damit die 'Schwebende Auswahl' zu einer festen Ebene verändert wird.
(Tipp: Blendet sowohl die Buchstaben, als auch die Verlaufsebene aus, dann seht ihr am besten, was ihr bisher schon getan habt)



Diesen Schritt wiederholt ihr bei allen Buchstaben. Danach könnt ihr dann alle Schrift- und Verlaufsebenen löschen und eure neuen Ebenen so umbenennen, dass ihr wisst welcher Buchstabe welche Ebene ist.



Schritt 5 - Farbe hinzufügen

Erstellt eine neue Ebene (Farbe) über euren Verlaufsbuchstaben. Wählt eine helle Farbe aus (Ich habe mit #7fff5d begonnen). Dann wählt ihr euch die Auswahl des ersten Buchstaben aus und füllt sie auf der Farbebene mit der Farbe. Stellt den Ebenenmodus der Farbebene auf 'Bildschirm'.

Wiederholt diesen Prozess für die restlichen Buchstaben (jede Farbe auf eine neue Ebene). Versucht auch hin und wieder mal die gleiche Farbe über einem zweiten Buchstaben zu platzieren.



Schritt 6 - Vereinen

Wenn ihr Euch sicher seid, dass die Buchstaben richtig platziert habt, vereint alle Verlaufsbuchstaben. Und dann vereint alle Farben in eine Ebene (versichert Euch, dass der Ebenenmodus immer noch auf Bildschirm gesetzt ist).

Jetzt habt ihr nur noch zwei Ebenen - eine mit den Verlaufsbuchstaben und die andere mit den Farben der Buchstaben. Diesen Schritt hätten wir nicht unbedingt machen müssen - er dient lediglich dazu, dass das restliche Bild besser zu managen ist.



Schritt 7 - Herstellen des 'Glow-Effekts'

Dupliziert Eure Verlaufsbuchstaben. Wendet den Gaußschen Weichzeichner auf diese neue Ebene an (Werte einfach ausprobieren). Wiederholt diesen Schritt (duplizieren und weichzeichnen) auf Eurer Farbebene und setzt die duplizierte Ebene auf den Modus 'Nur Aufhellen'. Abhängig von der Sättigung und Intensität Eurer Farben, könnte es sein, dass ihr die Farbebene ein weiteres Mal duplizieren müsst.



So, dann habt Ihr es geschafft. Ihr könnt noch ein bisschen mit Spiegelung und anderen Lichtreflexen arbeiten - probiert einfach ein bisschen rum ;)



Ich freue mich über Kommentare und Feedback!

GIMPression

Legt eine neue Datei an: 1024x768 Pixel - Keine Angst - der Splash-Screen wird dann später noch verkleinert.

Um besonders abwechslungsreiche helle und dunkle Stellen zu bekommen verwenden wir eine Kombination aus Wolken und Fraktalen.

Hinweis: Fraktale sind Gebilde oder Objekte, die sich in sich selbst immer wiederholen. Wenn ihr in einen Teil hineinzoomt erscheit derselbe Teil gleich nochmal - und das geht unendlich so weiter.

Um ein Fraktal zu erzeugen können wir GIMPs eingebauten Fraktal-Explorer verwenden.

- Filter / Render Fraktal-Explorer:

Lasst die einstellungen unverändert. Falls ihr etwas falsch geklickt habt drückt auf die "Zurücksetzen"-Schaltfläche.

Wechselt zum Register "Fraktale". Klickt dort auf "Explosive". OK drücken.

- Neue Ebene anlegen.
- Filter / Render / Wolken / Plasma: Standardeinstellungen nehmen und OK drücken.
- Farben / Entsättigen: Helligkeit nehmen und OK drücken.
- Ebenenmodus auf "überlagern stellen".

- Drückt STRG+M um die sichtbaren Ebenen zusammenzufügen. Danach solltet ihr nur noch eine Ebene haben.

- Filter / Weichzeichnen / Bewegungsunschärfe: 200 / 20. Danach wiederholt ihr den Filter nocheinmal (einfach STRG+F drücken).

- Filter / Abbilden / Nahtlos machen (Dadurch kann man das Bild beliebig oft nebeneinander packen und man sieht keine Ränder - das ist für den nächsten Schritt wichtig.

In diesem Schritt geht es darum besonders schöne und gleichmäßige Schwingungen ins Bild zu bekommen.

Wir verwandeln unser Bild nun ebenfalls in ein Fraktal. Dadurch wird es gleichmäßig verzerrt und es entstehen schöne Schwingungen.

Hinweis: Vorhin habe ich ja erklärt wie man sich ein Fraktal im Grafikbereich am besten vorstellen kann. Damit sich ein Teil besonders schön in sich wiederholen kann haben wir gerade den Nahtlos-Filter angewendet. Und das kommt uns nun zugute da wir das Bild ja in ein Fraktal verwandeln wollen.

- Filter / Abbilden / Fraktalspur (Werte vom Bild einstellen).

Jetzt haben wir ein paar schöne Schwingungen im Bild. Als nächstes ist es Zeit für ein bisschen Farbe.

Um gleichmäßig und schön ineinanderlaufende Farben zu bekommen werden wir ein paar Farbkleckse auftragen und dann verschwimmen lassen.

- Wählt das Pinselwerkzeug: wählt einen großen Pinsel (am besten skalieren auf 10,0). Malt ein paar gelbeorangene Farbpunkte auf das Bild. Dann nehmt ihr ein Orange oder Rot, malt angrenzend an die gelben Punkte, macht. Malt das Gelb auf helle Stellen wie ich links oben auf den hellen Strom.

- Filter / Weichzeichnen / Gaußscher Weichzeichner: 300px.

Danach stellt ihr den Ebenenmodus auf "Überlagern". Das Gelbe sollte dann schon ein wenig strahlen. Keine Sorge, wir verstärken den Effekt gleich noch.

- Drückt SHIFT+C um das Zuschneiden.Werkzeug zu aktivieren.

- Wählt einen beliebigen Teil aus (Tipp: Ihr könnt den Hintergrund auch drehen, perspektivisch verzerren, spiegeln usw..., bis ihr einen Ausschnitt gefunden habt der euch zusagt). Ich bin mit dem linken oberen Teil zufrieden und ziehe die Zuschneiden-Auswahl auf.

Ich ziehe es so auf, dass auch noch etwas vom Blau und dem Grün im Endbild zu sehen sein wird.

- Dupliziert die Hintergrund-Ebene.
- Die Kopie zwischen Farben (ganz oben) und dem HG (ganz unten) schieben falls es noch nicht dort zu finden ist.
- Ebenenmodus des Duplikats auf Überlagern stellen.
- Farben / Kurven: wendet diese Kurve an:

- Aktiviert die Farben-Ebene: Filter / Farbton/Sättigung: Schiebt dort die Sättigung auf +50.

Wir sind schon ziemlich fertig und wollen nun auf einer Kopie dieses Status weiterarbeiten.

- Bearbeiten / Sichtbares kopieren
- Bearbeiten / Sichtbares einfügen als -> Neue Ebene.

Nun kommen wir zu den Partikeln: Es soll so aussehen als würden viele leuchtende Partikel aus dem Lichtursprung (den hellen Stellen) austreten.

Bestens dafür geeignet ist der Sparks-Pinsel.

- Pinselwerkzeug auswählen: Die gelbe "Sparks"-Pinselspitze auswählen. Super sind hierfür die seit 2.6 verfügbaren Pinseldynamiken.

Durch diese kann man sie Größe, Deckkraft und Häufigkeit der auftretenden Pinseldrücker beeinflussen.

Stellt sie wie am Bild zu sehen ein: Häkchen bei Druck,Deckkraft, Zufall/Deckkraft, Zufall/Größe.

Skalieren: 1,5
Zittern: 4,0

- Legt eine neue Ebene an und malt unn die Partikel links oben hin (evtl auch ein bisschen auf den anderen hellen Stellen (wies euch eben gefällt).

- Ebenenmodus auf "Abwedeln"- dadurch wird das Glühen und Strahlen noch verdeutlicht.

- Im Ebenendialog klickt ihr nun rechts auf die Partikelebene und klickt "Nach unten vereinen" Dann landen die Partikel auf der darunterligenden Ebene.

Dunkelt das Bild je nach Geschmack noch ein wenig ab (Farben/Kurven).

Damit das ganze auch nach einem Splash-Screen aussieht müssen wir noch ein bisschen Text hineinpappen:

Schreibt den Text:

"UNLEASH YOUR
GRAPHICS
POWER
NOW
!"

auf eine Textebene. Ändert auf "Rechtsbündig" und stellt den Zeilenabstand so, dass die Zeilen fast aufeinander kleben. Stellt die Deckkraft runter auf etwa 10% und schiebt den Text nach rechts.

Orientiert euch am Bild für die restlichen Texte - das sollte nicht mehr schwer sein ;)

Hier noch eine 2. Version:

...und noch eine weitere:

Ich möchte heute zeigen, wie man einen schönen Glas-Rand um ein Objekt baut. Verwenden kann man diesen Effekt gut auf Plakaten oder anderen Werbebildern.

Öffnen eines Hintergrundbildes

Zunächst öffnen wir ein beliebiges Bild. Ich nehme das Bild „Green Grass 2“ von MeiTeng, das ich von der Seite http://sxc.hu, einer freien Stock-Seite, heruntergeladen habe. Ihr könnt Euch dieses Bild ebenfalls saugen – Ihr findet es unterhalb dieses Tutorials.

Datei -> Öffnen

Skalieren des Bildes

Nachdem die Auflösung des Grases etwas groß ist, skalieren wir das Bild auf 800x568 px. Ihr öffnet den Dialog Bild -> Bild skalieren. Dort gebt ihr obenstehende Werte ein.

Neue Ebene anlegen

Als nächstes legen wir eine neue Ebene an. Das geht indem man auf den Button unterhalb des Ebenendialogs „Neue Ebene“ klickt. Nennt diese Ebene „Rahmen“ und achtet darauf, dass die Füllart auf „Transparenz“ gestellt ist. Anschließend sollte das Vorschaubild weiß umrandet sein.

Auswahl aufziehen und abrunden

Jetzt bestimmen wir schon die Form des Rahmens den wir erstellen wollen. Ihr wählt im Werkzeugkasten das „Rechteckige Auswahlwerkzeug“ aus und zieht eine beliebig große Auswahl auf. Ihr könnt die Größe und Position mit den Randfeldern an der Auswahl noch verändern. Anschließend geht Ihr auf Auswahl → Abgerundetes Rechteck und wählt dort einen Wert von etwa 21 aus.

Danach sollte Eure gestrichelte Auswahl mit runden Ecken im Hauptbild erscheinen.

Füllen des „Glases“

Nachdem wir das geschafft haben wählen wir als Vordergrundfarbe ein Weiß mit einem leichten Blau-Stich aus (meine html-Notation ist: dbf1ff), und füllen die Auswahl mit dieser Farbe. Dabei ist wichtig, dass die Ebene „Rahmen“ markiert ist!

Bearbeiten -> Mit Vordergrundfarbe füllen

Den Modus der Ebene lasst ihr auf „Normal“ und stellt lediglich die Deckkraft herunter – z.B. auf den Wert 50. Das sollte dann so aussehen:

Schlagschatten und sonstige „special effects“

Abschließend brauchen wir noch einen Schlagschatten, damit das leichte Blau auch tatsächlich nach Glas aussieht – lasst dabei die Auswahl stehen: Filter -> Licht und Schatten -> Schlagschatten

Am besten übernehmt Ihr folgende Werte, probiert aber ruhig verschiedene Werte aus:

Um einen „Verwisch-Effekt“ wie bei Vista zu produzieren dupliziert Ihr die Hintergrundebene mit den Pflanzen und lasst bei bestehender Auswahl einen Gaußschen Weichzeichner drüberfahren (Filter -> Weichzeichnen -> Gaußscher Weichzeichner). Probiert dabei am besten verschiedene Werte aus. Ich habe 15 benutzt.

Das fertige Bild sieht dann ungefähr so aus:

Wem das noch nicht genug Glass-Effekt ist, den kann ich trösten, weil ich demnächst wieder ein Tutorial erstelle, in dem genauer auf den Glasseffekt eingegangen wird.

Ich freue mich über Kommentare und Verbesserungsvorschläge!

             

Click here to download:

Glasrahmen.zip (4815 KB)

Hallo!

Ich starte hier ein neues Projekt, nachdem es viel zu wenig GIMP - Tuts im Internet gibt! Ich hoffe, wir werden schnell bekannt. ;)

Morgen, werde ich mein erstes Tutorial starten!

GIMPression