SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict eJM's Avatar
    Join Date
    Feb 2004
    Location
    teh Ether
    Posts
    221
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Fade image from normal to transparent with Fireworks

    I have Fireworks 8. I remember using the trial version of Fireworks MX and doing the tutorial about some ad that had an old Cadillac that involved fading the rear of that car from normal visibility to whited out. I want to do something similar with one of my images, except I want it to have normal visibility at one end and then fade to completely transparent at the other end (or at least fade into the color of the background, which is a beige color). I hope you know what I am talking about because I have tried searching for this effect but can't find anything.

    I do know where the Convert to alpha filter is and how to turn on Live Filters, but I can't figure out how to make it work similar to a gradient. I hope one of you can help me with this.

    Thanks,

    Grump

  2. #2
    SitePoint Evangelist
    Join Date
    Jan 2005
    Location
    London, England
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you checked out www.pixel2life.com?

  3. #3
    SitePoint Addict eJM's Avatar
    Join Date
    Feb 2004
    Location
    teh Ether
    Posts
    221
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for the link. I joined the forum there and did some looking around. It took a while before I finally found a non-related article that referred to something else but brought to my attention the menu item in Fireworks, Command | Creative | Fade. I don't know how I missed that. It was exactly what I was looking for. Amazingly enough, using the keyword "fade" in the Fireworks help applet did not bring that up as a result.

    Thank you,

    Grump

  4. #4
    SitePoint Member
    Join Date
    Jan 2007
    Location
    Finland
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Another good trick:
    Ad mask (Klick the image and the open Layers panel. Bottom of that panel is mask button)

    Ones you have the mask, take the Gradient tool (or hit G in kbord). Make sure you have the mask selected instead of the image (layers panel again).

    Now select fill. Options are from black to white. All Black is equal to 100% transparent.

    Ones you have the edge of fills selected, you can start makeing nice fades.

    Try it. You love the options that this tecnigue gives you.
    Last edited by The_Flash; Jan 13, 2007 at 11:41. Reason: Edited some typos
    http://www.enicta.fi Company Search engine.

  5. #5
    SitePoint Wizard bronze trophy hooperman's Avatar
    Join Date
    Jan 2006
    Location
    Manchester, UK
    Posts
    4,301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A quick way - select the image you want to fade and click Commands > Creative > Fade Image

  6. #6
    SitePoint Member
    Join Date
    Jan 2007
    Location
    Finland
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hoopermans technigue is good if you need simple fade (fast). But if you need more then just ad simple fade (like fading the edges of image) you can do it with mask. Just use pen tool instead of griadient tool in that.
    http://www.enicta.fi Company Search engine.

  7. #7
    SitePoint Enthusiast wiseguy009's Avatar
    Join Date
    Mar 2007
    Location
    Los Angeles, CA
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This can also be accomplished with Photoshop right? And if so are the steps simple enough?

  8. #8
    SitePoint Guru
    Join Date
    Apr 2007
    Posts
    813
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I remember to come across this ruby powered gradient image tutorial

    http://rmagick.rubyforge.org/web2/web2.html

    but I guess alpha image can be done easily using photoshop. And remember to save into png file.

  9. #9
    code ninja hamstu's Avatar
    Join Date
    Nov 2002
    Location
    Montréal, Canada
    Posts
    375
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This thread is very very old.

    Quote Originally Posted by wiseguy009 View Post
    This can also be accomplished with Photoshop right? And if so are the steps simple enough?
    Yes. If you add a quick mask to your layer, you can drag a gradient (black->transparent) to create a fading effect. If you don't care so much about transparency, you can drag a white to transparent gradient on a new layer above your art work.

  10. #10
    SitePoint Member
    Join Date
    Aug 2008
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    "A quick way - select the image you want to fade and click Commands > Creative > Fade Image"

    WOW!!!

    I was searching the internet on how to mask and fade from gradient to alpha an image and this completely solved my problem... I had to join this forum to only say thank you Hooper Man!!!


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
  •