Bild in Bild Photoshop Collage – Tutorial

by Philipp {Studio5555.de} on 5. Februar 2008

tutorialbilderrahmen.jpg

In diesem Photoshop Tutorial erstellen wir ein Bild in einem Bild, um den Hauptfokus noch weiter auf eine actiongeladene oder besondere Szene zu lenken. Dazu eignen sich besonders gut Sportfotos oder die eine große Dynamik aufweisen. Das Tutorial wurde im Photoshop CS2 durchgeführt mit einem Bild welches mit einer Canon EOS 350D fotografiert wurde. In neueren Photoshop Versionen wird dies ungefähr den gleichen Arbeitsablauf beinhalten.

Schritt 1: Bild öffnen und als Ebene duplizieren

bildinbild1.jpg

Nachdem wir das gewünschte Bild im Photoshop geöffnet haben gehen wir wie folgt vor:

ebenen.jpg

1. Es gibt mehrere Möglichkeiten das Hintergrundeben zu duplizieren. Entweder man klickt mit der rechten Maustaste im Ebenen Feld (öffnen mit “F7″) auf die Ebene Hintergrund. Dort im Pull-Down-Menü “Ebene duplizieren…” auswählen. Oder schnell über die Tastatur mit “Ctrl+J” bei Windows und mit “Command(auch Apfeltaste genannt)+J” bei Mac OS.

ebenen1.jpg

Es gibt für jeden Vorgang mehrere Lösungen und es bleibt jeden selbst überlassen wie man vorgeht. Wir zeigen jetzt hier mehrere Lösungswege auf. Nachdem die Ebene dupliziert wurde bekam sie den Namen “Hintergrund Kopie”.

ebenen2.jpg

2. Nun bennen wir diese neue Ebene um indem wir mit der linken Maustaste doppelt auf den Namen “Hintergrund Kopie” klicken. Wir vergeben den Namen “Subversion” zur besseren Übersicht.

Schritt 2: Neue leere Bearbeitungsebene erstellen

Nun erstellen wir eine neue leere Ebene unter der Subversion Ebene. Dazu gehen wir wie folgt vor:

ebene.jpg

1. Im Ebenen Fenster klicken wir auf das Symbol “Neue Ebene erstellen” an. Nun wird die neue Ebene als “Ebene 1″ angezeigt. Diese sollte unter der Ebene “Subversion” platziert sein. Diese kann durch drücken der linken Maustaste neu arrangiert werden. Schneller geht es aber durch drücken von “Ctrl” (Windows) / “Command” (Mac OS) und dann auf “Neue Ebene erstellen” klicken. Jetzt wird die neue Ebene gleich unter der ausgewählten angelegt.

ebenen3.jpg

2. Nun wird diese neue Ebene umbenannt in “Bilderrahmen”. Dazu wieder ein schneller Doppelklick auf den Namen. Nun müsste alles im Ebenen Fenster so aussehen wie auf dem darauffolgenden Bild.

bilderrahmen.jpg

Schritt 3: Rahmen erstellen

Jetzt erstellen wir einen dicken Rahmen um das gewünschte Objekt auf dem Bild.

rechteck.jpg

1. Dazu wählen wir das Rechteck-Werkzeug (“U”) aus. Es sollte darauf geachtet werde das die Ebene Bilderrahmen weiterhin ausgewählt ist.

rahmen.jpg

2. Jetzt ziehen wir um das gewünschte Objekt ein Rechteck. Die Größe und die Position kann durch die Transformationssteureung geändert werden. Diese kann unter anderem bei Bearbeiten -> “Frei transformieren Pfad” ausgewählt werden.

Schritt 4: Schnittmaske erstellen

Nun erstellen wir eine Schnittmaske zwischen der “Subversion” und der Ebene “Bilderrahmen”. Dazu gibt es wieder mehrere mögliche Wege. Wir gehen wie folgt vor:

schnitt2.jpg

Es wird die Ebene “Subversion” ausgewählt. Jetzt wird über Ebene -> “Schnittmaske erstellen” ausgewählt. Jetzt erscheint links neben der Subversion Ebene ein Pfeil nach unten. Eine weitere Möglichkeit wäre es mit der Maus zwischen den Ebenen Subversion und Bilderrahmen zu fahren und die “ALT” (Win/Mac) Taste zu drücken. Jetzt verwandelt sich der Mauscursor in zwei Kreise. Nun klickt man mit der linken Maustaste und die Schnittmaske ist erstellt.

schnitt21.jpg

Schritt 5: Konturen bei dem kleineren Foto setzen

Jetzt bekommt das Foto im Foto seinen Bilderrahmen:

effekt.jpg

1. Die Ebene Bilderrahmen muss ausgewählt werden. Jetzt klickt man auf das Symbol “Ebenenstil hinzufügen” an.

kontur.jpg

2. Dort die Option “Kontur…” anklicken.

kontur1.jpg

3. Die Größe des Rahmens ist immer abhängig von der Auflösung des Bildes. Ich nutze ein Bild mit einer Größe von 800×533 Pixel. Dazu empfiehlt sich eine Rahmengröße von 12 Px. Unter Position wählt man “Innen” aus und die Farbe Weiß nicht vergessen.

Schritt 6: Schlagschatten setzen

Nun wird der Schlagschatten um den Bilderrahmen gesetzt. Dazu wird im Ebenenstil-Fenster, vom vorherigen Schritt, die Option “Schlagschatten” ausgewählt.

schlag.jpg

Die Werte für den Winkel können so gewählt werden wie der reale Lichteinfall der Sonne auf dem Foto. Eine Distanz des Schlagschattens von 9-12 Px ist empfehlenswert.

dd.jpg

Schritt 7: Den Bilderrahmen drehen

qq.jpg

Jetzt wird die Vektormaske Bilderrahmen gedreht. Die Bilderrahmen Ebene muss ausgewählt sein. Über Bearbeiten -> “Frei Transformieren” wird ein Positionsrahmen angezeigt. An den Ecken ändert sich der Mauscursor zu einer Kurve. Nun wird die linke Maustaste gehalten und so lange bewegt bis der Rahmen schräg ist (siehe Bild).

Schritt 8: Hintergrundfarbe auswählen

pipette.jpg

Jetzt wird mit Hilfe der Pipette (“I”) eine geeignete Hintergrundfarbe ausgewählt. So hebt sich das neu erstellte Bild im Bilderrahmen noch weiter ab.

select.jpg

Ich wähle dazu das blaue Gebäude links oben im Bild. Die neue ausgewählt Farbe wird nun in der Werkzeugleiste angezeigt.

Schritt 9: Den Hintergrund einfärben

farbelayer.jpg

Nun wird der Hintergrund eingefärbt mit der ausgewählten Farbe aus Schritt 8. Dazu muss die Hintergrundebene aktiviert sein. Jetzt klickt man auf den “Neue Füll- und Einstellungsebene erstellen” Button. Dort wählt man “Farbton/Sättigung” aus.

farbton.jpg

Nun muss die Option bei Farbton/Sättigung “Färben” ausgewählt werden. Bei Farbton wird der Wert “215″ und bei der Sättigung “25″ eingestellt. Dies kann aber je nach Bild und ausgewählte Farbe variieren. Wenn die erledigt ist einfach auf OK in der Dialogbox klicken.

Schritt 10: Hintergrundebene duplizieren

radial.jpg

Für den radialen Weichzeichnungsfilter wird die Hintergrundebene nochmals dupliziert. Dazu muss die Hintergrundebene aktiviert bzw. ausgewählt sein. Nun wählt man Ebene -> “Ebene duplizieren…” aus. Die neu erstellte Ebene wird umbenannt in “Radialer Weichzeichner“.

Schritt 11: Radialer Weichzeichnungsfilter setzen

Die neue Ebene “Radialer Weichzeichner” muss aktiviert sein. Nun über Filter -> Weichzeichnungsfilter -> Radialer Weichzeichner auswählen.

radial1.jpg

Die Stärke gibt man einen Wert von “40” an. Bei Methode wird “Strahlenförmig” und bei Qualität “Sehr Gut” aktiviert. Der Mittelpunkt ist der Ursprung des Weichzeichners. Da das Bild auf dem der Hauptfokus nicht in der Mitte von dem Hintergrund sitzt wird der Mittelpunkt nach links verschoben. Dies ist aber je nach Motiv unterschiedlich. Wer mit seinem Ergebnis nicht zu frieden ist macht die Auswahl des Filters rückgängig und wählt diesen erneut aus, bis das Ergebnis überzeugt.

dd1.jpg

Schritt 12: Deckkraft Radialer Weichzeichnungsfilter mindern

deck.jpg

Da der Effekt von dem ausgewählten Filter sehr stark ist, wird dieser über die Deckkraft gemindert. Die Ebene “Radialer Weichzeichner” muss ausgewählt sein. Nun wird bei Deckkraft ein Wert zwischen 55% und 65% ausgewählt. 60% ist ein guter Mittelwert und erzielt hier das beste Ergebnis.

fertig.jpg

Mit diesen 12 Schritten ist das Tutorial nun auch schon beendet. Viel Spaß beim experimentieren! (Bilder + Text copyright by Studio5555 / Philipp Thom)

Related Posts with Thumbnails
  • Twitter
  • Facebook
  • StumbleUpon
  • Digg
  • del.icio.us
  • MisterWong
  • Technorati
  • Google Bookmarks
  • Webnews.de

Ähnliche Beiträge

{ 22 comments… read them below or add one }

Besim 5. Februar 2008 um 14:31

Super Tutorial!
Werde es demnaechst mal ausprobieren und auf meinem Blog verlinken.

Gruß, Besim

Alina 3. April 2008 um 15:54

Hallo, vielen Danke, hat mir bei meiner Arbeit für die Schule sehr geholfen :-)
Habe Kunst/Neue Medien gewählt und konnte damit echt punkten ;-) haha
Liebe Grüße !

Hexmaster 2. Mai 2008 um 12:58

Ich hatte in Google danach gesucht, wie ich bei einem Bild im Bild die Größe ändern kann und bin dabei auf dieses Tut gestoßen. Der Effekt schaut echt Klasse aus, ich hab das dann mal gleich ausprobiert. Das fertige Bild sah auch sehr gut aus. Für mich war aber wichtiger, ich hab wieder viel gelernt, wegen Photoshop Bedienung, Ebenen etc. Danke für diese gelungene Anleitung.

MfG

any 20. Juni 2008 um 17:35

hallo, super Tutorial.
Dank der guten schrittweisen Erklärung hab ich bei meinem Foto ein super Ergebnis erreicht.
Vielen Dank!
gruss any

VisitOr 26. Juli 2008 um 10:45

Grü6 dich,

eine wirklich sehr gut beschriebenes Tutorial. Einfach, sauber und gut verständlich.
Das Ergebnis ist Top.
Vielen lieben Dank dafür :)

MfG

Bienchen 30. Juli 2008 um 22:26

Super erklärt: Vielen Dank!

Andy 20. August 2008 um 08:19

Irgendwie funktioniert das bei mier nicht richtig. Kann mir jemand sagen was ich falsch mache… nach dem Radialen Weichzeichnungsfilter, ist bei mir immer das ganze Bild verzogen und nicht nur des äussere Teil.
Wäre froh um Hilfe!

Michael 28. August 2008 um 14:26

Perfekt

Vielen Dank

Nicole 20. September 2008 um 21:17

Herzlichen Dank für das Tutorial! Es war einerseits lehrreich und andererseits genau beschrieben. Das hab sogar ich geschafft.

Schmolly 15. Oktober 2008 um 16:52

Guten Tag
hammer tutorial……
sogar ich als anfänger habs damit hinbekommen mit nem super ergebnis….
Danke
bitte mehr davon

Majo 16. Januar 2009 um 18:36

Hallo und vielen Dank für das Tut !!

Ich habe es gleich benutzt, um meine erste Aktion in Photoshop zu machen.
Und es funktioniert sogar. Wenn jemand die Aktion haben will, kann er sich melden.

nochmals herzlichen Dank für die Mühe

FlachZ 23. Januar 2009 um 21:16

is richtig easy und sieht am schluss sau geil aus :)

Frau Ö 24. April 2009 um 23:34

super tutorial – bin über google auf euch gestoßen und obwohl ich ziemlich fit bin in ps hab ich noch was dazugelernt ;)
DANKE

xxx 14. Juni 2009 um 19:27

Hallo,
ich hab heute Photoshop das erste Mal geöffnet und benutzt und auf Anhieb eure Anleitung verstanden. Gibts ncoh mehr davoN?

Curl 9. Juli 2009 um 14:12

Das ist ein super Tutorial! Klasse erklärt, sogar wenn man ein wenig blond ist *g*. Daumen hoch! Danke.

Stefan 21. August 2009 um 09:49

Wie geht das mit mehreren Rahmen ?
kriegt das nicht hin :*(

Malte 9. September 2009 um 14:42

Sehr geniales Tutorial!
Vielen Dank!!!

vertreter 15. September 2009 um 21:09

Könnte ich dieses Bild bekommen wo der type mit dem BMX zu sehen ist?

Braäuchte das Bild für ein kleines tutorial

Wigold 2. Oktober 2009 um 18:36

Das Tutorial ist echt spitze… Selten so ein gut geschriebens Tutorial gesehen.
Kann man alles perfekt nachstellen und auch nachvollziehen.
Habe mal versucht, anstelle der Rechteckigen Rahmens ein Hochzeitsbild mit Eheringen bzw. mit einem Herz zu generieren…. habe das aber nicht richtig hinbekommen. Vielleicht hast Du ja einen Tipp?
Problem ist, dass das Herz und die Ringe als Rasterbild eingefügt sind
MfG

Mini 10. Oktober 2009 um 16:16

Das tutorial ist mir irgendwie immer missglückt immer wenn ich den rahmen erstellen wollte blieb er nur einen pixel breit kann mir das jemand erklären?

Phil 22. Januar 2010 um 14:25

Hey,

ich muss sagen, das ist ein SUPER Tutorial: Übersichtlich, Anwenderfreundlich und das Resultat ist klasse! Danke!

Stefan 9. Februar 2010 um 08:59

…hab es auch paar mal genau nach Anleitung aber ohne Erfolg probiert. Scheiterte sicher an meinem PS7.
Hab es dann aber mit Ebenenmaske auch hin bekommen. Trotzdem interessant dein Tutorial.

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: