Page 1 of 2 12 LastLast
Results 1 to 10 of 17

Thread: recreate edge effect on image

  1. #1
    Join Date
    Jun 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default recreate edge effect on image

    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.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Well, in Paint Shop Pro 7, I would:

    Effects > 3D Effects > Buttonize

    There must be something similar in Photoshop
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    With ImageMagick:
    Code:
    mogrify -raise 2 image.png
    I'm sure I've done it on the GIMP before, but I can't find the option now...
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  4. #4
    Join Date
    Jun 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    ImageMagick is available for free for all common platforms.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Nov 2006
    Posts
    236
    Thanks
    4
    Thanked 1 Time in 1 Post

    Default

    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.

  7. #7
    Join Date
    Jun 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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!!!

  8. #8
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  9. #9
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    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.)
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  10. #10
    Join Date
    May 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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&#37;. It should give you the same effect as your example.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •