Een stereoscopisch beeld maken voor het bekijken van gekruiste ogen

In deze tutorial zullen we een stereoscopisch beeld maken voor cross-eye viewing, wat betekent dat je het uiteindelijke beeld in 3D en in full colour kunt bekijken zonder het gebruik van een speciale bril.

Ik zal een eenvoudig stukje helemaal opnieuw maken omwille van deze zelfstudie, maar de uiteindelijke geleerde techniek kan heel eenvoudig worden toegepast op bestaande illustraties, als je de maker bent en het PSD-bestand hebt.

Final Image Preview

Bekijk de afbeelding die we gaan maken. 

Zelfstudiedetails

  • Programma: Adobe Photoshop CS2 (elke versie werkt)
  • Moeilijkheidsgraad: Beginner
  • Geschatte voltooiingstijd: Minder dan 1 uur

Bekijk afbeelding op volledige grootte

Stap 1

We beginnen met een afbeelding van 900 bij 900 pixels met een zwarte achtergrond.

Bekijk het screenshot op volledige grootte

Stap 2

Voeg wat witte tekst toe in het midden in een hoek van 45 graden, ik ging met "Psdtuts +" in Century Gothic Bold met een hoogte van 200 pixels. Laten we wat kleur toevoegen aan de tekst, op een nieuwe laag heb ik een verloop van 45 graden toegevoegd aan een selectie van de tekst in puur groen. Laten we ook een zwarte innerlijke gloed toevoegen met een laagstijl om de randen te verzachten.

Bekijk het screenshot op volledige grootte

Voeg een witte lijn van 2 pixels toe aan de tekst op een eigen laag. Verplaats het naar 5 pixels en naar rechts 5 pixels. Laten we er dan een rode Outer Glow-laagstijl aan toevoegen. We zijn klaar met de tekst, dus laten we onze lagen een beetje opruimen. Zet alle tekstlagen in hun eigen groep en noem het "tekst".

Bekijk het screenshot op volledige grootte

Stap 3

Laten we beginnen met het toevoegen van enkele elementen rond de tekst die we later kunnen omdraaien en die ons onze 3D-effecten zullen geven. Gebruik op een nieuwe laag een zachte penseel met een breedte van 65 pixels en maak er enkele willekeurige witte stippen rond de tekst mee (met één muisklik). Doe hetzelfde op een andere laag maar met een penseel van 21 pixels.

Bekijk het screenshot op volledige grootte

Gebruik op een andere nieuwe laag met dezelfde penselen van 65 en 21 pixels een aantal willekeurige puntjes rondom de tekst, gebruik zowel zwarte als witte kleuren.

Bekijk het screenshot op volledige grootte

Breng vervolgens een bewegingsonscherpte van 45 graden van 500 pixels aan.

Bekijk het screenshot op volledige grootte

Dupliceer de wazige stippenlaag tweemaal en stel hun modi in op Color Dodge. Laten we doorgaan onze PSD schoon te houden en al deze lagen in hun eigen groep te plaatsen en het 'Dots' te noemen.

Bekijk het screenshot op volledige grootte

Laten we nog een regel tekst toevoegen voordat we beginnen met het aanpassen van de lagen om ons 3D stereoscopisch effect te creëren. Ik ging met "Stereoscopic Imagery" in het wit en plaatste het een beetje bovenop onze "Psdtuts +" tekst. Ik heb een slagschaduw, zwarte innerlijke gloed en 1 pixel rode lijn toegevoegd met behulp van laagstijlen.

Bekijk het screenshot op volledige grootte

Stap 4

Nu we ons basale kunstwerk hebben gemaakt, gaan we al deze elementen gaan modificeren zodat ze 3D worden zodra we ze bekijken met de methode met gekruist oog (daarover meer in de volgende stap). Om de dingen overzichtelijk te houden, plaatsen we al onze lagen in een groep en geven we deze de naam 'Linkeroog'.

Vergroot je canvasgrootte vanuit het midden links zodat deze dubbel zo breed is (1800 pixels).

Bekijk het screenshot op volledige grootte

Dupliceer de "Left Eye" -groep en noem deze "Right Eye". Verplaats hem vervolgens naar het rechtergedeelte van het canvas.

Bekijk het screenshot op volledige grootte

We gaan een beetje lagen op het canvas verplaatsen in de "Rechter oog" groep, gebruik de pijltjestoetsen op je toetsenbord voor dit deel. Selecteer de laag "Kleine punten kopiëren" en verplaats deze 7 pixels omhoog en vervolgens 7 pixels naar rechts. Selecteer de laag "Big Dots Copy" en verplaats deze 10 pixels omhoog en vervolgens 10 pixels naar rechts.

Selecteer nu de tekstlaag "Stereoscopisch beeldmateriaal kopiëren" en verplaats deze 7 pixels omhoog en vervolgens 7 pixels naar rechts. Selecteer de laag "Lijn kopiëren" en verplaats deze 7 pixels omhoog en vervolgens 7 pixels naar rechts. Selecteer de laag 'Kleurkopie' en de tekstlaag 'Psdtuts + kopiëren' en verplaats ze 4 pixels omhoog en vervolgens 4 pixels naar rechts.

Bekijk het screenshot op volledige grootte

Stap 5

Nu we onze stereoscopische afbeelding hebben voltooid, is het tijd om deze in 3D te bekijken! Dit is misschien gemakkelijk voor sommigen en lastig voor anderen, maar als je het eenmaal onder de knie hebt, heb je geen moeite om het in een kwestie van seconden te doen. Ik heb een rode cirkel toegevoegd aan het midden van beide afbeeldingen om je te helpen je ogen te oefenen hoe je dit moet doen.

Bekijk afbeelding op volledige grootte

Bekijk de volgende stappen en afbeeldingen en gebruik de bovenstaande afbeelding om het uit te proberen als u klaar bent.

Ga op een comfortabele afstand van uw monitor zitten en houd uw wijsvinger voor uw monitor. Plaats de punt van uw vinger in het midden van de twee afbeeldingen. Richt je blik op het topje van je vinger en in je perifere gezichtsveld, net boven je vinger, zou je in staat moeten zijn om de twee afbeeldingen enigszins te laten samenvloeien.

Terwijl u nog steeds scherpstelt op uw wijsvinger, beweegt u uw vinger dichter of verder van uw monitor totdat u ziet dat de twee afbeeldingen samenvloeien. Zodra je ze hebt samengevoegd, beweeg je je focus iets van je vinger naar je monitor. De samengevoegde afbeelding moet netjes gefocust en op een mooie gelaagde 3D-manier worden weergegeven, als deze niet alleen je focus opruimt en het opnieuw probeert. U kunt ook proberen dichter bij uw monitor te komen.

Conclusie

Zodra je de bovenstaande afbeelding te zien krijgt, kun je het proberen op de uiteindelijke afbeelding hieronder zonder de rode stip.

Bekijk afbeelding op volledige grootte

Dan kun je het proberen op mijn eerste stereoscopische afbeelding die ik met de naam "Pinion" heb gemaakt.

Bekijk afbeelding op volledige grootte