+ Reply to Thread
Results 1 to 5 of 5
Like Tree1Likes
  • 1 Post By SeniorS

Thread: How to make a photo fade to transparent in photoshop

  1. #1
    Junior Member
    Join Date
    Jun 2011
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to make a photo fade to transparent in photoshop

    How do you make a photo fade to transparent in photoshop? I am attempting to let the orange edges of the image slowly fade into the black background of the webpage.

  2. #2
    Forum Moderator
    Join Date
    May 2011
    Location
    Perth W.A. the really hot state.
    Posts
    10,566
    Thanks
    90
    Thanked 427 Times in 420 Posts

    Re: How to make a photo fade to transparent in photoshop

    create a new layer bigger than the image layer, insert your image layer into the new layer leaving the background clear (no colour) then on the edges of your image set the erasure to 20% or so, and rub away some of the edge pixels, save as a PNG file - DO NOT FLATTEN LAYERS BEFORE SAVING.

    Or you could use the pen tool or magic wand i suppose set the feather to 25 say and do it that way?
    Last edited by Paul; 07-15-2011 at 02:10 AM.
    WHAT YOU SEE IS WHAT YOU GET

  3. #3
    Forum Moderator
    Join Date
    May 2011
    Location
    Perth W.A. the really hot state.
    Posts
    10,566
    Thanks
    90
    Thanked 427 Times in 420 Posts

    Re: How to make a photo fade to transparent in photoshop

    pen tool feathered at 25 pixel setting
    Attached Thumbnails Attached Thumbnails How to make a photo fade to transparent in photoshop-sithh.png  

    WHAT YOU SEE IS WHAT YOU GET

  4. #4
    Guru
    Join Date
    Apr 2011
    Location
    born in U.S.S.R.
    Posts
    1,742
    Thanks
    36
    Thanked 121 Times in 113 Posts

    Re: How to make a photo fade to transparent in photoshop

    I sugest:
    1. Open your image.
    2. Open Layers panel (F7) or Windows/Layers.
    3. Double click on Background layer. Will prompt "New Layer" dialog. Press OK.

    Now transparency trick.
    4. Now you should see your Layer dialog, if don't then press F7.
    5. Do that:
    How to make a photo fade to transparent in photoshop-layers.jpg
    6. Press D (will reset background/foreground colors).
    7. Do that:
    How to make a photo fade to transparent in photoshop-gradient.jpg
    8. Then find options for gradient. If you don't see them (ussualy at top), then go Windows/Options. And do that:
    How to make a photo fade to transparent in photoshop-gradient2.jpg
    9. Now will apear Gradient dialog. Choose that:
    How to make a photo fade to transparent in photoshop-gradient3.jpg
    10. Now your mouse isn't arrow but little cross.
    Click and hold mouse at image bottom (little bit upper than bottom line) and drag it to the top of image (or middle, you'll have to experiment to get desired amount of transparency).

    Now image should be transparent:
    How to make a photo fade to transparent in photoshop-done.jpg

    Now saving.
    JPG doesn't support transparency. So even Belials way worked for you but you saved it to jpg all "magic" is lost.
    You can save in 2 formats instead.
    1. as GIF. Will be transparent but it mess with colors it image is photo.
    2. as PNG. This one support transparency and RGB.
    I suggest PNG.

    So go File/Save for Web & Devices. And choose that:
    How to make a photo fade to transparent in photoshop-png.jpg

    Done.

    Looks little complicated but it isn't. And i think it is the right way to do it.
    Rather than love, than money, than fame, give me truth. Henry David Thoreau

  5. #5
    Guru
    Join Date
    Apr 2011
    Location
    born in U.S.S.R.
    Posts
    1,742
    Thanks
    36
    Thanked 121 Times in 113 Posts

    Re: How to make a photo fade to transparent in photoshop

    Sorry, i'm just stupid and didn't read task so well.
    You need just edges not from bottom to up.
    So don't read it and don't do it my way

    Then Belial way should work only use Save as For Web & Devices from my post then it should be okey.
    Paul likes this.
    Rather than love, than money, than fame, give me truth. Henry David Thoreau

 

 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
Powered by vBulletin® Version 4.1.9
Copyright © 2014 vBulletin Solutions, Inc. All rights reserved.
Content Relevant URLs by vBSEO 3.6.0
Copyright 2011 Photoshop Gurus Forum. All rights reserved.
All times are GMT -5. The time now is 05:10 AM.