Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 3.000 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 1.900 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 2.200 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.
  • Registriere dich bei uns und du erhältst die Selection-DVD mit über 24 Stunden Video-Trainings zu Photoshop, InDesign uvm. als Download gratis (sofern Newsletter aktiviert). 

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Jetzt kostenlos registrieren!

DVD-Werbung
Passend zum Inhalt empfehlen wir:

Photoshop-Workshop-DVD - Retusche & Composing

  • 100 Tutorials zu Retusche & Composing
  • 34 Stunden Video-Training, über 3.300 PDF-Seiten Know-how
  • Alle Tutorials sind als HTML für die Webansicht und als PDF für die Web- und Druckansicht optimiert.
Jetzt informieren Trailer ansehen

Kommentare

  • Alternative Portrait von KFreund

    KFreund

    07.04.2013 - 18:11

    Ganz schön aufwendig, aber toller Effekt.

  • Alternative Portrait von homerbear

    homerbear

    08.02.2013 - 15:25

    hat spaß gemacht vielen dank! :)

  • Portrait von schwarzwaldhase

    schwarzwaldhase

    07.02.2013 - 08:16

    Tolles TUT, werde ich gleich ausprobieren, Danke!

  • Alternative Portrait von fischmithut

    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

    Harvester

    18.12.2012 - 10:17

    Sehr gut. Danke für die Grundlagen.

  • Alternative Portrait von gabphoto

    gabphoto

    14.11.2012 - 15:46

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

  • Alternative Portrait von Kreintuleb

    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

  • Portrait von BR38

    BR38

    07.10.2012 - 15:18

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

  • Alternative Portrait von steini2k

    steini2k

    04.10.2012 - 09:07

    Gut erklärtes TUT vielen dank

  • Portrait von zeitglas

    zeitglas

    28.09.2012 - 11:28

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

  • Alternative Portrait von gutenmorgenhans

    gutenmorgenhans

    27.09.2012 - 19:55

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

  • Portrait von cuco-m

    cuco-m

    12.08.2012 - 21:44

    Tolle idee werd ich mal ausprobieren
    Danke

  • Alternative Portrait von TRBN

    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...

  • Alternative Portrait von Knallelli8

    Knallelli8

    12.08.2012 - 13:31

    Sehr gut erklärt. Danke

  • Portrait von Vampi

    Vampi

    12.08.2012 - 07:44

    Nice, gutes Tutorial

  • Alternative Portrait von Bauer_Lindemann

    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

      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!

  • Alternative Portrait von eltohami

    eltohami

    11.08.2012 - 00:48

    Danke für die gut nachvollziehbare Erklärung.

  • Portrait von shanie

    shanie

    10.08.2012 - 12:37

    Vielen Dank, super! glg

  • Alternative Portrait von Steve007

    Steve007

    10.08.2012 - 11:23

    Vielen Dank für das gute TUT.

    Das workfile-zip konnte ich mit 7Zip problemlos öffnen, vielen Dank für den Tipp (s. weiter unten)

    Gruß Steve



    geändert von Steve007 am 10.08.2012 - 11:23
Weitere Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


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ü Auswahl>Auswahl 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 Filter>Weichzeichnungsfilter>Gauß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
Drupal Programmierung • vBulletin 0.048 • ZF-App 0.635 • Total 0.683