Purple Electricity Icon Tutorial
As requested by jesus_freak1234, I’ve replicated the following icon I designed last week:
Since it was near new, I still recalled the steps. The redo:
to
I use GIMP, but I know for a fact this is applicable to other programs.
1. This icon uses one of my favourite Number Six caps from the miniseries before the destruction of Caprica. Here is the image.
2. First, crop like so and use the unsharpen mask feature. I’m not going to tell you the levels I used because every image is different. Also sharpen slightly.
I’ve also based another icon on this cap >>
3. Flip the icon horizontally. Move it to the right side like so.
4. It looks dull right now so it’s time to improve the quality. Return to your base and duplicate five times using the following settings:
[desaturated duplicate; soft light full opacity]
[desaturated duplicate; overlay full opacity]
[colour duplicate; screen full opacity]
[colour duplicate; screen full opacity]
[colour duplicate; overlay full opacity]
[base]
5. Now, focus on the flipped image layer. Duplicate and set to screen full opacity.
6. Duplicate once more, desaturate, and set to overlay full opacity.
The result:
7. Now we’re ready to colour. Create a new white layer and fill with #8f6e2f (a caramel shade). Set it to overlay 70% opacity. This gives colour to Six’s face.
8. Create another layer and fill with #4d0520 (a lovely dark purple) - our main shade. Set that layer to lighten only full opacity.
9. Time to make the pink stripes. They are remarkably easy. Create the smaller stripe (measurement: 6x100) and place it over the point where the two images join. Then, place the larger stripe (measurement: 25x100) over Six’s hair. To get that pink colour, simply set both stripes on overlay full opacity.
10. As for text, I used the font Fontleroy Brown (which you could probably find on Google), size 12, white and typed “e l e c t r i c i t y”.
11. The faded duplicated text I accomplished by draining the opacity to 30%. From there, I created myself a small line. Instead of being fancy, I like to use the underscore button. It’s just as effective.
12. Flatten the image. Since I didn’t smooth her skin in step 2, do so now with your blur tool. Once again, use the unsharpen mask and sharpen feature to keep the icon looking crisp.
Certainly a harder tutorial than some of my others, but it’s a worthwhile effect. I’m happy with the redo so, please, if you’re like the redo or the original (or the dream collides icon!), you can snag. My only rule is please credit. Comments are welcome and I’d love to see if you attempt this tutorial :).
Since it was near new, I still recalled the steps. The redo:
to
I use GIMP, but I know for a fact this is applicable to other programs.
1. This icon uses one of my favourite Number Six caps from the miniseries before the destruction of Caprica. Here is the image.
2. First, crop like so and use the unsharpen mask feature. I’m not going to tell you the levels I used because every image is different. Also sharpen slightly.
I’ve also based another icon on this cap >>
3. Flip the icon horizontally. Move it to the right side like so.
4. It looks dull right now so it’s time to improve the quality. Return to your base and duplicate five times using the following settings:
[desaturated duplicate; soft light full opacity]
[desaturated duplicate; overlay full opacity]
[colour duplicate; screen full opacity]
[colour duplicate; screen full opacity]
[colour duplicate; overlay full opacity]
[base]
5. Now, focus on the flipped image layer. Duplicate and set to screen full opacity.
6. Duplicate once more, desaturate, and set to overlay full opacity.
The result:
7. Now we’re ready to colour. Create a new white layer and fill with #8f6e2f (a caramel shade). Set it to overlay 70% opacity. This gives colour to Six’s face.
8. Create another layer and fill with #4d0520 (a lovely dark purple) - our main shade. Set that layer to lighten only full opacity.
9. Time to make the pink stripes. They are remarkably easy. Create the smaller stripe (measurement: 6x100) and place it over the point where the two images join. Then, place the larger stripe (measurement: 25x100) over Six’s hair. To get that pink colour, simply set both stripes on overlay full opacity.
10. As for text, I used the font Fontleroy Brown (which you could probably find on Google), size 12, white and typed “e l e c t r i c i t y”.
11. The faded duplicated text I accomplished by draining the opacity to 30%. From there, I created myself a small line. Instead of being fancy, I like to use the underscore button. It’s just as effective.
12. Flatten the image. Since I didn’t smooth her skin in step 2, do so now with your blur tool. Once again, use the unsharpen mask and sharpen feature to keep the icon looking crisp.
Certainly a harder tutorial than some of my others, but it’s a worthwhile effect. I’m happy with the redo so, please, if you’re like the redo or the original (or the dream collides icon!), you can snag. My only rule is please credit. Comments are welcome and I’d love to see if you attempt this tutorial :).