Jennifer (_jems_) wrote,
Jennifer
_jems_

  • Mood:

Tutorial

Tutorial for this icon:





I specifically chose this icon because the skin looks so smooth. So smooth, in fact, that it tends to bother me. Please note that the blur tool was not used in the making of this icon. Also, I retraced my steps, so not every step is detailed.

I started out with these two screencaps. I cropped the bases and resized to 200x200px:



*Eeek! I could only find one of the original bases.


I adjust the brightness/contrast (Image-Adjustments-Brightness/Contrast). Since I retraced this step this is only an approximation, but it seems I used +6 for Brightness and +38 for Contrast for the first base, and +5 for Brightness and +23 for Contrast for the second one. I get these:




I duplicate the second base, move the two images to the sides and get this:



I add layer masks to two of the bases and use brushes to "paint away" the areas that I don't want visible. This is easiest to see in the layer palette:


As you can see, I also preferred a composition where the first base was moved slightly to the left.

This is the finished base:



This is when I start working on gradient and color layers. I used a lot of them for this icon. And I'm not even going to guess how many I tried out / discarded before the icon was finished. I'm just going to list the layers, the Blending Mode and the Opacity. All my gradient layers are from either oxoniensis or crumblingwalls, but I may have fiddled with them.


Overlay, 46%


Soft Light, 76%


Soft Light, 89%


Vivid Light, 19%


Color Burn, 45%


Multiply, 65%


Color Fill Layers:
#D6D3EB
Color Burn, 70%

#DDD7BB
Darken, 100%

#DADAC0
Soft Light, 40%

#968DB0
Pin Light, 52%

#B8D9E9
Color Burn, 53%

#8EA6B2
Saturation, 53%

#D4D6E7
Color Burn, 55%

#B2B29D
Overlay, 66%



Now we have this:



This is where the retracing makes for fuzziness because I have no clue what brush I used here, I just remember using Transform (Ctrl+t) to stretch it out and tilt it slightly. Then I duplicated the layer and transformed that too, making it more into a cone shape and rotating it almost 90 degrees. Brush color: #EEEEE1. This is the result:



Two more color layers:

Color fill layer:
#FFFFEB
Saturation, 21%


Overlay, 71%


Result:



Time for text. I used Folio Lt BT. Font size: 48 pt. Tracking: -150. Anti-Alias: Sharp. The text reads: mystifying



Folio Lt BT. Font size: 30 pt. Tracking: -150. Anti-Alias: Sharp. The text reads: how we fit



Folio Lt BT. Font size: 36 pt. Tracking: -150. Anti-Alias: Sharp. The text reads: together



All text layers have been duplicated once because you almost always need it when you perform the next few steps.

I create a new layer and stamp the visible layers (Ctrl+Alt+Shift+e). I duplicate that layer and Sharpen (Filter-Sharpen-Sharpen). The reason I don't sharpen the original is because even though this is the first time I sharpen the image at all, it can still be too sharp when I resize it to 100x100, so if it is I can decrease the opacity of the sharpened layer to decrease the overall sharpness. I also create a sharpened blank of the icon so that if the text becomes butt ugly when I resize to 100x100 I can try to fiddle with the settings at the correct icon size. I now have these three different layers:



Since I find that a visual representation can sometimes be beneficial, here are all the layers in the layer palette.

Finally, I resize. In this case the second, sharpened, layer works fine. I save as a .png file.


The end.


Remind me to never do that again.
Tags: icons, tutorials
Subscribe

  • Nothing to write about? Must be meme time!

    . 1. Reply to this post with "THE WEATHER'S DEFINITELY TURNED; I'VE ALWAYS LOVED THE AUTUMN," and I will pick five of your icons. 2. Make a post…

  • The cone of silence is no more

    Sometimes I amuse myself by trying to pare down my user pics to 15 (the dreaded plus account number!). I rarely make it, though.…

  • (no subject)

    Since I'm not making icon posts any more, I'm also not getting any feedback. And sometimes I miss it! So I participated in an icon meme: Does…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 56 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →

  • Nothing to write about? Must be meme time!

    . 1. Reply to this post with "THE WEATHER'S DEFINITELY TURNED; I'VE ALWAYS LOVED THE AUTUMN," and I will pick five of your icons. 2. Make a post…

  • The cone of silence is no more

    Sometimes I amuse myself by trying to pare down my user pics to 15 (the dreaded plus account number!). I rarely make it, though.…

  • (no subject)

    Since I'm not making icon posts any more, I'm also not getting any feedback. And sometimes I miss it! So I participated in an icon meme: Does…