SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Fireworks question

    I have an image about 300 pixels long. I want it to fade into my background color from right to left. So the right side will be solid, but on the left it will just blend smoothly. I also wouldn't mind possibly having the left side pixelated. I wonder if I require photoshop to get that effect. Anyways, if you feel you can tell me how using Fireworks MX, that would be great. here is the link of the picture if you are curious.

    http://homepages.evansville.edu/bk38/building.jpg

    Thanks
    Bryan

  2. #2
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    With Fireworks, this is very easy.

    1. Create a black rectangle with a highly feathered edge. I used 40, but you can use whatever you want. Place it over the image so that it covers only the area that you wish to see. (See Image 1)
    2. Select the black shape and go to EDIT > CUT. (Ctrl + X)
    3. Now, select your image and go to EDIT > PASTE AS MASK. (See Image 2)
    4. All done! (See Image 3)
    5. Now the image will fade into whichever background color you choose. Colors that are picked from the edge of the image that is fading into the background will work best. (See Image 4). Or try colorizing the image by going to FILTERS > ADJUST COLOR > HUE/SATURATION, and select COLORIZE.
    Good luck!
    Attached Images Attached Images
    • File Type: jpg 1.jpg (32.4 KB, 28 views)
    • File Type: jpg 2.jpg (33.5 KB, 23 views)
    • File Type: jpg 3.jpg (18.6 KB, 24 views)
    • File Type: jpg 4.jpg (18.9 KB, 30 views)
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  3. #3
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You da bomb. Thanks man, that is awesome

    Bryan

  4. #4
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One more thing, does it matter whether it is a black square or another color?

    What do you personally use for graphics programs BTW. Photoshop or Fireworks. Personally for me, I feel like you can do more in Fireworks because it has the vector option built in, but Photoshop has all those nice dandy filters. Is it possible to pixellate in fireworks?

  5. #5
    SitePoint Zealot
    Join Date
    Mar 2002
    Location
    Vancouver, USA
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Most image apps, and I think Fireworks is one of them, handle Photoshop filters. Have to dig out Kai's Powertools and re-install them and try it. If I can find my old grahpic software notebook, which I need to do cuz I need my 1.5 million clip art collection for something

  6. #6
    Wishful Thinking webmasternovis's Avatar
    Join Date
    Jul 2002
    Location
    England
    Posts
    430
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've tried to do what you said in photoshop, but are having no luck. Would you tell me please?

  7. #7
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Something I can't fix, but I have heard of doing it in photoshop is when you do make a gradient and/or a fade into another object, sometimes when it is prepared for export, it looks kinda nasty, not as fluid as when you are working on it. In photoshop, I have heard of putting another layer on top and then changing the opacity to fix this. Anything like this in fireworks

  8. #8
    SitePoint Zealot
    Join Date
    Mar 2002
    Location
    Vancouver, USA
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Jag, are you talking about doing collages? There was a tutorial on the front page here about how to do them in Fireworks recently, and what you're asking about sounds like would be done with the same techniques.

  9. #9
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It probably is. I will look for it

  10. #10
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yea, I have actually read that article when it came out. Similar to what I am talking about. Something that would be interesting to know is using those Grid lines, how can I make it so they start and fade, kinda like what I had done with my original message

  11. #11
    SitePoint Zealot
    Join Date
    Mar 2002
    Location
    Vancouver, USA
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not 100% certian, since there's no fade out that I can find. It can be done, but probably be a bit of work.

  12. #12
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, I went ahead and I have completed my first Corporate (somewhat) looking layout, template. Tell me what you guys think.
    http://homepages.evansville.edu/bk38/layout1.htm


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
  •