Quantcast

Jump to content

» «
Photo

[TUT]Stereoscopic .gifs

6 replies to this topic
Rokas.
  • Rokas.

    play it f*cking loud

  • Members
  • Joined: 11 May 2011

#1

Posted 17 May 2011 - 05:04 PM Edited by Rokas., 17 May 2011 - 06:29 PM.

Before everything, stereoscopy is a technique for creating or enhancing the illusion of depth in an image by presenting two offset images separately to the left and right eye of the viewer.. Well in this tutorial I'm showing a slightly different technique but it's the same method.

Requirements:
Photoshop knowlege
Photo camera (phone one works too)
Patience

Some tips:
Don't get confused by all the steps, it isn't that hard at all.
Use two photos instead of three for the first time.
Don't take photos when it's dark
Don't take photos of both small and big things (e.g. flower on the windowsill and buildings in the background) Believe me it will look bad.

Step1.
Before starting the work in photoshop, you must take 2-3 pictures of object from slightly different angles.
Here are mine:
pic 1 pic 2 pic 3

(It might not work from the first time, so don't get disappointed, it didn't work for me from first time either)

Step2. - After you got the photos.
Now open all your three photos in photoshop (as layers in one document).
The first thing you want to do in photoshop is get the photos in place.
This is how it looks before editing (just plain photos playing) - pic

Step3. - getting objects in place.
So let me explain you this - You can set anything as the main object, and the main object (e.g. tree trunk) will be anything that will not move, everything besides it will move.

•Sub-step1 - Main object is tree trunk.
step1 - Make third photo invisible, first two visible, select second photo and make it's opacity 50%. pic
step2 - Zoom 300 - 400% and now move second photo to the first photo so that the trunks are placed one on another. pic (before/after)
and normal sized - pic
After you get the picture as displayed, make it's opacity back to 100%
step3 - Do the same with layer 3 - make all three layers visible, only third layer with it's opacity 50% and do the same as in step2.

•Sub-step1 - Main object is bunker in the background.
Do the same as in Sub-step1 just use the bunker instead of tree trunk. pic of layer1&2


Additional information:
Scaling or rotating image might be necessary. I'm not making a step for that.

Step4. - Animation
1.Go to Window>animation.
2.Make copy of layer2 and move it on the most top.
3. in the upper right of animation window click the options icon and hit make frames from layers
pic
4. in the lower right of the frame, there's 0 sec., click on it and set it to 0.1 sec. for every frame.
Now you're done with animation.

Step5. - Saving - it's not that simple
Instead of normal saving you have to use save for web and devices instead (it's in the same section as "save as").
I can't say a lot about the settings. The better settings - the better quality.
For the forums you can use default settings (not for signatures though).

FINAL PRODUCT

Sorry for not going all fancy with headers and banners and sh*t this time, I'm keeping it simple.

ska
  • ska

    Hemiplegia

  • Andolini Mafia Family
  • Joined: 05 Mar 2011
  • United-States

#2

Posted 17 May 2011 - 05:09 PM

Great tutorial! I'll be sure to try a version of it myself later today. smile.gif

_Rob_
  • _Rob_

    Game Dev, Graphics Artist

  • Members
  • Joined: 24 Sep 2006
  • None

#3

Posted 17 May 2011 - 05:23 PM

Nice one, may give this a go soon, I definitely look forward to seeing what others come up with to icon14.gif

LCollusions
  • LCollusions

    Sexy Ladies.

  • Awaiting Authorisation
  • Joined: 25 Apr 2011

#4

Posted 17 May 2011 - 11:05 PM

It's just like frames in stick animating.

Rokas.
  • Rokas.

    play it f*cking loud

  • Members
  • Joined: 11 May 2011

#5

Posted 18 May 2011 - 03:19 PM

QUOTE (LCollusions @ May 17 2011, 23:05)
It's just like frames in stick animating.

err, it isn't tutorial for frames.

LCollusions
  • LCollusions

    Sexy Ladies.

  • Awaiting Authorisation
  • Joined: 25 Apr 2011

#6

Posted 19 May 2011 - 01:22 AM

QUOTE (Rokas. @ May 18 2011, 15:19)
QUOTE (LCollusions @ May 17 2011, 23:05)
It's just like frames in stick animating.

err, it isn't tutorial for frames.

It's just this isn't Flash, but your still animating in this picture, using the photoshop feature.

Rokas.
  • Rokas.

    play it f*cking loud

  • Members
  • Joined: 11 May 2011

#7

Posted 19 May 2011 - 03:22 PM

QUOTE (LCollusions @ May 19 2011, 01:22)
QUOTE (Rokas. @ May 18 2011, 15:19)
QUOTE (LCollusions @ May 17 2011, 23:05)
It's just like frames in stick animating.

err, it isn't tutorial for frames.

It's just this isn't Flash, but your still animating in this picture, using the photoshop feature.

I'm not stupid, I know, but the guy said like it's tutorial for frames in photoshop.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users