five.

Jul 28, 2012 12:46

Requested by ionizable in my Ask the Maker thread, here is a tutorial for the following icon. It was created in Adobe Photoshop CS5.




1. This is the cap we're working with, and I believe it's from Shadow of Reflection. If I remember correctly, for the original icon, the cap was my own because at the time I had a 780p copy of the film, but I've since deleted it. It doesn't look like there's much of a difference, though. Now, I may have worked with this image in full or larger size when I was making the original icon, but for the recreation, I started by cropping first.

2. Duplicate the base. Go to Image » and select Auto Contrast, then Auto Color, and then Auto Tone.

3. Duplicate the top layer. Filter » Sharpen » Smart Sharpen. The Basic radio button should be selected by default, but if not, make sure that it is now. Set the value for Amount to 500% and for Radius to 0.3px. Where it says Remove: select Gaussian Blur from the drop down box. Make sure that More Accurate is checked. Finally, click OK.

4. Duplicate the base, drag to top. Set this layer to Screen at 20% opacity.

5. In a new layer, paste this texture from midnight-road and set it to Screen at 30% opacity. From the Edit menu, select Transform and click Flip Horizontal.

6. New Adjustment Layer » Vibrance. Place the value for Vibrance at 100% and for Saturation at +2. Set this layer to Soft Light.

7. New Adjustment Layer » Color Balance.
MIDTONES: +11, -1, -74
SHADOWS: 0, 0, +11
HIGHLIGHTS: 0, 0, -19


8. In a new layer, paste this texture by innocent-lexys and set it to Screen. From the Edit menu, select Transform and click Flip Horizontal. Go back to the Edit menu, select Transform, and this time click Flip Vertical.

9. Duplicate the base layer (the one that is just the cropped icon before it was run through all of those Auto functions). Drag it to the top and set it to Soft Light at 50% opacity.

10. To get more green than blue from the left side of the icon, create a new layer and set it to Soft Light. Select a deep mustard color (I used #ac851b) and with a small Drop Shadow brush at 100% opacity, paint over the left side where the colors are too pale. Then select a blue color (I used #0e55a3) and apply the brush to the bottom left corner, over the lapels of our subject's jacket. On the right, you'll see what my brush layer would look like standing alone and how it looks set to soft light over the icon.



11. At this point, the icon is close to done, but because it's a recreation, I take a few extra steps to try and match the colors in the original. First, a New Adjustment Layer » Color Balance.
MIDTONES: 0, 0, -18
SHADOWS: 0, 0, 0
HIGHLIGHTS: 0, 0, 0


12. Go back down to the first texture layer and use the erase tool with a small brush to slowly erase some parts where the icon is too light and/or there isn't enough contrast. Then it's done! On the right is my erased texture layer and the final product.



ORIGINAL:


RECREATION:


Please let me know if you have any difficulty understanding this! I don't think that I've ever written a tutorial before, so the chances of this making little sense or being really confusing are quite high.



Ask The Maker || My Thread

*tutorials

Previous post Next post
Up