Creating a 3d image effect

Today I’ll be showing you how to create a rather neat effect, that may change how you approach your website (or it might not, I’m not going to hold you to it).

This post I’m going to show you how to create a sort of 3d effect with an image, although I wouldn’t suggest creating an entire website with this; its more for the effect of having distorted imagery, or using some of the steps in the process of getting this final product to create something interesting (dutch angle anyone?!)  .

Ok first, in my ongoing theme of korean subjects, take any picture.

Image

Unlock the picture by double clicking on the lock, and then duplicate it by double clicking on the layer and selecting “duplicate layer.”

Image

Take the new layer, and change the perspective. This can be achieved by going to edit, transform, and click perspective.

Then click on the top left, and drag it up a little.

Image

I dragged it up to about 108 point something (ya I know the image says 106 -__-), which you can see on the top marked “H.” its not completely important, but don’t try to shift it too much. Also, keep the number in mind, as you’ll need it later. Press enter to complete the transformation.

Image

Now, hide this layer. On the original layer, do the same, but on the right corner. This number should be approximately the same as the original. It doesn’t have to be exact, but try to keep it close.

Image

Back on the new layer, we can unhide it, then double click it. Turn off the red channel which is marked “R” under the “advanced blending section” and ta-da, we have the basic effect.

Image

Image

Now just to clean it up a little bit, I shifted the layer over so that the towers (my main subject) lined up better, and to create a slightly cleaner finished product.

Image

Advertisements


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s