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 Sansieju
  • 09.08.2012 - 19:25

Wow.
Wirklich super detailliertes Tut. :)
Und einige Infos hab ich sogar noch gar nicht gewusst, dass man das so einfach hinkriegen kann.
Vielen Dank. :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.08.2012 - 18:33

Vielen Dank für das ausführliche Tutorial.
Gruß

Portrait von jenni
  • 09.08.2012 - 18:30

nichts gegen dein Tut an sich reckordzeitstudio

aber ein Tut was es hier schon lange gibt unter der Überschrift Neue Tutorials, Video-Trainings blablabla…
ein weiteres mal zu veröffentlichen nur weil man es diesmal Punktefrei bekommt

muss man das nun verstehen ?

Portrait von confusions
  • 09.08.2012 - 22:37

Zitat reckordzeitstudio: "Da lief was schief - zu eurem Gunsten ;)"

wie er mir weiter vorne selbst schrieb. Scheint nicht so geplant gewesen zu sein.

Portrait von Heike
  • 09.08.2012 - 18:29

Danke. Sehr verständlich, gut nachzubauen.

Portrait von Zawadine
  • 09.08.2012 - 18:22

Vielen Dannk für das Tutorial, leider ist Die Datei Arbeitsmaterial nicht zu öffnen.

Portrait von dirtiharri
  • 09.08.2012 - 17:49

leider lässt sich das ZIP bei mir nicht öffnen... Der Ordner ist zwar 50.595 KB groß, aber angeblich leer...

Portrait von confusions
  • 09.08.2012 - 17:55

bei mir klappts. einfach nochmal probieren und bis zum sichheren abschluss des downloads warten. ist ev. was schief gelaufen.

Portrait von reckordzeitstudio
  • 09.08.2012 - 17:55

Hallo,
ich habe gerade die ZIP-Datei selbst nochmal von hier runtergeladen und sehe das Bild und die beigefügte PSD-Datei. Weiß also nicht, warum es bei dir angeblich leer anzeigt...

Portrait von ACWebmaster
  • 09.08.2012 - 18:06

Mein Zip-File hat die angegebenen 49,4 MB. Wenn ich es mit dem Windows Explorer öffnen will bekomme ich aber eine Fehlermeldung, dass das File ungültig sei. Mit WinRAR hingegen kann ich es entpacken.
Normalerweise kann ich jedes .zip File von PSD-Tutorials.de auch mit dem Windows Explorer entpacken. Auch nach einem neuen Download hat sich die Situation nicht verändert. Aber solange es zumindest mit WinRAR funktioniert macht das ja nichts.

Portrait von dirtiharri
  • 09.08.2012 - 18:31

Yep... hab mir WINRAR runtergeladen und es funzt... Danke für den Tipp... wäre trotzdem schön, wenn ZIPs mit den Standard-Tools entpackt werden könnten...

Portrait von fneurieser
  • 09.08.2012 - 19:10

hallo,
auch mit 7z funktioniert es einwandfrei. es sieht tatsächlich so aus, dass der windows-explorer hier nicht mitkommt.

Portrait von confusions
  • 09.08.2012 - 17:47

vielen dank auch!!
ABER: Warum wird das heut eig. punktefrei vergeben, es wurde noch, nach den Kommentaren zu urteilen, schon lange frei geschaltet. Und eine verknüpfte Videodatei sehe ich auch nicht???

aber ich will mich ja nicht beschweren (sicher nicht!!). Prima gemacht, toll beschrieben und sehr hilfreich. Allerbesten Dank & Grüße

confusions

Portrait von reckordzeitstudio
  • 09.08.2012 - 17:56

Hallo,
eine Video-Datei gibt es dazu nicht. In der beigefügten ZIP-datei befindet sich das Ausgangs-Bild, sowie die komplette PSD-Datei zum Nachschauen, was ich gemacht habe...

Gruß

reckordzeitstudio

ps.: zum kostenlosen Download: Sei doch froh ;-)

Portrait von confusions
  • 09.08.2012 - 18:01

bin ich ganz bestimmt bei dem tollen Tut. Hatte mich nur gewundert. Nicht dass was falsch gelaufen ist.

Beste Grüße & thx
confusions

Portrait von reckordzeitstudio
Portrait von ragpicker
  • 09.08.2012 - 17:27

Ich habe es schon mal mit einem andere Tutorial versucht, aber es gibt ja immer mehrere Wege. Danke für das Tutorial

Portrait von Crushi
  • 09.08.2012 - 17:18

Klasse. Schön/gut beschrieben Danke

Portrait von MaoMao
  • 09.08.2012 - 17:08

Bin schon lange auf der Suche nach einer guten Tutorial, jetzt ist meine Suche beendet.

Danke für die Arbeit die du dir mit diesem Turorial gemacht hast

Portrait von ConnyNRW
  • 05.03.2012 - 22:12

Diese Aktion ist echt der Hammer.Dafür hätte man eigentl. noch mehr an Punkte verlangen können/müssen.Die Anleitung ist sooo super beschrieben und echt auch was für Anfänger, da wirklich jeder einzelne Schritt beschrieben ist.Egal wie wo was, man kommt super durch.Vielen Dank für diese super Aktion.

Mehr anzeigen

x
×
×