How to Create a Transparent Gradient in Photoshop CS3

Posted by theWizard 4 September, 2008
Share/Save/Bookmark

I always wanted to create transparency using the gradient tool. I always wanted to fade it into background, there is a far more complicated way using the feather tool but I decided to post this as this is the easiest method I have come across and it works perfectly everytime.

The steps

1. Create a Photoshop file (PSD file) with 2 layers and a transparent background.

pstut2

2. The 1st layer should be the image to be faded into transparent background.

3. The 2nd layer should be a transparent one.

4. Select the 1st layer and create a layer mask (this layer mask button is found on the bottom of the layers palette)

 pstut3

5. Select the gradient tool.

pstut1

6. Set the gradient to black and white.

pstut4

7. Apply gradient to make it fade into transparency.

8. If you want to add another transparent fade on the same image, right click on the 1st layer mask and select apply mask.

pstut5

9. And again start creating the 2nd layer mask by repeating steps 4-6.

10. If you want it to fade into another image or color, add another image or color on the 2nd layer.

Categories : Tutorials Tags : , , ,

Comments

nice tutorial thanks :twisted: :twisted: :twisted:

Commented by Bob Reply »
on Sep 4, 2008

nice little tutorial

Commented by photoshop free tutorials Reply »
on Sep 21, 2008

This isn’t working. I have it set up exactly as you and many others have described. I apply the gradient, and nothing happens. Any suggestions.

Commented by tyrone Reply »
on Dec 16, 2008
Leave a comment

(required)

(required)


:mrgreen: :| :twisted: :arrow: 8O :) :? 8) :evil: :D :idea: :oops: :P :roll: ;) :cry: :o :lol: :x :( :!: :?: