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

Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von achimos
  • 09.08.2009 - 20:35

was hat das denn damit zu tun? natürlich sind das nur denkansätze, meiner meinung nach könnten die "denkansätze" ein ansprechenderes entergebniss vertragen.

Die ansätze find cih gut, das endergebnis ncih. wie unten schon geschrieben ("wer lesen kann ist klar im vorteil")

Portrait von achimos
  • 09.08.2009 - 19:27

Ich will ja die allgemein positive Grundstimmung nicht zerstören... aber ich muss dir ehrlich sagen das mir das Endergebniss gar nciht zusagt. Schönes Tutorial und auch schöne freistelltechniken. Aber mit "aus dem bild springen" hat das wenig zu tun. einfach weil zwischen dem menschen und dem BIld kein zusammenhang besteht. Zum Beispiel hätte der Mensch noch zum Teil im Bild sein müssen. Auch das mit dem Licht... es können ja durchaus deine Gedanken sien, die müssen auch nicht schlecht oder verkehrt sein, aber die Gedanken muss auch der Betrachter begreifen.
Aber trotzdem gut geschrieben und schöne Techniken.
bis dahin, lg achim

Portrait von Hades13
  • 09.08.2009 - 17:49

Daumen hoch, weiter so.

Portrait von dapoldi
  • 09.08.2009 - 14:12

Klasse gmacht, da tue ich mal was - danke

Portrait von Christiane77
  • 09.08.2009 - 09:04

Dieses tut hat mir super Spaß gemacht. Ich kann es auch für Anderes gut gebrauchen. (blutige Anfängerin)

Portrait von mohnhaupt
  • 09.08.2009 - 07:08

So ein tolles Tutorial, 6 Sterne von mir!!!

Portrait von Sonnenblume77
  • 09.08.2009 - 03:07

Danke, hat viel Spass gemacht!

Portrait von petervtr
  • 08.08.2009 - 23:09

Schön erklärt, ein feines tut

Portrait von Bluminho
  • 08.08.2009 - 22:54

super Idee! werde ich auf jeden Fall mal bookmarken

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 08.08.2009 - 21:41

schönes tut, danke für die mühe :)

Portrait von wknetpublishing
  • 08.08.2009 - 18:09

Einwandfreie Arbeit, kann auch ein Anfänger gut nachvollziehen.

Portrait von Dragonsbreath81
Portrait von friendofgermany
Portrait von baria
  • 08.08.2009 - 14:36

Sehr guter Workshop - vor allem, weil man eine schnelles und zufriedenstellendes Ergebnis nach kurzer Zeit erzielen kann. Genau richtig für einen Anfänger zur Förderung der Motivation. Danke!

Portrait von wotyhn
  • 08.08.2009 - 13:10

Haste gut gemacht und ist bestimmt auch für jeden Anfänger gut nachbaubar.
Aber Guleum hat recht, da du den Sportler komplett vom Hintergrund gelöst hast hättest du ihn auch gleich in eine andere Scene setzten können.

Gruß Jan

Portrait von Nepumuk
  • 08.08.2009 - 13:08

Klasse Idee und super umgestzt.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 08.08.2009 - 12:18

Schön ausführliches Tutorial.
Du hast den Sportler und seinen Schatten echt gut verschwinden lassen finde ich.
Aber theoretisch, hätte man den Sportler doch auch einfach aus dem Bild freistellen und dann ein ganz anderen Hintergund nehmen können.
Also einen Hintergrund, an dem überhaupt nichts verändert oder wegkopiert werden muss. Dann spart man sich den Schritt.
Aber wie gesagt, echt gutes Tutorial.

Portrait von Imorah
  • 08.08.2009 - 12:07

nettes tutorial, gut erklärt. für anfänger geeignet

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 08.08.2009 - 12:06

Danke, ganz tolles tut, werde versuchen weiter daran zu experimentieren

Portrait von tschini_2903
  • 08.08.2009 - 11:45

schönes Tutorial, vielen Dank für Deine Mühe

Mehr anzeigen

x
×
×