Tutorialbeschreibung

Hintergrund mit versetztem Linien-Logoeffekt

Hintergrund mit versetztem Linien-Logoeffekt

In diesem Video-Training wird gezeigt, wie ein cooler Hintergrund erstellt werden kann, der vor allem individuell farblich mit nur wenigen Klicks umzugestalten ist. Außerdem wird erklärt, wie Elemente wie Logos oder Text farblich genial eingefügt werden können. Bonus: Es wird gezeigt, wie ein Linieneffekt als Muster erstellt wird und wie dieser mit dem Versetzen-Filter verstärkt werden kann. 

... übrigens findest du die komplette Serie hier: Photoshop-Workshop-DVD - Effekte für Typo, Layout & Foto - Vol. 1 - Schnapp sie dir in unserem Shop oder in der Kreativ-Flatrate!


Schritt 1:

Ich erstelle ein Dokument mit der Größe 800x600 Pixel, wobei die Größe eigentlich uninteressant ist.

Bilder



 

Schritt 2:

Als Nächstes färbe ich die Hintergrundebene mit einem sehr dunklen Grau (nicht Schwarz).

Bilder



 

Schritt 3:

Jetzt möchte ich dem Hintergrund ein Linienmuster verpassen. Das erstelle ich mir sehr einfach selbst, indem ich ein neues Dokument mit z. B. 1 Pixel Breite und 5 Pixel Höhe anlege.

Bilder



 

Schritt 4:

Jetzt klicke ich doppelt auf die Hintergrundebene, damit diese zur einer normalen Ebene wird. Als Nächstes muss ich noch zwei Pixel löschen, sodass diese transparent werden. Danach wähle ich mit Strg+A alles aus und speichere meine Ebene unter Menü>Bearbeiten>Muster festlegen als Muster.

Bilder



 

Schritt 5:

So, nachdem das geschafft ist, muss ich mein Muster in einer neuen Ebene mit dem Füllwerkzeug aufbringen. Die Deckkraft meiner Ebene setze ich dabei auf 4%.

Bilder



 

Schritt 6:

Als Nächstes erstelle ich eine neue Ebene (mit Strg+Shift+Alt+N geht's am schnellsten) und fülle diese mit z. B. Schwarz. Die Farbe ist eigentlich egal, weil ich die Flächendeckkraft auf 0% setze. Jetzt gehe ich in die Fülloptionen.

Bilder



 

Schritt 7:

Ich aktiviere die Verlaufsüberlagerung, setze die Füllmethode auf Multiplizieren und ziehe einen etwas dunkleren farbigen Verlauf auf, der Linear ist.

Bilder



 

Schritt 8:

Nun lege ich wieder eine neue Ebene an, führe darauf den Wolkenfilter mit den Standardfarben Schwarz/Weiß aus und stelle die Füllmethode der Ebene auf Weiches Licht.

Bilder



 

Schritt 9:

Der Wolkenebene kann ich noch eine Maske verpassen, damit die Wolken nicht überall zu sehen sind, aber wer die Wolken überall mag, kann auf die Maske verzichten. So, jetzt ist es Zeit, dass ich eine Gruppe anlege und die Füllmethode auf Farbig abwedeln setze.

Bilder



 

Schritt 10:

In der Gruppe lege ich eine neue Ebene an und pinsele mit einem sehr weichen und großen Pinsel mit weißer Farbe ein paar Mal los, wobei ich die Deckkraft des Pinsels auf ca. 40% stelle. Man sieht, dass dann der Hintergrund besser zum Vorschein kommt.

Bilder



 

Schritt 11:

Jetzt füge ich das PSD-Tutorials.de-Logo ein. Darauf wende ich dann noch den Gaußschen Weichzeichner mit ca. 4 Pixel Radius an.

Bilder



 

Schritt 12:

Das Ergebnis sieht schon ganz gut aus, nur will mir der Farbverlauf im Hintergrund nicht so recht gefallen. Woran das liegt? Standardmäßig wird in Photoshop im 8-Bit-Modus gearbeitet. Darin stehen mir aber nicht wirklich sehr viele Farben zur Verfügung.

Bilder



 

Schritt 13:

Darum ändere ich jetzt unter Bild>Modus>16-Bit-Kanal das Bild, und schon sieht der Verlauf und die Farben viel besser aus. Leider funktionieren dann nicht mehr alle Filter.

Bilder



 

Schritt 14:

Wenn ich jetzt noch einen Text mit weißer Farbe schreibe, diesen in ein Smart-Objekt umwandele und dann den Gaußschen Weichzeichner der Logo-Ebene einfach mit gedrückter Alt-Taste dupliziere, sieht das Ergebnis so aus:

Bilder



 

Schritt 15:

Wenn ich den Gaußschen Weichzeichner auf z. B. 2 Pixel Radius stelle, kann man noch mehr vom Text erkennen.

Bilder



 

Schritt 16:

Das Geniale ist, dass ich die Verlaufsüberlagerung jederzeit ändern kann, wenn ich ein ganz anderes farbliches Ergebnis erreichen möchte.

Bilder



 

Schritt 17:

Zum Schluss des Workshops möchte ich noch erklären, wie man die Linien so ändern kann, dass diese sich dem Logo anpassen. Dazu muss ich erst einmal wieder in den 8-Bit-Modus wechseln. Jetzt dupliziere ich mein Logo einfach mit der rechten Maustaste im Ebenenbedienfeld, jedoch als neues Dokument. Dann werde ich eine Ebene darunterlegen, diese mit Schwarz füllen und abschließend als Hintergrundebene reduzieren. Jetzt muss ich dieses Dokument nur noch als PSD-Datei abspeichern.

Bilder



 

Schritt 18:

Nun gehe ich wieder zurück und führe auf meiner Linien-Ebene den Versetzen-Filter aus (befindet sich unter Menü>Filter>Verzerrungsfilter>Versetzen). Nachdem ich die Werte bestätigt habe, öffnet sich ein Dialog zum Öffnen einer PSD-Datei. Ich nehme die zuvor gespeicherte Datei.

Bilder



 

Schritt 19:

Und schon habe ich folgendes Ergebnis, nachdem ich den Modus wieder auf 16 Bit gestellt habe.

Bilder



 

Schritt 20:

Wenn ich den Verlauf noch mal anpasse, sieht mein Effekt so aus:

Bilder


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Girugamesh
  • 17.03.2011 - 17:38

Hey Super, ich lerne immer mehr!

Portrait von Girugamesh
  • 17.03.2011 - 17:37

Hey Super, ich lerne immer mehr!

Portrait von Makusmakus
  • 01.03.2011 - 11:29

coole idee und echt gut erklärt. danke :)

Portrait von Black_Milk
  • 27.02.2011 - 23:53

Dankeschoen. Ein schoenes Tutorial!

Portrait von LenaAlex874
  • 15.02.2011 - 12:00

schöner effekt, danke dafür...

Portrait von iskajir
  • 14.02.2011 - 15:28

Schönes Tutorial, herzlichen Dank dafür

Portrait von SamuelDesignes
  • 12.02.2011 - 15:16

ja wirklich ein super tutorials - daumen hoch :D

Portrait von Carinik
  • 12.02.2011 - 13:05

Sehr gut erklärt, hab es auf anhieb hinbekommen. Danke

Portrait von svera
  • 07.02.2011 - 21:53

habe eben probiert. echt super

Portrait von Joorna
  • 04.02.2011 - 10:20

Danke, probier ich bald mal aus :)

Portrait von Sublig
  • 31.01.2011 - 15:16

Danke!
Folge mir auf Twitter für tolle Bilder und Mehr.....
http://twitter.com/#/Sublig

Portrait von jp_
jp_
  • 30.01.2011 - 17:59

Gut gemacht, find ich echt super!

Portrait von quester_max
  • 28.01.2011 - 15:03

sehr kreative arbeit würde ich sagen aber das gleiche nachmachen hats mir bissl gedauert

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 28.01.2011 - 09:08

Sieht echt toll aus. Werde es aufjedenfall auch ausprobieren! ;)

Portrait von lolligxd
  • 18.01.2011 - 17:15

Finde ich super weiter so. Mach witer so . Mehr so turtorials

Portrait von Philipp_F
  • 18.01.2011 - 16:01

Eine wirklich gute Anleitung.
Ich habe schon langer nach einer Möglichkeit gesucht solche Bilder selbst zu erstellen.

Portrait von niquemaus
  • 18.01.2011 - 13:39

Ich finde das Ergebnis echt toll
aber leider geht das mit dem Farbig abwedeln nicht... die farbe kommt einfach nicht durch :(

Portrait von KRaGG
  • 15.01.2011 - 12:10

Super Tutorial, hat auch gut mit CS2 funktioniert! Einfach und wunderbar erklärt, hat auf Anhieb ohne Probleme geklappt

Portrait von Gandark
  • 12.01.2011 - 13:15

Danke Stefan mal wieder ein super Tutorial von dir

Mach weiter so

Portrait von judoka
  • 10.01.2011 - 09:19

Gut gemacht. Sieht auch super aus.

Mehr anzeigen

x
×
×