TWITTER

Creating a 3D effect with image editing software (GIMP or Photoshop)

Step 1Get a good base photo

A good base photo will have a prominent subject with strong lines, strong perspective, and an uncluttered background. You should also use as high a resolution image as possible.

This image doesn't have super strong perspective, but if you look at my other images, you'll see that an image with strong perspective works best.


I will be demonstrating the technique with a picture of my RC truck, a Traxxas Rustler. For the unfamiliar, this truck isn't one of the cheap-o toys you get at Wally-World for $50. Its a hobby-grade RC from a company called Traxxas. "Hobby-grade" means its built to be completely user serviceable and upgradeable. They are also available with either electric motors or nitro engines (think top fuel dragsters). The body you see on it is one that I painted myself. RC makes a great hobby, and I'd recommend it to anyone. You can get some budget-minded models for as little as $130, or get a high-end model that might cost upwards of $700. Regardless, its a very fun hobby.

But I'm getting sidetracked, on to the instructable!
Get a good base photo

Step 2Set up your layers

Open up a new, blank image with the same dimensions as your base photo. Make this layer whatever color you want your background to be. (I chose gray) Alternately, you could use a pattern or another image as your background.

Next, open the base photo as a layer. Doing it this way makes it easier to work with, since you can't move anything behind the background layer created when you open up an image. You'll see why its important to have the original photo in the second layer soon.

Finally, create a new transparent layer for the frame.
Set up your layers

Step 3Make the frame

Create a rectangular selection about the same size as your subject on the transparent top layer.

Fill it white with the bucket fill tool

Shrink the selection (Select>Shrink) by about 50 pixels, more or less depending on the size of you picture.

Cut out the center (Ctrl-x)

You now have a frame.
Make the frame

Step 4Distort the perspective of the frame

Now use the perspective tool (either from the toolbox or Tools>Transform Tools>Perspective) to distort the frame's perspective so it matches the subject.

When using the perspective tool, simply click and drag the corners to adjust the perspective.
Distort the perspective of the frame

Step 5Create the layer mask

In this step, we will be using a layer mask, something a first timer (or even a regular user!) may not be familiar with. Layer masks allow you to easily cover the parts of the layer you don't want to show. There's only two rules that you really need to know about layer masks:

White makes the image visible
Black makes the image invisible.

Remember, layer masks don't alter the image until you apply them, so you can go back and forth, and experiment with covering or showing stuff until its just right.

Right click on the layer with the photo, and select "Add layer mask". In the dialog box that comes up, select "White (full opacity)".

Start by tracing around the frame and the part of the subject outside the frame with the pencil tool, with the color set to black (remember the rules! black makes the image invisible). With most tools, you can hold shift to create straight lines, which helps a lot when doing the rough cut and the frame.

Please note that my background is gray because I have already filled it in with gray color. When you create the layer mask, the background will show through wherever you make your main image invisible by painting black. So in my case, you see the gray background. If you haven't colored your background, you'll probably see white.

Now that the subject and frame are completely outlined, fill the background black (this makes that area of the main image invisible). Once you have a rough outline, zoom in real close and take the layer mask right up to the edge of the subject.

For this task, I used the paintbrush tool with a "fuzzy brush" (look in the brush selection box) to make a slightly blurry edge on the subject. Be sure to zoom in (- or the magnifying glass in the toolbox) super close to get all the details right.

Once you are happy with your layer mask, right click on it in the layers list, and select "Apply layer mask".
Create the layer mask
loading...
i
ScreenShot4.jpgScreenShot5.jpgtoolbox.jpg

Step 6Put the frame behind the subject

Now, turn the opacity of you frame layer down to about 50. This will allow you to see exactly where your subject goes underneath the frame.

Erase any part of the frame that hides the subject, and use the blur and smudge tools to smooth the edges where the frame meets the subject.
Put the frame behind the subject
loading...
i
ScreenShot6.jpgScreenShot7.jpgtoolbox.jpglayers.jpg

Step 7Add shadows

Now its time to add shadows. The way I do it is with the airbrush tool set to about 60-70% opacity, working on the background layer so that the shadows will be behind everything. Just paint along two edges of the frame, trying to match as best you can the lighting from the original photo.

Next, add shadows to the subject outside the frame in the same way. When you doing this, it helps to have the original photo open so you can refer to it as you paint.
Add shadows

Step 8Show it off!

There you go! You subject is now popping out of the picture! This technique can be applied to many subjects with excellent results. Try adding you own variations, such as multiple frames, patterns or photos in the background, etc. The possibilities are endless.
Show it off!
loading...
i
Finished.jpgtemp.jpgOOB#2.jpg


Creating a 3D effect with image editing software (GIMP or Photoshop) Creating a 3D effect with image editing software (GIMP or Photoshop) Reviewed by Surya Samsu on Tuesday, August 03, 2010 Rating: 5

No comments:

Pratinjau

DUKUNG PERKEMBANGAN BLOG DENGAN MENGIKUTI PROGRAM LINK DIBAWAH

DbClix
adf.ly - shorten links and earn money!
:f :D :) ;;) :x :$ x( :?
:@ :~ :| :)) :( :s :(( :o

News Article Via Email

Enter your email address:

Delivered by FeedBurner

Powered by Blogger.