Fan tutorial for Photoshop
I've gotten so addicted to this fan technique that I thought I'd post a tutorial in case anyone else would like to give it a shot.
Though it has a lot of steps, it's very specific, so those of you who are fairly new at this will hopefully be able to follow.
We'll be making an icon like this:
</a>
1. Take your base (a picture of Claire Leonelli from the Heat Guy J pilot, if anyone cares), make it square. You'll have this:
</a>
2. Then duplicate it (opacity 40%, hard light), and duplicate that layer.
3. On the top layer go to Filter+Blur+Gaussian Blur, setting the blur at whatever level you'd prefer.
4. On the middle layer, the unblurred one, go to Filter+Artistic+Watercolor and use whatever settings you perfer.
5. Depending upon how strong a watercolor effect you want on your icon, either Blur (which tends to be sufficient) or Gaussian Blur this layer.
6. Go to Layer+Flatten Image (I think there's a keyboard shortcut to this, but I don't know it)
7. Since hard light is so intense, I'll usually duplicate the layer and put it on Screen, about 50%, merge, and mess with Saturation, Brightness and all that. In this case I just screen on 50% and it looks like this:
</a>
8. Go to Image+Resize, 100x100
9. Go to Layer+New Layer and set it on Hard Light 100%
10. Now, we use a fan texture from the fan pack from
visible_light available here. If you choose one with a background, make sure the background is white or erase it so that it is.
</a>
11. Unless your base has VERY strong colors, you want to go to Enhance+Adjust Color+Hue/Saturation, hit Colorize, and find a color for your fan that you think will complement your base well.
</a>
12. Now, Select+All, Ctrl+C, go back to your base and hit Ctrl+V
</a>
13. If you can see your base well enough through the fan texture for your liking go to Layer+Flatten Layer. If not, duplicate the base, set it on Soft Light 100%, go to Layer+Arrange+Bring To Front. Keep duplicating this layer until your base is visible enough for you, and then merge. (I did that once on this one)
</a>
14. Now, so that the fan looks more like part of the background, use the Zoom brush and then the Blur brush around the edges and perhaps on the folds.
</a>
15. Okay now, after this point comes the creativity and originality. This is where I start making all my fan icons unique with brushes, gradients, filters, text, you name it.
The techinque I used on this particular icon:
1. Use this kimono texture. It's my own, colourized to green and resized. You're all welcome to use it.
</a>
2. Go back to the base, go to Layer+New Layer and put it on Normal, 50% (you'll see why in a minute).
3. Go to the texture and repeat step 11 of the first part of the tutorial.
</a>
4. Zoom in on your pic and erase the texture from the fan portion of the picture.
</a>
5. Go back to Windows+Layers and change the texture opacity to 100% and merge the layers.
</a>
6. Use the eyedropper to get a color from the fan (I chose black, obviously).
7. Select+All, select Rectangular Marquee, right click on the icon and select Stroke.
8. In the Stroke pallet, you want Width: 1 px, Location: Center, Mode: Normal, Opcaity: 80%.
</a>
9. Now, go to Layer+New Layer, Hard Light 50%.
10. Get this layer from [Bad username: candycrack_textures], select it and paste it on the base.
</a>
11. Repeat step four, erasing what's in front of the fan.
12. Merge everything.
</a>
Some other icons using most if not all of the first fourteen steps:
(Angel Sanctuary)
(Cowboy Bebop)
(Evangelion)
(10 Things I Hate About You)
Though it has a lot of steps, it's very specific, so those of you who are fairly new at this will hopefully be able to follow.
We'll be making an icon like this:
1. Take your base (a picture of Claire Leonelli from the Heat Guy J pilot, if anyone cares), make it square. You'll have this:
2. Then duplicate it (opacity 40%, hard light), and duplicate that layer.
3. On the top layer go to Filter+Blur+Gaussian Blur, setting the blur at whatever level you'd prefer.
4. On the middle layer, the unblurred one, go to Filter+Artistic+Watercolor and use whatever settings you perfer.
5. Depending upon how strong a watercolor effect you want on your icon, either Blur (which tends to be sufficient) or Gaussian Blur this layer.
6. Go to Layer+Flatten Image (I think there's a keyboard shortcut to this, but I don't know it)
7. Since hard light is so intense, I'll usually duplicate the layer and put it on Screen, about 50%, merge, and mess with Saturation, Brightness and all that. In this case I just screen on 50% and it looks like this:
8. Go to Image+Resize, 100x100
9. Go to Layer+New Layer and set it on Hard Light 100%
10. Now, we use a fan texture from the fan pack from
11. Unless your base has VERY strong colors, you want to go to Enhance+Adjust Color+Hue/Saturation, hit Colorize, and find a color for your fan that you think will complement your base well.
12. Now, Select+All, Ctrl+C, go back to your base and hit Ctrl+V
13. If you can see your base well enough through the fan texture for your liking go to Layer+Flatten Layer. If not, duplicate the base, set it on Soft Light 100%, go to Layer+Arrange+Bring To Front. Keep duplicating this layer until your base is visible enough for you, and then merge. (I did that once on this one)
14. Now, so that the fan looks more like part of the background, use the Zoom brush and then the Blur brush around the edges and perhaps on the folds.
15. Okay now, after this point comes the creativity and originality. This is where I start making all my fan icons unique with brushes, gradients, filters, text, you name it.
The techinque I used on this particular icon:
1. Use this kimono texture. It's my own, colourized to green and resized. You're all welcome to use it.
2. Go back to the base, go to Layer+New Layer and put it on Normal, 50% (you'll see why in a minute).
3. Go to the texture and repeat step 11 of the first part of the tutorial.
4. Zoom in on your pic and erase the texture from the fan portion of the picture.
5. Go back to Windows+Layers and change the texture opacity to 100% and merge the layers.
6. Use the eyedropper to get a color from the fan (I chose black, obviously).
7. Select+All, select Rectangular Marquee, right click on the icon and select Stroke.
8. In the Stroke pallet, you want Width: 1 px, Location: Center, Mode: Normal, Opcaity: 80%.
9. Now, go to Layer+New Layer, Hard Light 50%.
10. Get this layer from [Bad username: candycrack_textures], select it and paste it on the base.
11. Repeat step four, erasing what's in front of the fan.
12. Merge everything.
Some other icons using most if not all of the first fourteen steps:
