Click on thumbnailed images to enlarge

:: Tutorial by Smangii of Slightly Insane ::
Rip and R.I.P


1) Your first step is to crop the image as much as possible, but not totally touching the edges or cutting anything off. This gives you a smaller area to work with, so it's less complicated =)

[url=http://img108.imageshack.us/img108/7306/1croppedjy2.png]VIEW IMAGE[/url]

2) Start with part of the render that has a very visible edge & background, so it's easy to see where to cut off. I'm going to be starting here, so I'll zoom in to this portion:

[url=http://img108.imageshack.us/img108/5695/2portionss5.png]VIEW IMAGE[/url]

3) Next step is to zoom in to about 500%, and select your eraser tool. Use these settings:

[url=http://img74.imageshack.us/img74/1700/3settingscy9.png]VIEW IMAGE[/url]

Then begin to erase your background, doesn't have to be perfect! leave some excess around the edges which we'll grab with the selection tools later ;) Just erase the larger areas.

[url=http://img108.imageshack.us/img108/3184/3erasedup9.png]VIEW IMAGE[/url]

TIP: You might want to create a new layer & fill your background in white, so it's easier to see where the edges are =) Just drag the white layer BELOW your render layer to set it as a background when you are erasing.


4) Now we're going to work on the straight edges of my piece. Select your Free Hand Selection Tool --> Point to Point. And use these settings:

[url=http://img164.imageshack.us/img164/2589/4straightsettingsia5.png]VIEW IMAGE[/url]

Using your mouse, go around the edges of only a PORTION of your image, then create a box around it as so:

[url=http://img164.imageshack.us/img164/9003/5straightboxyg2.png]VIEW IMAGE[/url]

Press the delete key on your keyboard once or twice, then his Ctrl + D to deselect. Ahh, straight edge! If you still see some excess of the background, feel free to do it again in another smaller area, but leave the areas that are perfect alone =) I'm going to go over the top portion a bit:

[url=http://img158.imageshack.us/img158/8436/5secondboxjv0.png]VIEW IMAGE[/url]

Then hit the delete key...

[url=http://img158.imageshack.us/img158/7527/5secondboxresultsvi9.png]VIEW IMAGE[/url]


5) There are different ways to do round edges. One of the ways is to use the method from above ^ and just take very very short steps with the point to point tool, so you get a round edge. I like to do this for very small round corners, it's easier to grab:

[url=http://img474.imageshack.us/img474/7956/6roundgrabhd1.png]VIEW IMAGE[/url]

Hitting the delete key twice:

[url=http://img474.imageshack.us/img474/2329/6roundresultzu5.png]VIEW IMAGE[/url]

Another way is to use the ellipse selection tool. Make a circular selection so the edge of the circle is the edge of the render (or as close as you can get)

[url=http://img474.imageshack.us/img474/1549/6round2grabpo2.png]VIEW IMAGE[/url]

Then, you'll have to zoom out to about 100 or 200%, and select your rectangular selection tool. Holding the CTRL Key down, draw boxes around the area which you DON'T want to delete:

[url=http://img232.imageshack.us/img232/5485/6roundresultgl1.png]VIEW IMAGE[/url]

Then hit your delete key once or twice, then ctrl + D to deselect. You might have to use the 1st method of curving to get the bits and pieces off =)

[url=http://img474.imageshack.us/img474/6066/6x1eo5.png]VIEW IMAGE[/url]

delete key once:

[url=http://img294.imageshack.us/img294/2936/6x2gs8.png]VIEW IMAGE[/url]

6) That's pretty much it! Go around in section around your entire image, being watchful of small errors. It's a good idea to change the color of your background to yellows, reds, blacks, grays, etc. to see if there are any missed spots, and how it looks against other backgrounds. Once satisfied...

- Make sure the background is transparent, hide or delete all other backgrounds.
- Go to File --> Export --> PNG Optimizer
- In COLORS Tab, use 16.7 Million colors
- In TRANSPARENCY tab, use Alpha Chanel Transparency --> Existing image or layer transparency
- In GAMA Tab, use whatever setting suits you best, preferably for PCs
- In FORMAT tab, use non-interlaced.

Here is my render!

User posted image

Tutorial by Smangii of Slightly Insane
Do Not Repost

Tutorial Comments

Showing latest 2 of 2 comments


By ROLDANYXX on Jul 30, 2007 8:24 pm

QUOTE(top srecret @ Apr 1 2007, 3:47 PM) [snapback]2514710[/snapback]thats cool.but how do i get a transparent bar.meaning WHERE DO I DO THAT IN A PHOTOSHOP CUZ THERE ARE SO MANY.in case someone didn't already say, your lines should be done

By nishikigoi on May 20, 2007 11:53 pm

Tutorial Details

Author Smangii View profile
Submitted on Apr 26, 2007
Page views 16,971
Favorites 4
Comments 2

Tutorial Tags