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:

Das große Texturenpaket - 3.000 Texturen

  • einsetzbar für Flyer, 3D-Modelle, Website- und Grußkartenhintergründe
  • Texturgröße: 1200 x 1200 Pixel, im JPG-Format, hochauflösend und nahtlos kachelbar
  • Texturen können privat und auch in kommerziellen Kundenprojekten genutzt werden
Jetzt informieren

Kommentare

  • Alternative Portrait von philipp

    philipp

    27.11.2012 - 11:39

    super tut! verständlich beschrieben.. hat mir geholfen :)

  • Portrait von deadcry

    deadcry

    31.10.2012 - 20:10

    bin vollkommender einsteiger...mal schaun ob mir dein tutorial bei den ersten schritten helfen kann =) das ergebnis schaut auf jedenfall klasse aus =)

  • Alternative Portrait von wuki

    wuki

    13.08.2011 - 18:41

    sehr intressant danke

  • Alternative Portrait von LogBoGgED

    LogBoGgED

    21.01.2011 - 13:41

    Vielen Dank für dieses klasse Tutorial! Hab ich mir vor einigen Monaten schonmal angesehen aber damals für zu schwierig empfunden auf den ersten Blick. Ich dachte mir "what the ****, wieso muss man für so ne Kleinigkeit so viel einstellen?" aber jetzt hab ich mir das nochmal angeschaut und sooo kompliziert ist das eigentlich garnicht.
    Nur, kann man das nicht trotzdem einfacher lösen? Wie beispielsweise ein User schon gefragt hat über die Kameraeinstellungen oder so?

    Ansonsten hier noch eine kleine Erklärung für all diejenigen die im Vordergrund auch noch Unschärfe haben wollen (das geht nämlich ratzfatz):

    Einfach mit gedrückter CTRL-Taste auf den Verlauf im Color Ramp klicken (oder auf "Add") und diesen dann weiß färben, dann noch ein bisschen rum- und numschieben und fertig ist der tolle Effekt ;-)


    Noch eine Frage:

    Kann man mit dieser Art, Unschärfe zu erzeugen, die Einstellungen irgendwie mit Keyframes ändern, also sprich dass man eine Kamerafahrt nach vorne macht und gleichzeitig den Fokus verlagert?

    Viele Grüße
    Andy Bee

    • Alternative Portrait von LukasVideosify

      LukasVideosify

      15.08.2011 - 00:27

      Du kannst in Blender alles keyframen. Du musst nur jeweils über die Box gehen und auf der Tastatur "i" drücken. Durch eine Verlagerung des Verlaufs wie du es ja auch schon in Form einer Umkehrung für den Vordergrund gemacht hast, ist das sicher rein prinzipiell möglich. Probier's doch einfach mal aus! :-)

  • Alternative Portrait von vertrauenermann

    vertrauenermann

    26.12.2010 - 22:10

    hat mir sehr geholfen.danke dir sehr

  • Alternative Portrait von Megaman1111

    Megaman1111

    17.10.2010 - 13:02

    Mich würde es auch interressieren ob man das mit IPO-Curves regeln kann.
    Sehr schön gemacht vielen Dank!

  • Alternative Portrait von manuss

    manuss

    03.09.2010 - 15:22

    Sehr schick und schön erklärt. Hat mir geholfen und ich habs vor allem gleich kapiert ;P

  • Alternative Portrait von KennyNed

    KennyNed

    23.08.2010 - 14:53

    Danke für das gut verständliche und vor allem in deutscher Sprache verfügbare Tutorial.

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    11.02.2010 - 22:44

    Super vielen Dank kann ich gut gebrauchen

  • Portrait von greenbeen

    greenbeen

    14.01.2010 - 12:58

    thx for the suuuuuper tutorial ^^

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    19.10.2009 - 12:40

    Ist dieser Effekt auch über die Camera einstellungen zu realisieren ?
    Ist es möglich Diesen Effekt auch über eine Animation (IPO... Interpolatin .... oder so) zu steuern ?

  • Alternative Portrait von Saladin

    Saladin

    24.09.2009 - 22:58

    Super, vielen Dank das hat mir gerade sehr weiter geholfen

    • Portrait von Repenning

      Repenning

      08.08.2009 - 17:38

      Deine Frage hatte ich gar nicht mitbekommen, aber gut das jetzt alles klar ist, sonst hätte ich dirs jetzt erklärt :)

  • Alternative Portrait von eXtasy

    eXtasy

    05.08.2009 - 16:43

    Nur mal so eine Frage: Wie mach ich so eine spiegelde Fläche???

    • Alternative Portrait von eXtasy

      eXtasy

      08.08.2009 - 17:30

      Hat sich schon erledigt...

  • Alternative Portrait von Huebi88

    Huebi88

    22.07.2009 - 13:48

    Klasse Tutorial! Weiter so!

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    18.06.2009 - 17:09

    nice job...endlich mal gute tutorials

  • Alternative Portrait von Raistlin

    Raistlin

    28.05.2009 - 23:27

    Super Tutorial, danke vielmals

  • Alternative Portrait von Paramiracles

    Paramiracles

    19.05.2009 - 20:01

    Ein gutes Tutorial, bei dem das, was beschrieben wird, auch tatsächlich funktioniert (nach relativ wenigen Anläufen).

Weitere Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

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


Unschärfe im Hintergrund des Bildes

Zuallererst benötigen wir eine Szene. Dazu habe ich einfach eine flache Schale erstellt und mit dem >Array< Modifier in einer Reihe angeordnet. Eine spiegelnde Plane dient als Unterlage, Licht und Kamera wurden anschließend hinzugefügt.

Bilder

Bilder

Der Array Modifier ist ein sehr nützliches Tool, wenn es darum geht, viele Objekte derselben Art in einer bestimmten Art und Weise anzuordnen. In unserem Fall reicht ein einfacher Array mit den folgenden Einstellungen:

Bilder

Wie man sehen kann, habe ich zuvor den >Subsurf< Modifier verwendet. Er glättet die Strukturen und sorgt dafür, dass die Schale eine glatte Oberfläche hat.

Der verwendete Offset von X ist -4, da unsere Szene in die negative X-Richtung zeigt. Vergleicht man Constant und Relative Offset, sieht man deutliche Unterschiede.

Diese Unterschiede zeigen den Startpunkt des Array Modifier, und da der Subsurf Modifier die Schale etwas kleiner gemacht hat, sieht man beim Relative Offset auch einen ungeraden Wert für X, so dass letztendlich mit beiden Offsets dasselbe Ergebnis erzielt werden kann.
 

Dies wird dann erst einmal gerendert, damit im Zwischenspeicher ein Bild zur Weiterverarbeitung verfügbar ist! So sieht mein Beispiel aus:

Bilder

Dies als kleine Vorgeschichte.
 

Nun zum eigentlich Sachinhalt.

Bilder

Wir splitten das 3D View Fenster, indem wir mit der Maus zur Kante zwischen dem 3D View und dem Button Fenster fahren und dort die rechte Maustaste [RMT] betätigen.

Danach erscheint das kleine Menü Fenster, dort wählen wir dann Split Area aus. Es erscheint ein grauer schmaler Balken, der der Maus folgt. Wendet man ihn auf das 3D View Fenster an und klickt dann mit der linken Maustaste [LMT], wird das Fenster geteilt. Es erscheint ein zweites 3D View Fenster.


Dies ändert man im unteren linken Teil des Fensters.


Bilder

Dort drauf geklickt, erscheint ein Auswahlfenster, in dem wir den Node Editor auswählen.

In dem Fenster haben wir jetzt den Node Editor. In diesem klicken wir unten in der Auswahlleiste auf das kleine Gesicht, welches uns sagt, dass wir Composite Nodes verwenden werden, wenn wir darauf klicken. Dies wollen wir natürlich.

Daneben erscheinen drei Buttons: Use Notes, Free Unused und Backdrop.

Achtet darauf, dass Use Notes aktiviert ist.

Jetzt funktioniert auch die rechte Maustaste in dem Fenster, womit wir unsere Hilfsmittel auswählen können … es geht auch mit der Leertaste.

Jetzt können wir anfangen, unsere Unschärfe zu bauen.

Mit [RMT] wählen wir in dem erscheinenden Menü über (Add) -> (Imput) -> (Render Layers) aus.

BilderBilder

Das kleine Fenster, welches auftaucht, platziert sich automatisch. Mit [LMT] auf dem Header des Fenster kann es verschoben werden. Unten rechts kann die Größe des Fensters verändert werden, und wenn es aktiv ist, kann es mit [x] gelöscht werden.

Wenn man sein Werk schon einmal gerendert hat, taucht hier nun dasselbe Bild im Kleinformat innerhalb des Fensters auf. Ich habe nur einen aktiven Renderlayer, also taucht dieser hier auch sofort auf.

Als nächstes benötigen wir einen Vektor, mit dem wir beschreiben, ab welchem Punkt etwas mit dem Bild geschehen soll und wie groß dieser Punkt sein soll.

Wieder mit [RMT] wählt man nun über (Add) -> (Vector) -> (Map Value) aus.


Bilder

Bilder
 

Wie man dann sofort sieht, wird das neue Fenster sofort mit dem ersten Fenster verbunden. Dies wollen wir nicht, denn wir brauchen einen Z-Buffer. Dieser enthält später die Informationen, wie weit ein Objekt von der Kamera weg ist.

Daher klicken wir nun mit (LMT) in das Note Editor Fenster, zwischen die beiden erstellten Fenster, nahe der Verbindung. Lässt man [LMT] gedrückt und zieht etwas nach unten, erhält man einen Auswahlkasten mit einem Pinsel. Mit diesem fahren wir über die Verbindung und lassen los, das löscht die Verbindung.

Eine neue Verbindung erstellen wir nun, indem wir mit [LMT] auf (Z) im Renderlayer klicken, gedrückt halten und die Verbindung zum (Value) des Map Value Fensters führen und dann die Maustaste loslassen.

Bilder

Das Ergebnis sieht dann so aus. Aber damit ist noch nichts gewonnen, wir machen weiter.

Es wird nun ein Konverter benötigt. Diesen erhalten wir, indem wir mit [LMT] über (Add -> (Convertor) -> (ColorRamp) auswählen. Die Verbindung besteht mit Map Value automatisch.

Bilder

Bilder

Nun wird es spannend. Wir wollen sehen, was wir einstellen. Deswegen fügen wir noch ein Viewer Fenster ein, über [RMT] -> (Add) -> (Output) -> (Viewer). Solltet ihr keinen Platz mehr in dem Node Editor haben, könnt ihr mit dem Scrollrad die Größe des Editors einstellen und mit [Alt]+[LMT] euch innerhalb des Editors bewegen.


Bilder

Bilder

Das Viewer Fenster wird nun mit dem ColorRamp Fenster verbunden und sollte weiß sein, man sieht also erstmal nichts. Das ändern wir jetzt. Für meine Szene benötige ich im Map Value Fenster einen Offset: -10 und eine Größe von Size: 0.05 .


Bilder

Im ColorRamp Fenster klickt man nun [LMT] rechts in das schwarzweiße Farbband und zieht mit gedrückter Maustaste den Streifen etwas zur Mitte. Damit ändert man die Sichtweite.


Bilder

Damit verschwindet die hintere Kugel fast komplett und die vordere kommt in den Sichtbereich. Die zweite Kugel, meine zentrale Kugel, ist jetzt komplett im Sichtbereich.

Damit sind die Grundlagen für den wichtigsten Schritt getan. Nun kommt der Filter. Dieser wird mit [RMT] -> (Add) -> (Filter) -> (Blur) erstellt.


Bilder

Der Filter Blur macht das Bild unscharf. Wie stark, hängt von den Einstellungen (X) und (Y) ab und von den Eigenschaften, die man wählt. Ich habe für X: 10 und Y:10 gewählt, sowie als Eigenschaft (Gauss).

Wichtig sind noch die Verbindungen. (Image) vom RenderLayer zu (Image) vom Blur, (Image) vom ColorRamp zu (Size) vom Blur. Für das fertige Bild hab ich noch ein Composite Fenster, ebenfalls bei (Add) -> (Output) zu finden, an den Blur geknüpft.


Bilder

Wunderbar. Sieht alles gut aus. Alles richtig verknüpft. Kommt aber jetzt nicht auf die Idee, mit [F12] das Bild zu rendern. Ihr werdet keine Veränderung sehen. Es fehlt noch eine Kleinigkeit.
 

Bilder

Dazu klickt ihr auf eure Kamera und mit [F10] in den Szene Modus. Dort gibt es neben dem Render Bereich den Animations Bereich. In diesem müsst ihr (Do Composite) aktivieren.

Nun könnt ihr [F12] drücken und euch das Ergebnis anschauen.


Das wäre mein Ergebnis in diesem Fall:

Bilder

Nun, das sieht doch hoffentlich ganz gut aus.

Dasselbe funktioniert auch umgekehrt mit dem vorderen Bereich des Bildes.

Wie, das zeig ich im nächsten Teil. Dort zeige ich dann auch noch, wie man beides miteinander kombinieren kann.

Ich hoffe, euch hat das Tutorial geholfen, eure wichtigen Objekte richtig in den Fokus zu stellen.

Über Kritik und Kommentare freue ich mich!

vBulletin 0.051 • ZF-App 0.643 • Total 0.694