Gimptalk - Premier Gimp Community: Cross-eye Stereoimages in GIMP - Gimptalk - Premier Gimp Community

Jump to content

  • 4 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic

Cross-eye Stereoimages in GIMP

#1 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 24 March 2010 - 05:52 PM

As many of you know, I love optical illusions! While it's fun to look at other peoples' creations, it's even more enjoyable (and rewarding) to create them yourself. I've gotten many requests to share how I create cross-eye stereoimages from a single image (here's a link to several I've done: http://fence-post.deviantart.com/galler ... reo-Images - the Yin-yang was actually done in a 3D program so disregard that one).

Note: A cross-eye stereoimage contains two images and requires you to cross your eyes and stare at them until a third image appears between the two. With your eyes still crossed, focus on that middle image and some depth should appear.

This is probably the only technique I use that I haven't been willing to share. However, I don't want to be perceived in a bad light either, so I'll share some simple techniques that I've learned over the years so that you can make your own. These aren't what I use, but they work.

Here's what we will be creating in this tutorial:

Posted Image

and

Posted Image

Both will be created using very different techniques, but equally simple.

When you look at something, your eyes do not see the same thing. Your left eye will capture a certain range of the object and your right eye will capture another range. Obviously there is a LOT of overlap between what your right and left eyes are viewing, but the differences are where the depth is captured. An image is a 2 dimensional object and in order to give it some depth, we have to create 2 images (one for the left eye, the other for the right) AND we have to "impose" some variation into each image. Remember, the 3rd dimension is created in the variation.

I am using GIMP 2.6.6 for this tutorial. Older or newer versions will work, but menu locations may be slightly different. This tutorial assumes the user has some basic knowledge of GIMP; however, I will provide enough screenshots and narrative that relative new users to GIMP should be able to accomplish the tasks will little trouble.

Let's begin!

Technique 1 - Manual shifting of layers

Step 1

To simplify things, I have prepared an xcf file for you to experiment with. Please download the file here: http://fencepost.gim...osseyeright.xcf

Open the file and create a duplicate of it (Image > Duplicate):

Posted Image

Arrange the two images, so that the crosseyeright.xcf file is on the left and the duplicated is on the right. Remember, we are creating a cross-eye stereoimage and the right eye will look at what's on the left and the left eye at what's on the right.

Here's what my two images look like (notice I've adjusted the out borders of the image window so that they are up close to the image edges. This will help with viewing.) If you look at them with crossed eyes right now, there is no depth. That's because they are exact duplicates....there is no variation. No variation = No depth.

Posted Image

Step 2

We only need to add in variation to one of the images. I like working with the crosseyeright.xcf (the image on the left side of your screen.) I suggest you do the same to keep up with my steps.

Select the Move Tool from the Toolbox: Posted Image

and click on the "Green G" layer in the layer dialog window to make it active (highlighted blue in the screenshot below)

Posted Image

Now, with the Move Tool, click on the crosseyeright.xcf header to make that image active (the header is where the image name and other details are shown):

Posted Image

Step 3

Since your Move Tool is active, you can use the arrow keys on your keyboard to adjust the layers. With your Left Arrow key, click 6 times to move the Green G layer to the left as shown below. (If you cross your eyes, you'll see an immediate difference.)

Posted Image

Step 4

Next, make the Green I layer active and click on the crosseyeright.xcf image header to make the image active again, and using the Left Arrow key, click 3 times to move the Green I layer to the left, like so (again, if your eyes are crossed you'll see immediate results):

Posted Image

Do the same thing for the Green M and Green P layers using the Right Arrow keys as shown in the screenshots below:

Posted Image

Posted Image

Step 5

Now, do the same thing for all the red layers, but use the following settings this time (no screenshots included):

Red G: 6 clicks to the right
Red I: 3 clicks to the right
Red M: 3 clicks to the left
Red P: 6 clicks to the left

If you've done everything correctly, the Green GIMP should look like it's sticking out on the left side and moving towards the back on the right side. The Red GIMP should look like it's sticking out on the right side and moving towards the rear on the left side.

You're finished!

Posted Image

To combine them into one image:

On the crosseyeright.xcf file go to Layer > New from Visible
Then copy the new layer Edit > Copy
Paste it into a new image (Edit > Paste as new image). We'll call this the New Image.
Then, go to Image > Canvas size and set the width to twice the width of your image (I usually add 15-25 extra pixels to allow for a separation between the two images) and keep the height the same as the original image.
Now, click on the duplicate image (the left eye, if you will) and choose Layer > New from Visible
Then copy the new layer Edit > Copy
Select your New Image and go to Edit > Paste as New Layer.
Select the Move Tool, activate the New Image and, using the Right Arrow Key, move the top layer over to the right side of the image.
Save!


Technique 2 - IWarp shifting of layers

Step 1

Take any image you want to add depth to and set it up so that you have 2 of them. I'm not providing a download for you on this technique. I've set mine up so that both of my images are combined into one main GIMP window. Since I'm doing that I want to limit my work are to the only the left side and I used my rectangle selection tool to create a selection (highlighted in red below).

Posted Image

Step 2

Now go to Filters > Distorts > IWarp...

Posted Image

and when the IWarp window appears, I used the following settings highlighted in red on the right side of the screenshot. You experiment with the settings as you would like.

Posted Image

Now, on the IWarp preview window, click with your mouse button and drag in the directions shown. (Make sure you experiment with where you click and drag and the amounts used. Mine is only an example for this tutorial.) Don't drag up/down only left or right. If you drag to the right, the image will appear to sink in. If you drag to the left, it will appear to come forward. If you make a mistake within IWarp, click the reset button start again. Don't try to distort the image too much. If you're happy with what you've done, click OK to accept the changes.

You are finished! Here's the final version again for your viewing pleasure....

Posted Image

I hope this tutorial has been helpful. Let me know if you have any questions or need clarification. Make sure you show me your results.

Cheers and Happy GIMP'ing.

Art
0

#2 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 24 March 2010 - 07:12 PM

Here's mine. I did the iWarp technique. My two images don't have white space between but the x-eyed 3D effect still works.
Posted Image
Posted Image
Posted Image
0

#3 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 24 March 2010 - 07:22 PM

Nice job! Looks great! And guess what I just figured out? You can animate these in IWarp? Deform your selection, click on the Animate tab in Iwarp and set the desired parameters and will create the appropriate number of frames. If you Ping-pong it will "breathe" in and out!

Posted Image
0

#4 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 24 March 2010 - 07:48 PM

fencepost said:

Nice job! Looks great! And guess what I just figured out? You can animate these in IWarp? Deform your selection, click on the Animate tab in Iwarp and set the desired parameters and will create the appropriate number of frames. If you Ping-pong it will "breathe" in and out!


I just did this one and like it better than the first one, but your "breathing" one is so cool. Wonder if I could do it with this image.

Posted Image
Posted Image
Posted Image
0

#5 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 24 March 2010 - 07:56 PM

I love it! I took yours and created a cool animation....

Posted Image

Start with the deform radius in Iwarp and set the deform amount to 0.5. Click on the center and drag to the right. Reduce the deform radius by 50 or so and click on the center (not the center of the image, but the "new center") and drag to the right. Continue until you get the deform radius down to 0 and ping-pong it!!! Cool!
0

#6 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 24 March 2010 - 08:08 PM

Whoa! My image never looked so good! That's enough to give me motion sickness. Cool! WTG Art!
Posted Image
Posted Image
0

#7 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 24 March 2010 - 08:09 PM

Oregonian said:

Whoa! My image never looked so good! That's enough to give me motion sickness. Cool! WTG Art!


It's my lifelong goal to make people want to hurl! :lol: :mrgreen:
0

#8 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 24 March 2010 - 08:14 PM

fencepost said:

It's my lifelong goal to make people want to hurl!


You almost succeeded. 8)

BTW, I made that radial mosaic by filling a new image with plasma, then Filters > Generic > MathMap > Blur > Radial Mosaic
Posted Image
Posted Image
0

#9 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 24 March 2010 - 08:16 PM

Oregonian said:

BTW, I made that radial mosaic by filling a new image with plasma, then Filters > Generic > MathMap > Blur > Radial Mosaic


I was wondering how you did that. Thanks, Art
0

#10 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 24 March 2010 - 08:43 PM

My turn to make you sick.



Posted Image
Posted Image
Posted Image
0

#11 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 24 March 2010 - 09:36 PM

'Nother one. Radial gradient, Nauseating Headache gradient. Shoulda warped it more.

Posted Image
Posted Image
Posted Image
0

#12 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 25 March 2010 - 12:48 AM

Oregonian said:

My turn to make you sick.

Posted Image


Your first image made me throw up something that looked liked the second! Make it stop!!!!

Oregonian said:

'Nother one. Radial gradient, Nauseating Headache gradient. Shoulda warped it more.

Posted Image

0

#13 User is offline   2-ton 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,526
  • Joined: 30-September 08

Posted 25 March 2010 - 01:42 AM

lol, these are awesome...I hope I can make some time to try this tut tomorrow!
0

#14 User is offline   Garnet1377 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 20-March 10
  • LocationHershey, PA

Posted 25 March 2010 - 03:48 PM

Hello!
Here is my try

Posted Image

Thanks for the cool tut! It was really easy to follow for me!
Amy

I'm working on it! Give me a minute! :-)
0

#15 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 25 March 2010 - 04:29 PM

Garnet1377 said:

Hello!
Here is my try

Thanks for the cool tut! It was really easy to follow for me!

Oops, did you upload the wrong image?

It's a beautiful image and you did a great job but it's not x-eyed stereo.

Here is one I just finished. You need a double image to get the stereo effect.

Posted Image
Posted Image
Posted Image
0

#16 User is offline   Garnet1377 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 20-March 10
  • LocationHershey, PA

Posted 25 March 2010 - 04:59 PM

Yes I did! OPPS! Sorry, I'll fix it tonight!

TIA
Amy

I'm working on it! Give me a minute! :-)
0

#17 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 26 March 2010 - 02:43 AM

One more then I must quit before my eyes are x'd permanently.

Posted Image
Posted Image
Posted Image
0

#18 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 26 March 2010 - 02:51 AM

I like that O! My eyes are permanently crossed!
0

#19 User is offline   Oregonian 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,360
  • Joined: 13-November 07

Posted 26 March 2010 - 03:25 AM

One more. I tried to have the eagle the same color as the bg but it didn't show up well. I could see it because I knew it was there. I inverted the color on the eagle and now he's very visible.

Posted Image
Posted Image
Posted Image
0

#20 User is offline   fencepost 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 2,643
  • Joined: 01-March 05

Posted 26 March 2010 - 03:28 AM

That's gorgeous...has a stain glass look to it!
0

Share this topic:


  • 4 Pages +
  • 1
  • 2
  • 3
  • Last »
  • You cannot start a new topic
  • You cannot reply to this topic