How to use Adobe Illustrator to make a REALITOON – Save your work often!

1. Access a photo of yourself. The file should be a good size! Here are your options.

2. Bring one from home and scan it. 3. Email one to Miss Cook 4. Bring it on a USB5. Take a picture using Photo Booth6. Save image to the Mac. Your image will be in the “Finder”.

7. Open Adobe Illustrator 8. Click “File”. 9. Click “Open”.10. Find your image file and click to open it.

11. It is a big desktop so it might be helpful to zoom in on your image (bottom left corner).

12. Look at the toolbar on the right. Click the two arrows at the top to expand it.

13. Look at the toolbar on the right in the bottom box (Layers). You need to LOCK your background image so that you cannot make any changes to it. Click the empty box beside the “eye” icon. A lock should appear.

14. Still using the Layers box, create a new layer. Click the 3rd icon over (the one beside the trash can).

15. A new blank layer should appear on top of the locked layer with your picture on it.

16. Double click “layer 2” and rename it “background”

17. Look at your tool bar on the left. You will be using the Pen Tool for most of your work. Click it.

18. Making sure that you “background” layer is still highlighted in blue, use the pen tool and click all for corners of your image. It should create a white square over it. If the square you just made is not selected, use the “selection tool” (the back arrow in the left toolbar) to select it.

19. With your white square selected, look at the right tool bar; select the “stroke” box. Two tabs over you should find “transparency” tab, click it. Play with the “opacity”. This is an important function that you will use a lot!

20. For now, we don’t need to see the background layer, so in the Layers box, lock your background then click the “eye” icon. Your background should disappear.

21. Create a new layer (step 14). Name it “face”

22. Now we are going to start the fun stuff. Still using your pen tool, we are going to map the image. Lets start with our face shape! Make sure you are on the face layer.

23. We are going to do just the outline the face. Start at your chin. Click any point along your jaw line with the pen tool. It will create an “anchor point”.

24. Now click and hold another point on the jaw line. Without unclicking, pull away from the center second point and you should be able to curve your line.

25. Ideally, you shouldn’t have to curve too much, so for really curved areas of your photograph, the points will be closer together. For straight areas (like your background) they can be far apart.

26. Play with this a bit. It’s okay to make a mistake because you can undo it by undoing or typing the undo shortcut.

27. Continue by repeating step 24. As you make your way around the face. Don’t get to caught up with making it perfect, we can alter the shape after quite easily. Don’t forget your ears!

28. If you find the big white shape distracting, turn down the opacity (step 19).

29. Your face will disappear into your hair but that’s okay because there will be a hair layer later. So for now just guess where the top of your head might be.

30. This might be a good time to save if you haven’t already!

31. Once you are all the way around, to finish your shape just click your first “anchor point” as your last point. Now we need to check if we like the face shape and alter any mistakes. You might want to zoom in even more for this (step 11).

32. Identify an area you aren’t happy with. 33. Click the “direct selection tool” (the white arrow) in the left

toolbar.34. Click your face shape. It should highlight the area and you

should be able to see all your pen tool points. 35. Identify the problem point and click it. You should see the

handles. Adjust until it is to your liking. Repeat for all the points you are not happy with. This method will fix most of your problems.

36. If steps 34 and 35 still do not fix your problem, you may need to add or delete anchor points. Click and hold your pen tool button, you will see other pen tool options.

37. If you have an anchor point you made by mistake (I don’t need both those dots) click the “delete anchor point tool”. Click the point you want to delete and it will disappear.

38. If you need to add an anchor point because your area just won’t curve right and your handles are really long, choose the “add anchor point tool”. Click wherever you want a new point. Use the white arrow tool to adjust the handles.

39. Now you are done your face shape. 40. Turn your face layer opacity back up (step 19). Make sure

your shape is selected (black arrow). 41. Now none of you are that pale so lets add some colour.

42. “Turn off” or make your face layer invisible (the eye icon) and unlock your Layer one (the image).

43. Find the “eye dropper tool” in the left toolbar. Click it. Choose a place on your face that could represent the overall colour of your face. Click around to find one. You can see your colour selection in the left toolbar toward the bottom. This box is your “fill colour”. If you double click the fill box you get more colour options.

44. Once you have a colour, make your face layer visible again. 45. Click the colour square and drag it onto the face shape. It will

fill it in. 46. Repeat steps 42 - 45 until you are pleased with the tone.47. We don’t want that black outline. The line is called the

“stroke”. 48. Behind your fill colour, you will see a white box with the red

line through it and an empty square. This is your “stroke colour” Click it to bring it to the front. The red line means “no stroke”, which is what we want.

49. Click the “no stroke” and drag it to your face shape. Your black outline will disappear.

50. In this case we didn’t want an outline, but sometimes we will. 51. You can “turn off” your face layer now. 52. SAVE ! (Tip: if you ever need to delete a layer just click and

drag it to the trash can below)53. Lets add a neck and body. Create a new layer and title it

“Body”.

54. With the regular pen tool, (make sure its not on add or delete a point) outline the skin you can see on your neck and body. You don’t need to be very careful where your clothes touch your skin because we can put a “clothes layer” on top of the body layer later so don’t worry about sleeves, necklines or anything. I overlapped quite a bit (to show you what I mean). Again, you may prefer to turn the transparency down.

55. When you get to the part where your face overlaps neck you can go straight across, again no need to be careful. Fix any problem points.

56. Pick a colour for your neck (steps 42-45). It should be different from your face colour. Probably slightly darker.

57. Turn your opacity back up and turn your face layer back on. Looks weird, eh?

58. Now, is the neck/body behind or in front of your face in your picture? Probably behind. So click and drag your body layer so that it is under the face layer. Under, not in.

59. It should look correct now. This is why we were able to go straight across the chin. Had you tried to outline the chin, the two shapes might not have overlapped seamlessly (this is why we guessed where the top of your head was too)!

60. Make a new layer for clothes. You’ll want to turn off the face and body layers for this. Use your pen tool to outline. You will want to actually outline wherever the clothes touch the skin. When you are done. Fix any points, turn your opacity back up and chose your colour. Turn your other layers back on to check your work.

61. Lets try something a little trickier. The nose. Make a nose layer. Make sure the nose layer is above the face (because noses are on the face).

62. The nose is mostly made of shaded areas. We will use the pen tool to outline the shapes of these shadows. This will take a little playing with to get it the way you want it. Check your work by turning on your face layer. There are no lines on the face, only areas of different colours.

63. Adjust the colour until it looks right to you. 64. Through trial and error, you may decide some of the

shadows don’t look right. Decide to include or exclude these areas using your artistic discretion.

65. The nose layer will be made up of several shapes unlike our previous layers. Some of these shapes may be different colours. Don’t forget, you can zoom in to get those shapes just right!

66. The more shadows you add, the more realistic it will look.

67. If the shapes of the nose are not overlapping the way you want, you can click the little triangle beside the nose layer and it will display a drop down of all the different shapes. Just like the layers, you can rearrange the shapes by clicking and dragging them into a different order. Your most recent shape will be on top. Close the drop down by clicking the triangle again.

68. Have you saved lately ?69. If you want to select all the shapes of a layer that has

multiple (like the nose), click the circle in the bar of that layer. This may be useful for changing the opacity of all the items at once.

70. You will add shadows on your clothes, neck and body in the same way that you created the nose. Just outline areas of shadow(steps 62-67).

71. Create a new layer for these so that you don’t alter the work you are already happy with. Make sure the shadow layers are in the right spot (ex. shadow clothes layer above the clothes layer).

72. Using the pen tool get the creases in the fabric to define areas like your arms.

73. Adjust your lines and check your colours. 74. Save me!

75. Time for the mouth (new “mouth” layer). The mouth is done a little backwards. We are going to do the lips first. Do each lip individually. The upper lip is usually a little darker than the lower lip. Don’t forget the highlight on your lower lip!

76. If there are teeth showing in your picture, we need to do the inside of your mouth and the gums. This should be a little darker then what your lips will be.

77. Next, do the teeth. Make sure you get all those teeth ridges and bumps. Teeth should go on top of the gums. Make them slightly off white.

78. View all your layers together.

79. Save!80. Now might be a good time to add the other shadows

on the face, like the cheeks, ear shadows and smile lines.

81. Refer to the nose steps for how to add shadows (steps 62-67).

82. Add a Cheek layer, ear layer and face shadows layer as you work on these items.

83. Make an eye layer. 84. Add an eyelid by tracing around the shadow of your

eye and where the upper lid crease would be. This step will look strange. The colour should be slightly darker than the face colour (like on of the shadows on the face). Turn the opacity way down or click the “eye” layer triangle and turn off this shape (path) by clicking the eye icon.

85. For the eyeballs you might consider using “stroke” (step 47-48) because eyes are naturally outlined. Bring the stroke box to the front and double click it. Chose a darkish colour, not too black. This will be like your eyelashes.

86. You can adjust the width of the stroke by choosing ”stroke” tab in the right toolbar in the same box that transparency was in. the weight refers to the thickness of your line. You will probably want to select “.25pt”.

87. Make your fill colour whitish, for the whites of your eyes Outline the whites of your eyes using the pen tool. If you don’t see the outline, check the weight box.

88. Turn the opacity down low so you can see your iris (the colour part) and your pupil (the black part).

89. Outline the iris first. Be carful where the iris intersects the top of your eyelid. Turn the iris opacity down. So you can see the pupil.

90. Then do the pupil. This can be black. 91. If you want to add actual eyelashes, just outline

like any other shape. However, draw more of a wedge shape (like eye liner) rather than each eyelash. The spikey eyelashes look kind of strange.

92. Check your work and save. Do the other eye (you might be able to copy and paste the iris and the pupil then just adjust the shapes).

93. Almost done! Hair time. Create a “hair” layer. You should have quite a few layers now. Identify sections of hair and start with the one in the back. Because it is in the back, you don’t need to be careful with where that section intersects with the rest of the hair (just like the neck and the chin). Chose a colour for that layer.

94. Do the next shape that would be on top of the back piece. Choose a slightly different colour.

95. Repeat Step 94 until your hair is done. Don’t forget your eyebrows!

96. You can get as detailed as you like with the hair. Outline for highlights and shadows.

97. Save!98. Turn on all your layers and take a look!99. Now you just need to go back to your initial

background layer. Be creative, come up with a fun background. It could represent what is actually there or something imagined. Create your shapes with the pen tool. Feel free to experiment with other tools but I would “save as” and create a separate file at this point so that you don’t damage your image (just in case). Feel free to try out some different backgrounds, just save them separately. You may want to lock your other layer while you work on the background.

100. Submit your favourite background.