Fotostreifen

von Tino Wehe in Tutorials, Webdesign Jan 18th, 2009 | | keine Kommentare

Auf dem Blog von Nick La gibt es ein schönes Tutorial wir man einen echt schick aussehenden Fotostreifen in Photoshop gestalten kann.

Da wir aber vornehmlich deutsche User haben, habe ich das ganze mal ins Deutsche übersetzt und selber gemacht und dafür Fotos von Calvin benutzt (DANKE an dieser Stelle).

 

Als erstes zeichnen wir mit dem Zeichenstift  die Kontur des Filmstreifens.
Das muss nicht unbedingt so sehr genau sein, da es uns später nur als Orientierungshilfe dient.
 
Im nächsten Schritt suchen wir uns einige Grafiken oder Fotos heraus und fügen erstmal alle als einzelne Ebenen ein.
Die Grafiken, die dann jeweils auf der Vorder- oder Rückseite zu sehen sein sollen, fügen wir dann auf einer Ebene zusammen (Strg+E).

 
Nun benutzten wir das Verkrümmen-Tool (Warp) und verkrümmen diese Ebene so, dass es aussieht, als ob es die Oberseite vom Filmstreifen ist.
Vorher sollten wir natürlich die Deckkraft der Ebene herunterregeln, damit wir sehen, was wir da tun.		  
 Das wiederholen wir nun, bis alle Bereiche des Filmstreifens abgedeckt sind.
 

Um das ganze jetzt ein wenig runder und sauberer erscheinen zu lassen, legen wir uns nun Ebenenmasken  an.
Dazu nehmen wir wieder den Zeichenstift , jedoch diesmal im Modus "Pfade" (oben unter der Menuleiste zu finden).
Ist die Kontur gezeichnet, klickt man mit der rechten Maustaste darauf und bestätigt dann mit der Option "Vektormaske erstellen".

Diesen Schritt wiederholt man für alle Ebenen, bis einem die Rundungen und Ecken gefallen.
 
Nun brauchen wir natürlich noch Schatten und Glanzstellen und da wir uns vorher Masken angelegt haben, können wir diese auch gleich wieder nutzen,
indem wir mit gedrückter Strg-Taste auf die Maske klicken um so eine Auswahl zu erzeugen.
Ist die Auswahl erzeugt, erstellen wir eine neue leere Ebene und zeichnen uns die Schatten mittels Verlaufswerkzeug  auf der neuen Ebene mit der Auswahl ein.		  

Für die Glanzstellen erzeugen wir eine neue Ebene , erstellen dort einen neue rechteckige Maske und füllen diese mit einem Verlauf von Transparent – Weis – Transparent.
Anschließend legen wir den Gaussschen Weichzeichner darüber und duplizieren uns diese Ebene einige Male, da wir sie mehrfach brauchen werden.
Nun platzieren wir diese Ebenen als Glanzstellen auf unserem Filmstreifen und stellen die Deckkraft auf ~75% – je nach Geschmack.

Mit gedrückter Alt-Taste können wir anschließend die Vektormasken der einzelnen Ebenen auf unsere Glanzstellen-Ebenen übertragen, indem wir bei
gedrückter Alt-Taste auf das Maskensymbol klicken und es auf die gewünschte Ebene ziehen.

  
Als nächstes erstellen wir die Kontur, indem wir mit gedrückter Shift und Strg Taste die Vektormasken der 4 Bildeebenen anklicken und somit eine Auswahl erzeugen.
Anschließend erstellen wir eine neue Ebene unter allen anderen Ebenen (ausgeschlossen der Hintergrundebene) und füllen unsere Auswahl mit Schwarz.
Nun gehen wir in die Ebeneneigenenschaften und erstellen eine Schwarze Kontur (außen) mit 1px Größe und 25% Deckkraft.		  
Jetzt erstellen wir eine neue Einstellungsebene – "Farbton/Sättigung" und regeln die Sättigung auf -50 herunter.
Im nächsten Schritt halten wir wieder Shift und Strg gedrückt und klicken die Vektormasken der Bildebenen 2 & 4 an und laden somit wieder eine Auswahl.
Diese Auwahl kehren wir mittels Strg+Shift+I um und klicken nun die Ebenenmaske der zuvor erstellen Einstellungsebene an und füllen unsere Auswahl mit Schwarz.
Nun laden wir die Vektormaske von Bildebene 3 und füllen die Auswahl auf der Ebenemaske der Einstellungsebene mit Schwarz.
Im letzten Schritt fügen wir einen Verlauf mittels Ebeneneffekt  auf die Hintergrundebene ein und beschneiden unser Bild mittels dem Freistellungswerkzeug .
Oder eine etwas andere Umsetzung ;)
Download der PSD DOWNLOAD

Abschließend sei nochmal gesagt, dass das Tutorial nicht von mir stammt, sondern nur frei übersetzt und interpretiert wurde – oben im Text findet ihr den original- Link.

LG
Tino

Wertung: 5 stars



Einen Kommentar hinterlassen