Anzeige
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.
Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 19.10.2016 - 17:11

Danke für das Tutorial

Portrait von Schoos
  • 24.02.2015 - 23:52

Super Tutorial. Vielen Dank!

Portrait von Essiggurke96
Portrait von Essiggurke96
  • 06.09.2013 - 13:10

echt cool, habs gleichasprobirt

Portrait von nomalinn
  • 23.02.2013 - 18:36

Der Effekt lies sich sehr gut anwenden. Vielen Dank

Portrait von heeka
  • 21.04.2012 - 13:12

Schöner Effekt! Habe ein bischen damit rumgespielt und bin zu interessanten Ergebnissen gekommen.
Danke für das Tutorail!

Portrait von Andre_S
  • 17.12.2011 - 05:49

Klasse flottes Video!

Portrait von Andre_S
  • 17.12.2011 - 05:46

Super Tut und flottes Viedeo dazu!
Konte beim Video keinen Komentar abgeben obwohl ich es downgeloadet hatte?

Portrait von iGod
  • 13.12.2011 - 14:33

Schönes Tutorial, hat mir sehr geholfen! :-)

Portrait von Werbedesign_Jung
  • 14.10.2011 - 10:54

Schönes Tutorial und gut erklärt. Genau das habe ich gesucht.

Portrait von Benoritos
  • 05.09.2011 - 17:55

Tolles Video, aber wie schon gesagt ein bisschen zu schnell :).
Mich hat es nicht gestört, aber ich denke mal das totale anfänger meist auf pause drücken müssen :D.
Vielen dank !
lg

Portrait von Werbedesign_Jung
Portrait von silentino
  • 03.09.2011 - 18:21

Das Tut ist sehr gut und informativ. Allerdings habe ich zeitweise das Gefühl Du bist auf der Flucht :)

Für Anfänger wird es sehr schwer sein Dir zu folgen bei diesem Tempo.

Portrait von nasty_SNAKE
  • 03.09.2011 - 12:23

Besten Dank. Gleich mal anschauen

Portrait von steffi16
  • 25.08.2011 - 15:55

Sehr schönes Tutorial, danke an den Verfasser ;)

Portrait von TrickSeventeen
  • 16.07.2011 - 00:06

Tolles Tutorial, sieht wahnsinnig gut aus! :)

Portrait von Gear
  • 12.07.2011 - 14:48

Super Tutorial , Danke!

Portrait von nasto
  • 28.06.2011 - 13:09

Schöne Grafik die enstanden ist

Portrait von GamerD
  • 24.06.2011 - 10:15

Super TuT man muss aber bei einem größerem Logo die Deckkraft runtersetzen
So is meins geworden :) http://s1.directupload.net/images/110624/2n3xttr4.png

Portrait von LadyA
  • 01.05.2011 - 02:14

Super Tutorial !
Alles gut zu verstehen
Danke:)

x
×
×