So erstellen Sie ein stereoskopisches Bild für die Betrachtung mit gekreuzten Augen

In diesem Lernprogramm erstellen wir ein stereoskopisches Bild für die Betrachtung über Kreuz, sodass Sie das endgültige Bild in 3D und in Farbe ohne Spezialbrillen anzeigen können.

Ich werde für dieses Tutorial ein einfaches Stück von Grund auf erstellen, aber die erlernte Technik kann sehr einfach auf vorhandene Grafiken angewendet werden, vorausgesetzt, Sie sind der Schöpfer und verfügen über die PSD-Datei.

Endgültige Bildvorschau

Schauen Sie sich das Bild an, das wir erstellen werden. 

Tutorial-Details

  • Programm: Adobe Photoshop CS2 (jede Version wird funktionieren)
  • Schwierigkeit: Anfänger
  • Geschätzte Fertigstellungszeit: Weniger als 1 Stunde

Bild in voller Größe anzeigen

Schritt 1

Wir beginnen mit einem 900 x 900 Pixel großen Bild mit schwarzem Hintergrund.

Screenshot in voller Größe anzeigen

Schritt 2

Fügen Sie etwas weißen Text in der Mitte in einem 45-Grad-Winkel hinzu. Ich ging mit "Psdtuts +" in Century Gothic Bold auf 200 Pixel Höhe. Fügen wir dem Text etwas Farbe hinzu. Auf einer neuen Ebene fügte ich einer Auswahl des Textes einen Farbverlauf von 45 Grad in reinem Grün hinzu. Lassen Sie uns auch einen schwarzen Inner Glow hinzufügen, indem Sie einen Ebenenstil verwenden, um die Kanten weich zu machen.

Screenshot in voller Größe anzeigen

Fügen Sie einen weißen 2-Pixel-Strich in einer eigenen Ebene hinzu. Bewegen Sie es 5 Pixel nach oben und 5 Pixel nach rechts. Dann fügen wir einen roten Outer Glow-Ebenenstil hinzu. Wir sind mit dem Text fertig, also bereinigen wir unsere Ebenen ein wenig. Fügen Sie alle Textebenen in eine eigene Gruppe ein und nennen Sie sie "Text".

Screenshot in voller Größe anzeigen

Schritt 3

Beginnen wir nun damit, dem Text einige Elemente hinzuzufügen, die wir später verschieben können, um unsere 3D-Effekte zu erhalten. Verwenden Sie auf einer neuen Ebene einen weichen Randpinsel mit 65 Pixeln, und legen Sie einige zufällige weiße Punkte um den Text herum (mit einem einzigen Mausklick). Machen Sie dasselbe auf einer anderen Ebene, aber mit einem Pinsel mit 21 Pixel.

Screenshot in voller Größe anzeigen

Zeichnen Sie auf einer anderen neuen Ebene mit den gleichen Pinseln mit einer Größe von 65 und 21 Pixeln eine Reihe von zufälligen Punkten um den Text. Verwenden Sie dabei sowohl die schwarze als auch die weiße Farbe.

Screenshot in voller Größe anzeigen

Wenden Sie anschließend eine 45-Grad-Bewegungsunschärfe von 500 Pixeln an.

Screenshot in voller Größe anzeigen

Duplizieren Sie die Ebene der unscharfen Punkte zweimal und stellen Sie ihren Modus auf Color Dodge. Lasst uns weiterhin unsere PSD sauber halten und all diese Ebenen in ihre eigene Gruppe aufnehmen und sie "Punkte" nennen.

Screenshot in voller Größe anzeigen

Fügen Sie eine weitere Textzeile hinzu, bevor Sie mit dem Ändern der Ebenen beginnen, um unseren stereoskopischen 3D-Effekt zu erzeugen. Ich habe "Stereoscopic Imagery" in Weiß gewählt und es etwas oberhalb unseres "Psdtuts +" - Textes platziert. Ich habe einen Schlagschatten, schwarzen Inner Glow und einen roten Strich mit 1 Pixel unter Verwendung von Ebenenstilen hinzugefügt.

Screenshot in voller Größe anzeigen

Schritt 4

Nun, da wir unsere Grundvorlagen erstellt haben, werden wir anfangen, alle diese Elemente so zu ändern, dass sie 3D erscheinen, sobald wir sie mit der Methode des gekreuzten Auges betrachten (mehr dazu im nächsten Schritt). Um die Dinge zu organisieren, fassen wir alle unsere Layer in einer Gruppe zusammen und nennen sie "Left Eye".

Erhöhen Sie Ihre Leinwandgröße von der Mitte nach links, sodass sie doppelt so breit ist (1800 Pixel)..

Screenshot in voller Größe anzeigen

Duplizieren Sie die Gruppe "Left Eye" und nennen Sie sie "Right Eye". Bewegen Sie dann alles in den rechten Bereich der Leinwand.

Screenshot in voller Größe anzeigen

In der Gruppe "Rechtes Auge" werden wir einige Ebenen auf der Leinwand etwas verschieben. Verwenden Sie dazu die Pfeiltasten auf Ihrer Tastatur. Wählen Sie die Ebene "Small Dots Copy" aus und verschieben Sie sie um 7 Pixel nach oben, dann um 7 Pixel nach rechts. Wählen Sie die Ebene "Big Dots Copy" aus und verschieben Sie sie um 10 Pixel nach oben und dann nach rechts um 10 Pixel.

Wählen Sie nun die Textebene "Stereoscopic Imagery Copy" und verschieben Sie sie um 7 Pixel nach oben, dann um 7 Pixel nach rechts. Wählen Sie die Ebene "Stroke Copy" aus und verschieben Sie sie um 7 Pixel nach oben, dann um 7 Pixel nach rechts. Wählen Sie die Ebene "Color Copy" und "Textebene" aus und verschieben Sie sie um 4 Pixel nach oben, dann um 4 Pixel nach rechts.

Screenshot in voller Größe anzeigen

Schritt 5

Jetzt, da unser stereoskopisches Bild fertig ist, können Sie es in 3D betrachten! Für manche mag das leicht und für andere schwierig sein, aber wenn Sie einmal den Dreh raus haben, werden Sie in wenigen Sekunden keine Probleme damit haben. Ich habe einen roten Kreis in die Mitte beider Bilder eingefügt, damit Sie Ihre Augen darauf trainieren können, wie Sie dies tun.

Bild in voller Größe anzeigen

Sehen Sie sich die folgenden Schritte und Bilder an. Wenn Sie damit fertig sind, probieren Sie es anhand des obigen Bildes aus.

Setzen Sie sich in einem angenehmen Abstand vom Monitor auf und halten Sie den Zeigefinger vor den Monitor. Positionieren Sie die Fingerspitze in der Mitte der beiden Bilder. Richten Sie Ihre Sicht auf die Fingerspitze und in Ihrer peripheren Sicht direkt über Ihrem Finger sollten Sie die beiden Bilder leicht verschmelzen sehen.

Bewegen Sie den Finger weiter auf Ihren Zeigefinger, oder bewegen Sie ihn näher an Ihren Monitor, bis Sie sehen, wie die beiden Bilder zusammengefügt werden. Sobald Sie sie zusammengefügt haben, bewegen Sie den Fokus leicht von Ihrem Finger auf den Monitor. Das zusammengeführte Bild sollte sauber fokussiert und in einer schönen 3D-Schicht erscheinen, wenn es nicht nur den Fokus löscht und es erneut versucht. Sie können auch versuchen, näher an Ihren Monitor heranzukommen.

Fazit

Sobald Sie das Bild oben angezeigt haben, können Sie es mit dem endgültigen Bild unten ohne den roten Punkt ausprobieren.

Bild in voller Größe anzeigen

Dann können Sie es auf meinem ersten stereoskopischen Bild versuchen, das ich mit dem Titel "Pinion" erstellt habe.

Bild in voller Größe anzeigen