Solved

Edge Fadeouts

Posted on 1998-10-28
7
142 Views
Last Modified: 2010-04-03
I'm sure this is one of the simplest questions, but how can I fade out the border of a picture to white?
I've tried using Select All -> Feather and then filling the outside border with a black to white fade, but it doesn't go completly white.
Any Ideas?
0
Comment
Question by:mobiusweb
7 Comments
 

Expert Comment

by:gauss_l
ID: 1115653
Wat is your picture like?
if your picture is monochromatic then juz use gaussian blur to blur the edges of the pic to a white backgrd.

if not, then i suggest this method
  _ _ _ _ _ _ _ _ _
  |   |----------------|  |
  |   |   pic         |  |  <-- border
  |   -----------------  |
  _ _ _ _ _ _ _ _ _
use the rectangular marquee tool to select a suitable border round the pic. Then press down ALT and use the mouse to choose another rectangular marquee tool to select yet another border this time inside the pic, forming a frame-like border round your pic.
use gaussian blur - 4.0 pixel (suggested).
if the distortion is too obvious, select a wider frame border covering that of the previous frame and use less strong blurring effect. ie. 2.0 pixel for gaussian blur.

i havent done this effect b4, hence me not realli familiar wif it. Pls tell me if u have a better method. Thank you.
0
 

Expert Comment

by:jmlynek
ID: 1115654
I think gauss_l is on the right track, but it would much simpler to draw a rectangle using the marquee tool a decent depth inside the image. The Select>Inverse, Select>Feather(The amount depends on the image size and the depth of the new frame), Edit>Fill, select White and there you go. You'll need to experiment a bit with this to get it right. You may also want to enlarge the Canvas before starting, if you want a full white border.
0
 
LVL 2

Expert Comment

by:johnny99
ID: 1115655
My method would be select all, modify the selection by contracting it by x number of pixels, and then hit delete -- assuming that your background colour is set to white.
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
LVL 2

Expert Comment

by:johnny99
ID: 1115656
Sorry, I meant modify the selection by using the "border" command, not the contract command.
0
 
LVL 1

Accepted Solution

by:
X_Kalibur earned 50 total points
ID: 1115657
howdy,

Theres a simpler way..I've done it before, but its late at night and my mind is giving me a sort of blank.. But the way to do it, is to make a selection, save the selection as a mask on the ALPHA channel, and then make a gradient over your image. The gradient should be from a transparent forground (in the centre), to an opaque background (towards the edges).

cya.

0
 

Author Comment

by:mobiusweb
ID: 1115658
Cheers.

0
 

Expert Comment

by:dfess1
ID: 1115659
There is an easier way.  Open the image.  Select the marquee tool, wether it be the elipse or oval.  In the options window, set the feather to say 10 for starters.  Then select the area you want to be in "focus", or where you want the feather to start (from the outside).  Copy it, open a new document, BUT select the background to be white.  Then past.  You will have the desired effect.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Adobe photoshop tool bar very small 6 161
Find good price on glossy card stock with a specific weight 18 106
Screenshot Markup 6 105
PhotoSHop text banner 2 77
HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this tutorial viewers will learn how to create a Photoshop action to apply adjustments and effects to multiple images. Open a photo for editing in Photoshop: Open the Actions window by going to Window > Actions: Start a new action by selecting th…
In this tutorial viewers will learn a few layer organization tricks and tips to improve their workflow in Photoshop. Open a multi-layer document in Photoshop: View all your layers by going Window > Layers:  To make sure your layers can be identified…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question