Photoshop 101: Fade to Black
I’m posting this here for my own sake, because every time I get the inclination to make a new banner for the site, I can never remember how to do it. The trick is figuring out how to use Photoshop to make the image I want fade into the black background. I usually spend an hour in Photoshop not getting anywhere, followed by an hour of poorly worded Google searches, followed by all five stages of grief when I realize I’m not going to figure it out. That’s why the banner hasn’t changed from its previous “Florence” theme since the site went live. This time though, by some stroke of luck, I was able to use Google to track down an explanation, and the parphrased text of it follows after the jump. I just hope I can remember that I posted this when I need to do it again…
Fade to Black
- Open your image, and then use the Marquee Tool to create a rectangular selection around the main object. (For coalcracker banners, make this selection narrow at the ends but wider along the top and bottom.)
- Go to Select->Feather. In the Feather Window that appears, enter the number “15″ in the Feather Radius Box.
- Copy the selection to the clipboard.
- Select black as the ‘background color’ in the Photoshop toolbox.
- Open a new Photoshop file (with dimensions 900×200 for coalcracker) and select Background Color from the Background Contents drop-down.
- Create a new layer.
- Paste your selection in a new layer in this file. Center pasted image in the new area.
- Save!
Posted: August 14th, 2007 under Tech.
Comments: 8
Comments
Comment from Hank
Time: August 14, 2007, 9:41 pm
Or ask me and hope that I remember you posted it… ![]()
Comment from Kanye
Time: August 18, 2007, 7:17 pm
hi nice post, i enjoyed it
Pingback from coalcracker.net » Top Posts
Time: March 30, 2008, 8:40 pm
[...] Wives Faceoff, 7,042 views Photoshop 101: Fade to Black, 296 views New Albums Coming in 2008, 57 [...]
Comment from Piouzi
Time: June 16, 2008, 5:08 pm
i’m just starting on using photoshop and this is a great tip.
thank you.
Comment from Matthew
Time: June 30, 2008, 5:25 am
Great trick, thank you.
Comment from Dan
Time: August 15, 2008, 6:56 pm
thanks for the tip! i couldn’t figure out ow to do a fade until i came across your blog.
Comment from Perez Adams
Time: August 17, 2008, 3:40 pm
Hi, thanks for this, I’ve now made the header picture of my site how I originally wanted it to be rather than block colour.
Check it out, I really like the header picture now.
Thank you very much ![]()
Comment from Shogo
Time: September 21, 2008, 7:42 pm
Thanks, your directions helped me a lot.
Write a comment