Montag, den 30. Juni 2008 um 12:03 Uhr

In diesem HowTo zeige ich Dir wie Du ganz einfach Objekte aus dem Bild oder Rahmen heraustreten lassen kannst.

Damit lassen sich interessante Effekte gestalten. Es gibt zwar im Internet einige gute HowTos zu diesem Thema, allerdings sind diese meist in Englisch und beschreiben unterschiedliche Wege. Nach einer deutschen Anleitungen für diesen Effekt muß man schon eine Weile suchen. Deswegen habe ich mich hin gesetzt und hier ein Tutorial in deutsch geschrieben das dir reich bebildert und ausführlich den Weg aufzeigt wie Du vorgehen solltest.

Um was geht es hier ?

Dieses ist das Ausgangsbild für dieses Tutorial, das ich mir über Google gesucht habe:

Und das wollen wir in diesem HowTo daraus machen :

Keine Panik, es ist nur halb so schwer wie es aussieht und mit diesem HowTo sollte es ganz leicht nachzumachen sein.

Schritt 1: Das Bild

Öffne das Bild in Photoshop und setzt das Bild möglichst groß (am besten auf 100% wenn es nicht gerade riesig ist) in die mitte des Arbeitsbereichs. Das Objekt das wir bearbeiten wollen, hier der Delfin, sollte möglichst ganz zu sehen sein. Um das Bild anständig bearbeiten zu können sorgen wir erst mal dafür das die Hintergrundebene nicht gesperrt ist (man sieht es an dem Schloßsymbol). Das erreichen wir in dem wir einen Doppelklick auf die Ebene machen und in dem PopUp Fenster auf OK klicken. Die Hintergrundebene heist nun Ebene 0.

Alternativ kann man auch hingehen und die Ebene einfach duplizieren und die Hintergrundebene löschen.

Wenn Du willst kannst du diese Ebene auch gleich in Original oder sonst was umbenennen. Ich hab es in diesem Tutorial erst später gemacht, wie wir noch sehen werden.

Schritt 2: Auswählen

Kümmern wir uns nun um das auswählen des Delphins.

Hier ist ein wenig Fingerspitzengefühl für die Maus und ein gutes Auge gefragt um den Rand des Delphins möglichst exakt zu treffen.

Durch drücken von STRG und dem + Zeichen vergrößern wir erst mal das Bild soweit das wir den Delfin möglichst groß und ganz sehen.

Wer mehr Platz auf seinem Bildschirm haben möchte um das Bild besser zu sehen kann die Paletten rechts im Fenster ganz einfach mit UMSCHALT + TAB ausblenden. Über diese Tastenkombination lassen sich diese auch wieder einblenden.

Nun wählen wir links im Menue das Zeichenstift Werkzeug aus:

Stelle den Modus oben im Menue auf Pfade:

Diese Methode lässt uns mehr Freiheiten bei der Auswahl da es uns ermöglicht rundungen in dem Bild besser zu verfolgen.

Um eine gerade Linie zu erstellen, klicken Sie auf die Stelle, an der der Endpunkt der Linie sich befinden soll. Um eine Kurve zu erstellen, verschieben Sie den Zeiger zur Position des nächsten Punkts und ziehen Sie ihn vom Punkt weg. Beim Ziehen ändert sich die Form der Kurve. Dabei werden Grifflinien angezeigt und mit der Maus verschoben

Wenn Du mit dieser Methode nicht zurecht kommst kannst Du in Bereichen mit Rundungen auch die einzelnen Punkte dichter setzen und so ebenfalls ein gutes Ergebniss erzielen.

Das Magnetische Lasso ist hier weniger geeignet da es zu oft in den falschen Bereich "springt", also die Kante eines Objekts nicht richtig erkennt und den Rastpunkt an eine falsche Stelle setzt. Hier bleibt es jedem selbst überlassen was er verwenden möchte. Probier ein wenig rum und Du wirst schnell herausfinden womit Du am besten zurecht kommst.

Umrande nun mit dem Zeichenstift-Werkzeug den Bereich, also die Konturen, des Delphins der später aus dem Bild herausragen soll.

Klicke dafür immer wieder in kurzen Abständen die Kontur des Delphins an. Wie du siehst werden die einzelnen Punkte mit einer Linie verbunden. Mach so weiter bis du den ganzen Delfin umrundet hast. Den letzten Klick (Punkt) solltest Du auf den Startpunkt machen damit sich der "Kreis" schließt.

Wenn Du Dich mal verklickt hast und ein oder mehrere Punkte an der falschen Stelle sitzen kannst Du diese ganz einfach mit der "Entf" Taste nach und nach löschen

Wenn Du damit fertig bist mach einen rechtsklick innerhalb deiner Auswahl und wähle Auswahl erstellen.

Wähle im folgendem Fenster eine weiche Auswahlkante von 1 bis 2 Pixel um keine "harten" Ränder zu bekommen

Die Auswahl um dem Delfin hat sich nun in eine schwarz/weiße, sich bewegende Linie gewandelt.

Drücke jetzt STRG + J auf deiner Tastatur. Es wird nun eine neue Ebene mit deiner Auswahl erstellt.

Wenn Du alles richtig gemacht hast sollte es nun so aussehen (Ebene 0 durch klick auf das kleine Auge ausblenden):

Schritt 3: Der Rahmen

Jetzt kümmern wir uns um den Rahmen, dem wichtigsten Teil in diesem HowTo, denn dieser macht erst den Effekt aus.

Blende die Ebene 0 wieder ein und die Ebene 1, die mit dem Delfin, aus.

Wichtig: Achte bitte darauf das die Ebene 0 grau ist, also ausgewählt !

Nun erstellen wir eine neue Ebene über der Ebene 0 und unter der Ebene 1. In dieser Ebene zeichnen wir gleich unseren Rahmen.

Um den Überblick nicht zu verlieren ist es beim arbeiten mit mehreren Ebenen sinnvoll diesen einen aussagekräftigen Namen zu geben.

Das erreichst Du in dem Du in den einzelnen Ebenen auf den Ebenennamen doppelklickst und einen neuen Namen einträgst. Ich habe für den weiteren Verlauf die Ebene 0 in Original, die Ebene 1 in Delfin und die Ebene 2 in Rahmen umbenannt:

Nun zeichnen wir den Rahmen. Als erstes wählen wir im rechten Menue das Auswahlrechteck-Werkzeug aus:

Ziehe damit auf der gerade erstellten Ebene eine Auswahl für den Rahmen auf. Achte darauf das die Ebene Rahmen ausgewählt ist.

Mach die Auswahl nicht zu groß, denn wir wollen diese ja später noch transformieren und können so die Größe immer noch ändern.

Nun fülle Füllwerkzeug diese Auswahl mit einer Farbe deiner Wahl. Ich habe hier weiß gewählt.

Hebe jetzt die Auswahl auf in dem Du STRG + D drückst.

Wähle nun erneut das Auswahlrechteck-Werkzeug und ziehe innerhalb des weißen Bereiches eine neue, kleinere Auswahl auf. Diese Auswahl wird die innere Begrenzung für unseren Rahmen.

Wenn Du mit der Position der Auswahl nicht ganz zufrieden bist kannst Du diese mit Hilfe der Pfeiltasten verschieben und pixelgenau positionieren. (Oder mit STRG + D aufheben und neu machen)

Wenn Du damit fertig bist rücke einfach Entf auf deiner Tastatur. Alles innerhalb der Auswahl wird nun gelöscht.

Dein Bild sollte nun so aussehen:

Hebe die noch bestehende Auswahl wieder mit STRG + D auf.

Schritt 4: Transformieren

Jetzt machen wir uns daran die Perspektive des Rahmens nach unseren Vorstellungen anzupassen.

Mit dem Frei transformieren Werkzeug (Menue oben > Bearbeiten > Frei Transformieren) bringen wir den Rahmen in die gewünschte Position.

Klick hierfür bei gedrückter STRG Taste auf die Ecken der Auswahl und ziehe diese in die gewünschte Position.

Hierbei ist ein gewisser Blick für die richtige Perspektive nötig, aber wir haben ja Zeit zum ausprobieren.

Bei mir sieht es nun so aus :

Wenn Du nun die Ebene Delfin einblendest siehst Du das der Delfin schon aus dem Rahmen herauszukommen scheint.

Blende die Ebene Delfin wieder aus.

Achte jetzt darauf das die Rahmen Ebene ausgewählt ist. Wähle das Zauberstab Werkzeug (im Menue links, 2 Reihe das rechte) aus und klicke außerhalb des Rahmens in einen freien Bereich.

Es sollte nun so aussehen :

Jetzt wähle in der Ebenen Palette die Original Ebene aus :

Drücke nun auf deiner Tastatur Entf. Alles außerhalb des Rahmenbereiches wird nun von dem Hintergund abgezogen und gelöscht.

Dein Bild sollte nun so aussehen :

Der Rahmen ist nun fertig. War doch gar nicht so schwer, oder ?

Schritt 5: Endspurt

Fast geschafft. Jetzt machen wir uns an die Feinheiten.

Blende die Ebene Delfin ein. Nun hast Du schon einen sehr guten Überblick darüber wie das Bild später aussieht.

So ganz ohne weitere Effekte macht es aber nicht wirklich viel her. Du könntest es zwar schon in diesem Stadium abspeichern, aber mit ein wenig Phantasie lässt sich noch viel mehr rausholen. Ich habe in dem folgendem Bild auf der Rahmen Ebene einen Verlauf, Abgeflachte Kanten und Relief, und einen Schlagschatten hinzugefügt.

Dann habe ich eine neue Ebene erstellt, diese ganz nach unten gezogen und mit einem Verlauf gefüllt.

Mein Bild sieht nun so aus :

Theoretisch ist das Bild nun fertig. Wenn Du willst kannst du hier aufhören und dein Werk speichern.

Was die Rahmen und Hintergrundgestaltung angeht ist das hier gezeigte nur ein Beispiel aus tausenden und einer Möglichkeiten die sich einem bieten. Mit Phantasie und Geduld kann man sicher noch mehr daraus machen. Probier ein wenig rum und erfinde neue Möglichkeiten und lass dich nicht durch Fehlschläge aus der Ruhe bingen.

Schritt 6: Tuning

Um diesem Bild den letzten Feinschliff zu geben habe ich alle Ebenen auf eine Ebene reduziert.
Drücke hierfür Strg + Umschalt + E gleichzeitig.

Nun habe ich die neue Hintergrund Ebene dupliziert (Rechtsklick auf die Ebene > Ebene duplizieren) und auf die neue Ebene den Filter Hochpass (Filter > Sonstige Filter > Hochpass) mit 1,5 Pixel angewendet und den Modus auf Überlagern gestellt. Dann hab ich alles wieder auf eine Hintergrundebene reduziert.

Jetzt wirkt das Bild als hätte es wesendlich mehr Pixel als vorher und sieht ein wenig plastischer aus. Ich habe die Ebene wieder dupliziert und auf die neue Ebene den Filter Gaußscher Weichzeichner (Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner) mit einem Wert von 7 Pixel angewendet und den Modus auf Weiches Licht gesetzt. Nun wieder alles auf Hintergrundebene reduziert und fertig ist mein Bild.

Es sieht nun so aus :

Natürlich kann man mit den Werten rumspielen und auch die einzelnen Modi sollte man durchprobieren. Bei jedem Motiv wirken diese anders und können ein besseres oder schlechteres Ergebniss hervorbringen. Man muß schon ein wenig experimentieren um die richtige Kombination zu finden.

So, ich hoffe das Tutorial war nicht zu schwierig und Du bist gut mitgekommen. Mit diesem Effekt lassen sich interessante Bilder erstellen.