I recently took over maintenance of website where I have to add more thumbnails. There is an "hazy edge" effect on the existing thumbnails. Does anyone have any suggestions on how to recreate? I have both Photoshop 7 & Fireworks 3.
Printable View
I recently took over maintenance of website where I have to add more thumbnails. There is an "hazy edge" effect on the existing thumbnails. Does anyone have any suggestions on how to recreate? I have both Photoshop 7 & Fireworks 3.
Well, in Paint Shop Pro 7, I would:
Effects > 3D Effects > Buttonize
There must be something similar in Photoshop
With ImageMagick:I'm sure I've done it on the GIMP before, but I can't find the option now...Code:mogrify -raise 2 image.png
unfortunately, I don't have either of those programs. Any idea what type of process is used? Is it a mask or filter? I don't have a lot of experience with either photoshop or fireworks, but willing to dig... if I know what to call it or how to describe it.
ImageMagick is available for free for all common platforms.
you could do this with almost anything. just make two images. Make one hazy. The other just trim the edges after you put it over the hazy one. So you're going to need a program that works with layers. Go to download.com and look for one.
AH! Thank you. I did it once not knowing how I did it... something to do with masking. But this worked great. A little time consuming, but it works and I will take it!!!
In Photoshop, use the rectangular/marquee tool (the "marching ants") to draw a rectangle the size you want within the image border
In the top tool bar go to Select > Inverse
In the top tool bar go to Image > Adjustments > Brightness/Contrast
And increase the brightness as much as you want. It will only affect the selected area (in this case, the border)
Delect and do Save As or Save For Web
Much easier than all of this. Just go into the layer effects (in the layer pane, click the arrow, then 'layer effects'), and change the bevel options. (This is for photoshop.)
In photoshop you can select the entire image, add a white stroke around it, change the stroke to be on the inside, choose the width to be 3 or above (depending on the pic) then reduce the stroke opacity to about 10%. It should give you the same effect as your example.