CyberNotes
Microsoft Monday

There is so much you can do with Paint.NET, it’s just a matter of knowing what you can do, and how to do it! We’ve already shown you how to use some of the basic features in Paint.NET, and we’ve shown you how to make a Web 2.0 logo.  Today’s Pain.NET tutorial will teach you how to take an image and make it appear as though it is "popping out." The image below is the example I’ll be explaining in this tutorial. On the left you’ll see my final product, and on the right you’ll see the image I started with. If you’re a visual learner, I’ve put together a video tutorial, otherwise it is explained in written form below the video. The entire process took me under 10 minutes.

final product  Campus - 04

–Create 3D Pictures in Paint.NET Tutorial–

–Steps–

  1. Find a picture to use that will be easy to work with.  I suggest finding something with a solid color background that will be simple to remove. If you’re good at removing backgrounds, go ahead and find a picture with a more complicated background.
  2. Open Paint.NET and open the picture that you’ll want to use. I’m using a picture of a tower because it has a simple blue background that will be easy to work with. You may want to resize your image if it’s large because it’ll be easier to work with. I made my image 500 pixels wide.
  3. Duplicate the layer containing your image by clicking layers>duplicate layer. Rename to "Image 2."
  4. Create a new layer and name it "frame".
  5. Click on the rectangle tool, and select "draw filled shape with outline. Change the brush width to a size appropriate for your image. My image is 500 pixels wide, and I set my brush size to 20.
    paint tutorial
  6. Draw a rectangle over the picture – this will be the frame of the picture when it’s done and should not cover the parts of the picture you’d like to "pop-out." Also, make sure the frame of the rectangle is the color you’d like it to be. I chose a white frame.  The image below shows what my rectangle looks like:
    paint tutorial2
  7. Click Layers> Rotate/Zoom. Using the "Roll/Rotate tool, create a shape that looks something like what’s pictured below. To do this, click in the "ball" and drag your mouse around. This is for the 3D appearance.
    paint tutorial3  paint tutorial4
  8. Use the Magic Wand and select the black box. Next click the "Image 2" in the layers menu. When it is highlighted, go to edit>invert selection then press the delete key. You won’t notice any visible change, but when you look at your layers for "Image 2," all you should see is the shape of the box that you created.
  9. Click on the "frame" layer and use the magic wand to select the inner black portion. Click delete. All you should have left is the white frame.
  10. Move the "frame" layer up above the "Image 2" layer" and then click "merge layer down." (Layers>Merge Layer Down)
  11. Click on the original image and move it on top of the framed picture layer.
  12. Double click on the layer and change the opacity to 150. This will help you see the framed picture you have below to guide you for the next step.
  13. Using the Magic Wand, begin selecting parts of the background you wish to delete. When you’re done deleting the background, you should have only the parts left that will be "sticking out" of the picture. Remember that you can adjust the tolerance of the magic wand. Tip: Another route to take instead of removing everything except what you want "popping out" would be to select only the parts that are going to be sticking out of the picture. Once you had selected them, you would go to edit>invert selection, and then click delete.
    paint tutorial5
  14. Double click on the original image layer and change the opacity back to 255. If you chose a white border like I did, you won’t be able to see the white frame until after the background color has been added.
  15. Your final step would be to change the background color to black or any other color of your choice. My final image looked like this:
    final product

That’s all there is to it! I chose an extremely easy picture to work with which is what I recommend you do when you first try this tutorial.  I learned how to do this from the Paint.NET forums (although I tweaked their instructions a bit) where there are some other great examples.  The images below come from that forum:

example 1  example2  example3

If you have questions, please feel free to leave a comment and ask!

Download Paint.NET here

There Are 21 Comments

  1. All those pictures of the Campanile and no mention of the Cyclones?!

  2. No, so sorry. :) I suppose I could have mentioned the fact that we beat Iowa, but that’s not very relavent unless you live in the state of Iowa. :)

  3. haha this is pretty cool!! :)

  4. trixie wrote:
    haha this is pretty cool!! :)

    Glad you like it :) It really is very simple to do.

  5. This was awesome but how do you make the background more complex do you merge the origina with the background or what? :?: :?

    • To make it more clear and no white spots left over, go to blurs and select gaussian blur and set to “1″.

  6. I’m not quite sure what background you’re trying to make more complex, could you explain further?

  7. OMG thamk u so much i love u this is the best thing ever xx

  8. wow i can’t believe how easy it was to make the pictures 3D :D :D 8O

  9. I am very new at using photo editing software. Downloaded Paint.net. Still not understanding how to use the layer feature and also how to remove a background and put a different one. The tutorials were not too helpful for me. Any suggestions where I can get some step by step guidance

  10. hi,
    how do you make something like the one in the following url

    [apple.com]

    u have 4 screenshots which seem to be standing and lined up with reflections on the floor right below each of them.

    tnx.

  11. I did everything perfectly until I got to “Invert Selection”. I’ve done the whole tutorial 4 times and cannot figure it out after that step. Is there a way to manually outline the part that you want to pop-out?

    Thanks!

  12. Awesome Tutorial, really easy to follow and also easy to add your own flavour to it to enhance the picture more.

    Keep up the good work x

  13. Thats pretty dam sweet!

  14. Your voice is so cute!

  15. THANKS for the great Erklärung!

  16. Really good job in making this informative video.
    Right now I am trying to follow it but I am stuck at the point where you mentioned selecting
    “Draw filled shape with Outline”
    (Your video time 1:10)

    I don’t have that visible on my paint.net and I can not find from where to get that. Can you help with that?
    Thank you.

  17. Hi Ashley, love your video but I have a couple of issues.On No.10 ‘move the ‘frame’ layer up above the ‘Image2′ layer, the ‘frame’ layer is already on top of ‘image 2′. No. 13, when I use magic wand to delete parts of background, all the background disappears as well as some of my picture. I’ve tried and tried but cannot seem to get it right! I know I must be doing something wrong, or not doing something right, or missing something out so hope you can help me. I’m of the ‘older generation’ and teach others to use computers and I reckon this would be a good thing for some people to learn to do instead of playing cards, ugh! Regards and thanks for all your had work. Ruth

  18. AWESOME!
    And thanks.

Leave Your Comment


Message is the only required field.
Emails are not published.