TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

Faded borders in rectangular images

Page: 1 2 Reply
Mar 21st 2001#354 Report
Member since: Mar 21st 2001
Posts: 3
How do I make faded borders on each side/corner of an image ?

The background of the webpage is white so I'd like to fade any image (especially if it's a dark color) into a white.

Can you give me some quick instructions or point me to a tutorial?

Thanks.
Reply with Quote Reply
Mar 21st 2001#359 Report
Member since: Mar 18th 2001
Posts: 796

just select your first shape, then select just your corner with intersect selection (ctrl-shift i think) then add the gradient, your color to white.
Reply with Quote Reply
Mar 21st 2001#363 Report
Member since: Mar 21st 2001
Posts: 50
There is an easier way to do this. First create a new layer beneath the image, fill it with a color (makes it easier to see the fading). Select the image layer and then select your rectangular marquee tool (M). Select an area of the image (not all the image), go to Select --> Feather. Depending on the size of the image and how much you want to fade, insert a number. Press ok, and inverse the selection (Ctrl+Shift+I using windows, don't know the short-cut for Mac). Press your delete button, and that should do the trick.

Ok, maybe not easier, but it does the trick for me :D
Reply with Quote Reply
Mar 21st 2001#364 Report
Member since: Mar 18th 2001
Posts: 1690
you could also ctrl click the layer you want to apply the effect to, then go to select>>modify>>contract and do it by 2 or 3 pixels.
then select>>inverse
then filter>>blur>>guassian blur. This gives somewhat of a more dramatic effect I guess, if you want to see what this looks like, check out my site, the image of the flea "the green thing" is dont this way, but it also doesn't fad into transparent.
Reply with Quote Reply
Mar 21st 2001#365 Report
Member since: Mar 21st 2001
Posts: 3
Thanks for the help. Just as added information, I'm using Photoshop6 with access to Kai's Power Tools 6. Here's an example of what I'd like to do:

http://members.nbci.com/_XMCM/rh71el2/temp/huntquad.html

So does what you say still apply? Thanks!
Reply with Quote Reply
Mar 21st 2001#370 Report
Member since: Mar 18th 2001
Posts: 1690
yeah, to me, that looks like they used the guasian blur way of doing it. But, I have been wrong before.
Reply with Quote Reply
Mar 22nd 2001#419 Report
Member since: Mar 18th 2001
Posts: 796

Ah you mean like that, i though you just ment the corners. That's with gaussian blur yes, but i don't think things like that look good on a webpage.
Reply with Quote Reply
Mar 22nd 2001#429 Report
Member since: Mar 21st 2001
Posts: 3
Someone on another forum has taught me a quick and easy way...

- Draw an irregular shape around the image about a half inch from the borders using the Lasso tool.

- Select|Inverse

- Select|Feather about 20px

- Gradient Tool (radial)

- Draw from the center of the image toward any border.

http://members.nbci.com/_XMCM/rh71el2/temp/simba.html

That's all there was to it... so simple that I've memorized it already ;)

Thanks anyway guys.
Reply with Quote Reply
Mar 22nd 2001#433 Report
Member since: Mar 18th 2001
Posts: 796

cool dog :D
Reply with Quote Reply
Mar 24th 2001#525 Report
Member since: Mar 20th 2001
Posts: 671
You could also do it like this....

1: Select an irregular shape a few pixels inside the border with the lasso.

2: inverse selection and feather by 16....

3: Hit delete once or twice (or as many as desired). Make sure the background color is set to the same color as the one on you background....White maybe?

That outta do it....Easier or not?

:D
Reply with Quote Reply
Page: 1 2 Back to top
Please login or register above to post in this forum