outRAGE graphics - portfolio - person tutorial
create an msn-style person.

tutorial:
Please bear in mind that this is my first ever tutorial! Adobe Photoshop is required.
  1. Start with a new image, 500px by 500px, with a white background.
  2. Create a new layer.
  3. Set the foreground colour to #EB7171 and the background colour to #BF1010
  4. Draw a smallish circle towards the top of the canvas - this is to be the head.
  5. In Layer Styles, add a 2px stroke of the colour #9A0F0F.
  6. Ctrl-click the layer.
  7. Add a radial gradient from foreground to background using the following settings:
    • Mode: Normal
    • Opacity: 100%
    • Dither: Yes
    • Transparency: Yes
    You should end up with an image something like this:


  8. Create a new layer.
  9. Ctrl-click the layer with the head on it.
  10. Move the selection 8 pixels left and 8 pixels down
  11. Hold Ctrl and Shift and click the layer with the original head on it.
  12. Fill the new selection with white.
  13. Move the white crescent to just within the main circle:


  14. Filter > Blur > Gaussian Blur. Settings:
    • Radius: 3px
  15. Set the opacity of this layer to 60%.
  16. Create a new layer below the original layer but above the background layer.
  17. Using the eliptical marquee tool, make a large round (but not circular) selection like the one below:


  18. Grab the rectangular marquee tool, hold Alt and remove the bottom of the selection by clicking and dragging over what you wish to remove.
  19. Fill the selection with a radial gradient like the one used for the head.
  20. Add a two pixel stroke of colour #9A0F0F.


  21. Add a new layer.
  22. Ctrl-click the layer with the head on it.
  23. Move the selection 8 pixels left and 8 pixels down
  24. Hold Ctrl and Shift and click the layer with the original body on it.
  25. Fill the new selection with white.
  26. Move the white shape to just within the main body.
  27. Use the polgon lasso tool and remove a triangle from the bottom of the white shape:


  28. Filter > Blur > Gaussian Blur. Settings:
    • Radius: 3px
  29. Set the opacity of this layer to 60%.
  30. Create a new layer below all the other layers but above the background.
  31. Use the eliptical marquee tool to make a selection like the one below. This may take several attempts so be patient!


  32. Fill the selection with the foreground colour (Alt + Backspace)
  33. Add a two pixel stroke of colour #9A0F0F.
  34. Press Ctrl + J to duplicate the layer.
  35. Using any marquee tool you like, delete the left 'arm' on the dupliate layer, and then delete the right 'arm' on the original layer.
  36. Ctrl-click the layer with the left arm on it.
  37. Fill the selection with the usual radial gradient, making the arm light at the shoulder and dark near the end.
  38. Repeat the last two steps with the right arm.
  39. Select the later with the left arm on it, Ctrl-click the layer with the body on it, and press delete.
  40. Leaving the selection there, click on the layer with the right arm and press delete again.
  41. You should now have a (fairly fat!) person such as the one below:


  42. Add highlights to the right arm (and only the right arm) using the same technique described in points 8 to 15.
  43. To add that extra bit of depth, select the body layer, and apply an inner bevel with all the usual settings apart from size set to 250px. Repeat this with head and the arms.
  44. You can also add detail such as a tie by using the polygon lasso tool on the body layer, and deleting the shape you wish to appear white.
My finished person:


 latest graphic

categories
logos
abstract
websites / graphics
tutorials
buttons
text
people / faces
other
If there is any problem with the way this page is displayed, it may be because it was designed and optimised for viewing in Mozilla FireFox. Downloadble here.