Anzeige
Tutorialbeschreibung

Out of Bounds - aus dem Rahmen gesprungen

Out of Bounds - aus dem Rahmen gesprungen

In diesem Beginner-Tutorial möchte ich euch zeigen, wie ihr euer eigenes "Out of Bounds"-Bild erstellen könnt. Ich zeige es an einem Beispiel, ihr könnt es allerdings bei jedem anderen Bild ebenso anwenden. Es werden viele Photoshop-Grundlagen erklärt, wie z. B. das Anlegen einer Ebene, einfache Schatten malen und das Arbeiten mit dem Kopierstempel-Werkzeug. Ich hoffe, ihr habt viel Spaß beim Tutorial und dem Erstellen eures eigenen "Out of Bounds - aus dem Rahmen gesprungen"-Bild. Mehr zum Autor: http://www.facebook.com/reckordzeitstudio


Das Ausgangsbild:

"Sprung.jpg" ist in den Arbeitsdateien in voller Auflösung enthalten.

Bilder


 
 

Schritt 1:

Wir haben unser Ausgangsbild (Sprung.jpg) in Photoshop geöffnet und beginnen nun Schritt für Schritt mit der Bearbeitung. Als Erstes duplizieren wir die Hintergrundebene. Das hat zwei Gründe:

• Dieser Schritt dient immer als Bild-Sicherung, da wir ab jetzt die Hintergrundebene ausblenden können und sie somit unangetastet bleibt.
• Später in diesem Tutorial werden wir die Bild-Ebene verzerren müssen, was mit der Hintergrund-Ebene nicht funktionieren würde, da sie fixiert ist.

Bilder


 
 

Schritt 2:

Nun stellen wir den Sportler, den Karate-Kämpfer, frei. Dazu wählen wir in der Werkzeugpalette den Zeichenstift (P) aus und umranden ihn. Mehr Infos zum Einsatz des Zeichenstift-Werkzeugs findet ihr in anderen Tutorials auf PSD-Tutorials.de. Solltet ihr eine andere Freistell-Methode bevorzugen, so ist diese natürlich genauso gut und brauchbar, das Zeichenstift-Werkzeug ist nur eben eine Methode, die bei diesem strukturierten Bild sauber funktioniert und die ich daher hier verwende.

Bilder


 
 

Schritt 3:

Wenn die Person nun komplett umkreist ist, klicken wir mit der rechten Maustaste und aktiviertem Zeichenstift in das Bild und sagen Auswahl erstellen ...

Bilder


 
 

Schritt 4:

Als Radius wählen wir 1 Pixel, erstellen eine neue Auswahl und achten aber darauf, dass die Ebene "Hintergrund Kopie" ausgewählt ist.

Bilder


 

Schritt 5:

Nun haben wir eine Auswahl um die Person erstellt und können daraus eine neue Ebene erstellen - über das Tastenkürzel Strg+J oder über das Menü (s. Bild):

Bilder


 
 

Schritt 6:

Jetzt haben wir drei Ebenen in unserer Ebenenpalette, von denen aber momentan nur die Ebene "Hintergrund Kopie" aktiv (blau markiert) und eingeblendet (Augen-Symbol sichtbar) ist.

Bilder


 
 

Schritt 7:

Was nun kommt, macht mir persönlich sehr viel Spaß, erfordert aber auch ein wenig Übung, und zwar werden wir jetzt mit dem Kopierstempel-Werkzeug (S) auf der Ebene "Hintergrund Kopie" den Sportler sowie auch seinen Schatten entfernen, bzw. "wegstempeln". Hierzu ist eine weiche runde Pinselspitze von Vorteil. (Anmerkung: Mit Alt+Klick Farbe aufnehmen, Klick ohne Alt Farbe hinpinseln).

Bilder


 
 

Schritt 8:

So oder so ähnlich wird das Bild dann aussehen, nachdem wir die Person sowie den dazugehörenden Schatten weggestempelt haben:

Bilder


 
 

Schritt 9:

Als nächsten Schritt werden wir den Rahmen erstellen, der später das Bild einrahmen soll, aus welchem der Sportler "herausspringt". Hierzu benötigen wir das Tastenkürzel Alt+Strg+C oder folgen dem Menü wie im folgenden Screenshot gezeigt:

Bilder


 
 

Schritt 10:

Wir nehmen folgende Einstellungen vor:

Bilder


 
 

Schritt 11:

Da der Rahmen nun aber unsichtbar ist, weil wir vorhin die Hintergrundebene ausgeblendet haben, müssen wir jetzt das Füll-Werkzeug (G) auswählen, als Vordergrundfarbe Weiß einstellen (außer, ihr wisst, dass euer Foto-Rahmen anders aussehen soll!?) und die transparente Fläche mit der ausgewählten Farbe füllen.

Bilder


 
 

Schritt 12:

Das Bild soll perspektivisch werden; dazu achten wir wieder darauf, dass unsere "Hintergrund Kopie"-Ebene ausgewählt ist, wählen in der Werkzeugpalette das Verschieben-Werkzeug (V) und klicken auf einen Endpunkt des Bildes.

Achtet bitte auch darauf, dass der Haken bei Transformationssteuerungen gesetzt ist, da sonst keine Eckpunkte erscheinen.

Bilder


 
 

Schritt 13:

Mit gedrückter Strg-Taste und dem Klick (inklusive Ziehen) auf einen Endpunkt können wir nun das Bild perspektivisch verzerren. Ihr könnt dann auch die Strg-Taste loslassen und die Größe durch das Ziehen verändern oder die Verzerrung mit den Tasten Alt und Umschalt (jeweils mit Ziehen) erzielen. Hier solltet ihr ein wenig testen, wann es nach eurem Geschmack am besten aussieht. Bitte bestätigt eure Verzerrungen mit Enter oder einem Klick auf den Haken in der oberen Leiste.

Bilder


 
 

Schritt 14:

Der Sportler wird jetzt wieder eingeblendet und ein wenig vergrößert. Die Sportler-Ebene muss hierzu ausgewählt sein (blau markiert). Dann könnt ihr ihn vergrößern und verkleinern, wie ihr es möchtet. In Schritt 13 ist das Verzerren erklärt. Der Klick auf die Umschalttaste wird hier am sinnvollsten sein, da er das richtige Seitenverhältnis beibehält. Bestätigen der Transformierung nicht vergessen!

Bilder


 

Schritt 15:

Um ein wenig Hintergrund-Farbe zu erstellen, wählen wir die Hintergrund-Ebene aus und klicken Umschalt+Strg+N, um eine neue leere Ebene zu erstellen, oder folgen dem Menü:

Bilder


 
 

Schritt 16:

Hier müssen wir nichts verändern, einfach nur bestätigen:

Bilder


 

Schritt 17:

Die neu erstellte Ebene füllen wir nun mit einer Farbe, einem Verlauf oder einem Muster nach Wahl; ich habe ein mittleres Grau gewählt, damit es recht dezent bleibt.

Bilder


 
 

Schritt 18:

Nun kommen wir zu den Schatten. Dazu wählen wir das Polygon-Lasso-Werkzeug (evtl hinter dem Lasso-Werkzeug versteckt) und erstellen ein Dreieck wie auf dem Screenshot gezeigt auf einer neuen Ebene, die wir über der Hintergrund-Farben-Ebene erstellt haben. Wie eine Ebene erstellt wird, steht in Schritt 15.

Bilder


 
 

Schritt 19:

Diese Auswahl füllen wir mit dem Füllwerkzeug und der Vordergrundfarbe Schwarz.

Bilder


 
 

Schritt 20:

Die Auswahl heben wir mit Strg+D auf oder folgen dem Menü AuswahlAuswahl aufheben.

 

Schritt 21:

Die Ebene mit dem schwarzen Dreieck ist jetzt aktiv. Da der Schatten aber noch nicht aussieht wie ein Schatten, werden wir ihn weichzeichnen über FilterWeichzeichnungsfilterGaußscher Weichzeichner und folgende Einstellungen:

Bilder


 
 

Schritt 22:

Da der Sportler aus dem Bild heraus und nicht hineinspringen soll, spiegeln wir ihn einfach horizontal:

Bilder


 

Schritt 23:

Auf einer neuen Ebene zwischen "Hintergrund Kopie" und dem Sportler malen wir mit einem weichen Pinsel einen schwarzen Schatten (s. Bild) und zeichnen ihn noch etwas weich mit dem Gaußschen Weichzeichner, allerdings mit kleineren Werten als beim großen Schatten:

Bilder


 
 

Schritt 24:

Damit das Bild auch noch einen Titel bekommt, wählen wir das Text-Werkzeug (T) aus und klicken damit mitten ins Bild, während unsere soeben erstellte Schatten-Ebene aktiviert ist. Achtet darauf, dass die Vordergrundfarbe nicht Weiß ist, da man sie sonst auf dem Bilderrahmen nicht sehen würde. Als Text habe ich "Aus dem Rahmen gesprungen" gewählt.

Bilder


 

Schritt 25:

Wenn ihr den geschriebenen Text markiert, könnt ihr noch die Farbe, Schriftart und Schriftgröße verändern.

Bilder


 
 

Schritt 26:

Den Text könnt ihr jetzt genauso verzerren, wie ihr das mit den Bildern in Schritt 13 + 14 gemacht habt.

Bilder


 
 

Schritt 27:

So, nun noch kleine "Schönheitsreparaturen": Aktiviert die Sportler-Ebene und klickt unten auf das Symbol Ebenenmaske hinzufügen in der Ebenenpalette.

Bilder


 
 

Schritt 28:

Mit einem sehr kleinen und sehr weichen schwarzen Pinsel können wir nun noch kleinere störende Ränder von unserem Kampfsportler entfernen. In meinem Fall habe ich solche Ränder z. B. noch am ausgestreckten Bein oder am Kopf.

Bilder



Und damit sind wir auch schon durch mit unserem Tutorial zum Thema "Out of Bounds - aus dem Rahmen gesprungen".
 
 
So kann dann unser Endergebnis aussehen:

Bilder



Die Arbeitsdatei ist nicht allzu groß, da wir fast alles selbst erstellt haben. Es befindet sich darin lediglich meine fertige Version als bearbeitbare PSD-Datei sowie das Original-Bild in voller Auflösung zum Nachbauen. Bei dem Sportler handelt es sich um einen guten Freund von mir, dem ich hiermit auch noch danken möchte, dass ich das Bild bearbeiten durfte, um das Tutorial zu erstellen.

Das Urheberrecht des Bildes liegt bei mir, das Personenrecht bei ihm. Bitte beachtet, dass ihr das Bild ausschließlich zum Nachbauen des Tutorials nutzen dürft. Eure Nachbau-Ergebnisse dürft ihr dann auch bei PSD-Tutorials.de zeigen. Solltet ihr andere Pläne mit dem Bild haben, bitte ich euch, mich hier im Forum zu kontaktieren, damit man weitere Absprachen treffen kann.
 
 
Noch eine Anmerkung zum Schluss: Die Techniken, die ich hier im Tutorial vorstelle, sind nur Ideen, wie man es umsetzen könnte. Solltet ihr andere Methoden kennen und beherrschen, so könnt ihr diese natürlich genauso anwenden. Die einzelnen Schritte sind nur als Leitfaden gedacht.

Ich hoffe, es ist alles nachvollziehbar und hat euch allen Spaß gemacht.

Gruß

RZS

PS: Mehr Bilder, Tutorials und Co. auf Facebook: http://www.facebook.com/reckordzeitstudio oder auf meinem Blog: www.reckordzeitstudio.blogspot.com

DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Kraehenkind
  • 03.07.2014 - 11:27

Danke, so etwas kann ich gut gebrauchen!!

Portrait von MyMusicLove
  • 01.03.2014 - 21:24

Selbst mit nicht viel Photoshop Erfahrung kann man, dank der Schritt-für-Schritt-Anleitung alles nachvollziehen und anwenden. Danke für das Tutorial :)

Portrait von jarheadbln
  • 02.06.2013 - 10:42

Super Tutorial, genau das was ich gesucht habe.

Vielen Dank !

Portrait von KFreund
  • 07.04.2013 - 18:11

Ganz schön aufwendig, aber toller Effekt.

Portrait von homerbear
  • 08.02.2013 - 15:25

hat spaß gemacht vielen dank! :)

Portrait von schwarzwaldhase
  • 07.02.2013 - 08:16

Tolles TUT, werde ich gleich ausprobieren, Danke!

Portrait von fischmithut
  • 26.12.2012 - 15:03

Der hier beschriebene Weg ist ist der bisher von mir favorisierte zu diesem Thema. Zudem auch noch sehr im Detail nachzuvollziehen. Danke.

Portrait von Harvester
  • 18.12.2012 - 10:17

Sehr gut. Danke für die Grundlagen.

Portrait von gabphoto
  • 14.11.2012 - 15:46

Vielen Dank für das gut erklärte und ausführliche Tutorial.

Portrait von Kreintuleb
  • 17.10.2012 - 09:54

Danke für die Hilfe und ich denke es ist gut Schritt für Schritt erklärt ... als daenn

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 07.10.2012 - 15:18

Danke. Es ist wunderbar erklärt. So sollte sich der Erfolg bald einstellen.

Portrait von steini2k
  • 04.10.2012 - 09:07

Gut erklärtes TUT vielen dank

Portrait von zeitglas
  • 28.09.2012 - 11:28

Hallo und Danke, gesucht = psd tutorials = gefunden, Klasse!!!

Portrait von gutenmorgenhans
  • 27.09.2012 - 19:55

Vielen Dank für das tolle TUT. Ich muss das gleich mal ausprobieren.

Portrait von cuco-m
  • 12.08.2012 - 21:44

Tolle idee werd ich mal ausprobieren
Danke

Portrait von TRBN
  • 12.08.2012 - 17:23

Gutes Tutorial.
Auch wenn ich mir unter dem Titel etwas anderes vorgestellt habe. Aber das liegt wohl an meinem eigenem Unwissen...

Portrait von Knallelli8
  • 12.08.2012 - 13:31

Sehr gut erklärt. Danke

Portrait von Vampi
  • 12.08.2012 - 07:44

Nice, gutes Tutorial

Portrait von Bauer_Lindemann
  • 11.08.2012 - 09:30

Ich finde sehr Interessant wie viele das Tut für gut empfinden.
OK ich aber nicht, weil die Arbeitsdatei sich nicht öffnen lässt, es kommt der Fehler:
"Der Zip-komprimierte Ordner tutorial-workfile-1837.zip auf xyz" ist ungültig.
und das habe ich 3 mal versucht, weil ich dachte das ich einen Fehler gemacht hätte,
nur leider ist es nicht so gewesen. Die PDF Datei hat funktioniert nur die zip-Datei nicht.
Also muß mit der zip Datei etwas nicht stimmen.
Gibt es vieleicht eine Lösung???
PS.: ich habe die Komplette Datei (PDF und ZIP) für eine Bekannte benötigt.

Portrait von reckordzeitstudio
  • 12.08.2012 - 17:26

Bei mir, sowie bei anderen Usern hier, hat es geklappt die ZIP-Datei mit WIN-RAR zu öffnen.. Vllt probierst du es auch mal damit? Viel Erfolg!

x
×
×