Illustrator Tutorial: Create a Realistic Old Style Typewriter

0
838
views

By: Bao Nguyen

In the following tutorial you will learn to create a realistic old style typewriter by using some basic tools, vector shape building techniques, complex gradients, duplicated shapes and some effects. So let’s start!

Create a New document

  1. Launch Illustrator and then press (Ctrl + N) to create a New Select Pixels from the Units drop-down menu, enter 790 in the width box and 700 in the height box then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before you click OK.

Create the Main Shape

2. Pick the Rectangle Tool (M) and create two rectangles with dimensions: 253 by 48px and 253 by 127px. Then place them to the correct positions like you see in the second image. With the Direct Selection Tool (A), select the top-left anchor point of the red rectangle and move it 27px to the right. Next select the bottom-left anchor point of the black rectangle and move it 51px to the right. Now reselect the two objects created in this step, then open the Pathfinder panel (Window > Pathfinder) and click on the Unite The resulting object should look like the last image below.

3. Focus on the first image, pick the Convert Anchor Point Tool (Shift +C), click on the anchor point highlighted with green, hold mouse and drag it to the right while holding Shift. Now focus on the second image, select two anchor points highlighted with black and click on the “Convert selected anchor points to smooth” icon from the Properties With the help of the Convert Anchor Point Tool (Shift +C), click on the upper handle of the upper anchor point highlighted with black to remove it. Next click on the remaining handle of the upper anchor point highlighted with black, hold mouse, then drag it to the right and down. Continue with the Direct Selection Tool (A), click on the upper handle of the lower anchor point highlighted with black, then hold mouse and drag it to the right. You should end up with something like in the last image.

4. Select the red object created in the previous steps, pick the Reflect Tool (O), then hold down the Alt and click on the right side of the red object. In the Reflect dialog box, check the Vertical and click Copy. The resulting object should look like the second image below. Reselect these two red objects, then open the Pathfinder panel (Window > Pathfinder) and click on the Unite

5. Select the red object created in the step 4 and go to the Object > Path > Offset Path… Enter a -9px Offset and click OK. Reselect the bigger red object and make a copy (Ctrl +C, Ctrl +F) of it. Keep this copy selected, swap the fill and stroke colors by clicking the bent double-headed arrow next to the Fill and Stroke color swatches in the Toolbox. Replace the existing fill color of the resulting shape with very dark red (# 261412) and then send it to back (Ctrl +Shift +Left Square Bracket). Now select two red objects, open the Pathfinder panel (Window > Pathfinder) and click on the Minus Front Remove the stroke of the resulting compound path and then fill it with the linear gradient as shown in the last image.

6. Pick the Rectangle Tool (M) and create a 307 by 60px yellow rectangle, then place it to the position as shown in the first image. With the Direct Selection Tool (A), select the bottom-left anchor point of the yellow rectangle and move it 60px to the right. Pick the Convert Anchor Point Tool (Shift +C), click on the bottom-left anchor point of the yellow object, then hold mouse and drag it to the left. Now select the top-left anchor point and click on the “Convert anchor points to smooth” icon from the Properties Next with the Convert Anchor Point Tool (Shift +C), click on the upper handle of the top-left anchor point of the yellow object to remove it. Finally click on the remaining handle of the top-left anchor point of the yellow object, hold mouse, then drag it to the right and down.

7. Select the yellow object created in the step 6 and go to the Object > Transform > Reflect… In the Reflect dialog box, check the Vertical and click Copy. Drag the copy to the right and place it as shown in the second image. Don’t forget to hold the Shift key on the keyboard for straight dragging. Now reselect two yellow objects created from beginning step 6 to this time, then open the Pathfinder panel (Window > Pathfinder) and click on the Unite Keep the resulting object selected, swap the fill and stroke colors by clicking the bent double-headed arrow next to the Fill and Stroke color swatches in the Toolbox. Then replace the existing fill color of the resulting shape with the linear gradient as shown in the next to last image. Finally send the resulting shape to back (Ctrl +Shift +Left Square Bracket).

8. Select the first shape created in the step 5 and make a copy (Ctrl +C, Ctrl +F) of it, then bring the copy to front (Ctrl +Shift +Right Square Bracket). Still having the copy selected, swap the fill and stroke colors by clicking the bent double-headed arrow next to the Fill and Stroke color swatches in the Toolbox. Change the stroke weight of the resulting object to 2px and replace the existing stroke color with new linear gradient as shown in the second image. Then apply the Width Profile 1 for the resulting object. Now focus on the next to last image, select two anchor points highlighted with red and click on the “Cut path at selected anchor points” icon from the Properties This make the resulting object becomes two paths. Select and remove the upper path.

9. Select the shape created in the step 7 and go to the Object > Transform > Scale… Check the Non-Uniform, enter a 97% in the Horizontal box and click Copy. Keep the copy selected and go to the Effect > Stylize > Drop Shadow… Follow the data like you see in the second image and click OK. Finally send the resulting shape to back (Ctrl +Shift +Left Square Bracket).

10. Pick the Rectangle Tool (M) and create a 452 by 16px yellow rectangle, then place it to the position like you see in the first image. With the Direct Selection Tool (A), select the top-right anchor point and move it 1px to the right. Next select the top-left anchor point and move it 1px to the left. Continue with the Rectangle Tool (M), create a 454 by 75px red rectangle and then place it to the correct position as shown in the third image. With the help of the Direct Selection Tool (A), select the top-right anchor point of the red rectangle and move it 37px to the left. Finally select the top-left anchor point and move it 37px to the right.

11. Select the red and the yellow object created in the step 10, then open the Pathfinder panel (Window > Pathfinder) and click on the Unite Focus on the left side of the resulting object, pick the Convert Anchor Point Tool (Shift +C), click on the anchor point highlighted with yellow, hold mouse, then drag it to the left and down. Continue click on the right anchor point highlighted with yellow, hold mouse, then drag it to the left and up. After you are done adjusting the shape of the red object, remove its stroke and then fill this object with the linear gradient as shown in the last image.

12. At this point your illustration should look like in the next image:

Create the Keys

13. We will continue with the keys. With the help of the Rounded Rectangle Tool and the Gradient Tool (G), create a rounded rectangle like you see in the first and the second image. Continue create a very soft orange rounded rectangle (# f0dfb2) as shown in the third image. Reselect the two rectangles created in this step and open the Align panel (Window > Align). Then click on the Horizontal Align Center button and click on the Vertical Align Top Now select the smaller rectangle created in this step and go to the Object > Path > Offset Path… Enter a -1px Offset and click OK. Then replace the existing fill color of the newly created rectangle with slightly orange (# cbb287). Keep the resulting rectangle selected and go to the Effect > Stylize > Feather… Enter a 4px Radius and click OK.

14. We are going to create a lever attached to the key. Using the Line Segment Tool (\)create a vertical line of length 41px, with a red stroke and no fill. Then place this line to the position like you see in the first image. Change the stroke weight of the newly created line to 3px and replace the existing stroke color with the radial gradient across stroke. Keep the resulting line selected, open the Stroke panel (Window > Stroke) and click on the Round Cap Then hide the resulting line behind the rectangles created in the step 13. Now open the Character panel (Window > Type > Character), select the Myriad Pro font, make it Semibold, set the size to 13px and enter a 60% in the Vertical Scale box. Next pick the Type Tool (T), simply click on your artboard and type the number “1”, then set its color to very dark grayish orange (# 3c352a). Make sure that the number “1” is still selected, open the Paragraph panel (Window > Paragraph) and click on the Align Center icon. Next place the number “1” to the position like you see in the last image. Finally select and group (Ctrl +G) all objects created from beginning step 13 to this time, then name this group “key1”.

15. It’s time to draw the Shift keys. Select the group “key1” created in the step 14 and make a copy (Ctrl +C, Ctrl +F) of it, then bring the copy to new position. Keep the newly created group selected, remove the number “1” and the lever of it. Next pick the Direct Selection Tool (A), drag the mouse to the direction of the red arrow to create a marquee as shown in the third image. Then move the selected anchor points 16px to the right. Now focus on the fifth image, pick the Direct Selection Tool (A), select the bigger shape of the newly created group and replace the existing fill color with new linear gradient. Likewise, repeat the same process for the two remaining smaller shapes of this group to replace the existing fill colors as shown in the last two images. Finally name the group created in this step “keyShift”.

16. Select the group “key1” created in the step 14 and make a copy of it, then place the copy to new position. Keep the copy of the group “key1” selected and go to the Object > Transform > Move… Enter a 32px in the Horizontal box and click Copy. Then press (Ctrl +D) ten times to get the results like you see in the second image. Select and group (Ctrl +G) twelve groups you just created, then place it to the position as shown in the third image. Continue select the group “key1” created in the step 14 and make a copy of it, then place the copy to new position. Keep this copy selected and open the Move dialog box. Enter a 33px in the Horizontal box and click Copy. Then press (Ctrl +D) eleven times to get the results like you see in the next to last image. Finally select and group (Ctrl +G) thirteen groups you just created, then place it to the position as shown in the last image.

17. Select the group “key1” created in the step 14 and make a copy of it, then place the copy to new position. Keep the copy of the group “key1” selected and go to the Object > Transform > Move… Enter a 31px in the Horizontal box and click Copy. Then press (Ctrl +D) ten times to get the results like you see in the second image. Select and group (Ctrl +G) twelve groups you just created, then place it to the position as shown in the third image. Continue select the group “key1” created in the step 14 and make a copy of it, then place the copy to new position. Keep this copy selected and open the Move dialog box. Enter a 34px in the Horizontal box and click Copy. Then press (Ctrl +D) eight times to get the results like you see in the next to last image. Finally select and group (Ctrl +G) ten groups you just created, then place it to the position as shown in the last image

18. Use the Type Tool (T) to change numbers “1” to the correct numbers and letters as shown in the images below.

19. Now we will adjust the shape of the levers of the keys. Before you continue, select the group “keyQ” and press (Ctrl +Shift +G) to ungroup it. Now pick the Add Anchor Point Tool (+) and click on the point highlighted with green to add a new anchor point. Next pick the Direct Selection Tool (A), click on the anchor point highlighted with yellow, hold mouse, then drag it to the right and up. With the Selection Tool (V), reselect the lever you just edited the shape and then hide it behind the keys. Repeat the same process for levers of some keys on the left part of the typewriter.

20. Likewise, repeat the same process for levers of some keys on the right part of the typewriter. You should end up with something like in the image below.

21. Place the group “keyShift” to the position like you see in the first image. We will continue with the lever of the group “keyShift”. Pick the Pen Tool (P) and create a green curved path like you see in the second image. Once your path is drawn, change the stroke weight to 3px and replace the existing stroke color with the linear gradient across stroke. Next hide this lever behind the keys. Now reselect the group “keyShift” and its lever, then go to the Object > Transform > Reflect… Check the Vertical and click Copy. Drag the copies to the right and place them as shown in the last image. Don’t forget to hold the Shift key on the keyboard for straight dragging.

22. Next come the space bar. With the help of the Rounded Rectangle Tool and the Gradient Tool (G), create a rounded rectangle like you see in the first and the second image. Continue with the Rectangle Tool (M) and create a 5 by 39px black rectangle, then place it to the position as shown in the third image. Focus on the fourth image, pick the Add Anchor Point Tool (+) and click on two points highlighted with red to add two new anchor points. Next select the anchor point highlighted with yellow and remove it. Now focus on the next to last image, pick the Convert Anchor Point Tool (Shift +C), click on the upper anchor point you just added, then hold mouse and drag it to the right while holding Shift. Continue click on the remaining anchor point you just added, then hold mouse and drag it up. Don’t forget to hold the Shift key on the keyboard for straight dragging.

23. Pick the Rectangle Tool (M) and create a 5 by 28px blue rectangle. Keep this rectangle selected, hold down the Shift and click on the black object created in the step 22. Release the Shift and click on the black object created in the step 22 again (to fixed its position). Open the Align panel (Window > Align) and click on the Horizontal Align Right button, then click on the Vertical Align Bottom button. Finally pick the Pen Tool (P) and create a red object as shown in the last image.

24. Select the black object created in the step 22, remove its stroke and fill this object with the linear gradient as shown in the first image. Continue select the two objects created in the step 23, remove their strokes and then fill these objects with the linear gradients as shown in the second and the third image.

25. Select three shapes created in the step 24 and go to the Object > Transform > Reflect… Check the Vertical and click Copy. Drag these copies to the right and place them as shown in the first image. Don’t forget to hold the Shift key on the keyboard for straight dragging. Now select and group (Ctrl +G) all shapes created from beginning step 22 to this time. The space bar is done! Next place this space bar to the position like you see in the second image. Finally hide it behind the compound path created in the step 5.

Create the Ribbon Spools

26. We are going to create the ribbon spools. Pick the Ellipse Tool (L) and create a 95 by 33px black ellipse. Make a copy (Ctrl +C, Ctrl +F) of the black ellipse and replace the existing stroke color of the copy with red. Then move the red ellipse 20px Before you continue, select the red ellipse and make a copy of it. Focus on the third image, select four anchor points highlighted with blue and click on the “Cut path at selected anchor points” icon from the Properties bar. Select two paths like you see in the fourth image and remove them. Continue select the two remaining paths, right click on the artboard and then select the Join section from the drop-down menu. Next right click on the artboard again, then select the Join section. Keep the resulting object selected, remove its stroke and then fill this object with the linear gradient as shown in the last image.

27. Select the red ellipse created in the step 26 and replace the existing stroke color with blue, then move it 12px Before you continue, select the blue ellipse and the red path, then make a copy (Ctrl +C, Ctrl +F) of them. Focus on the second image, select two anchor points highlighted with yellow and click on the “Cut path at selected anchor points” icon from the Properties bar. This make the copy of the blue ellipse becomes two paths. Select and remove the upper path. Now select the remaining blue path and the copy of the red path. Right click on the artboard and then select the Join section from the drop-down menu. Next right click on the artboard again, then select the Join section. Remove the stroke of the resulting object and then fill it with the linear gradient as shown in the fifth image. Now select the red original path and bring it to front (Ctrl +Shift +Right Square Bracket). Change the stroke weight of this path to 2px and replace the existing stroke color with very dark gray (# 101010). Then apply the Width Profile 1 for the resulting path.

28. Select the blue original ellipse, remove its stroke and fill this object with the linear gradient as shown in the first image. Still having the resulting ellipse selected and go to the Object > Transform > Scale… Check the Uniform, enter an 85% in the Scale box and click Copy. Then replace the existing fill color of the copy with new linear gradient like you see in the third image. Keep the resulting ellipse selected and apply a 2px Feather effect for it. Make sure that the resulting ellipse is still selected and open the Scale dialog box. Check the Uniform, enter a 90% in the Scale box and click Copy. Move the copy 3px down and then replace the existing fill color with new linear gradient as shown in the sixth image. Now select the first ellipse with feather effect applied in this step and make a copy (Ctrl +C, Ctrl +F) of it, then bring the copy to front. Still having this copy selected, hold down the Shift and click on the ellipse you just moved. Right-click on the artboard and then select the Make Clipping Mask section from the drop-down menu.

29. Select and group (Ctrl +G) all objects created from beginning step 26 to this time. Then place the newly created group to the position like you see in the first image. Show the Rulers (View > View Rulers > Show Ruler) or (Ctrl +R). Next drag a vertical guide from the Rulers (if the guides locked, go to the View > Guides > Lock Guides) or (Ctrl +Alt + ;). Now select the shape created in the step 11, hold down the Shift, click on the vertical guide, release the Shift and then click on the shape created in the step 11 again (to fixed its position). Next open the Align palette (Window > Align) and click on the Horizontal Align Center

30. With the help of the Pen Tool (P), create two curved paths like you see in the first and the second image. Once your paths are drawn, right click on the artboard and then select the Join section from the drop-down menu. Next right click on the artboard again, then select the Join Keep the resulting object selected, make a copy (Ctrl +C, Ctrl +F) of it, then replace the existing stroke color of the copy with red. Focus on the fourth image, select the anchor point highlighted with yellow and click on the “Cut path at selected anchor points” icon from the Properties bar. This make the red object becomes two paths. Select and remove the longer path. Continue with the Pen Tool (P), create a yellow curved path like you see in the sixth image. Now select the red and the yellow path created in this step, then press (Ctrl +J) twice to join them together.

31. Select the red and the blue object created in the step 30, pick the Reflect Tool (O), then hold down the Alt and click on the vertical guide. In the Reflect dialog box, check the Vertical and click Copy. Now select the two red objects, open the Pathfinder panel (Window > Pathfinder) and click on the Unite Remove the stroke of the resulting object and then fill it with the linear gradient as shown in the fourth image. Continue select the two blue objects and then click on the Unite button from the Pathfinder panel. Remove the stroke of the resulting object and then fill it with the linear gradient like you see in the last image.

32. Pick the Rectangle Tool (M) and create a 152 by 49px yellow rectangle, then place it to the position as shown in the first image. With the Direct Selection Tool (A), select the bottom-right anchor point of the newly created rectangle and remove it. Next select the remaining bottom anchor point and move it 76px to the right. With the help of the Convert Anchor Point Tool (Shift +C), click on the bottom anchor point of the yellow object, hold mouse and drag it to the right while holding the Shift. After you are done adjusting the shape of the yellow object, remove its stroke and then fill this object with the linear gradient as shown in the fourth image. Keep the resulting shape selected and go to the Object > Transform > Scale… Check the Non-Uniform, enter a 73% in the Horizontal box and 69% in the Vertical box, then click Copy. Next replace the existing fill color of the copy with the new linear gradient as shown in the next to last image. Make sure that the resulting shape is still selected, hold down the Shift and click on the bigger shape created in this step. Release the Shift and click on the bigger shape created in this step again (to fixed its position). Then open the Align panel (Window > Align) and click on the Vertical Align Top

33. Using the Line Segment Tool (\)create a horizontal line of length 152px, with a 3px light grayish orange stroke (# ebe1da) and no fill. Next pick the Pen Tool (P) and create a curved path like you see in the second image. Once your path is drawn, change the stroke weight to 8px and replace the existing stroke color with very dark grayish violet (# 414042). Keep the resulting path selected and open the Stroke panel (Window > Stroke). Then check the Dashed Line box, enter 3px in the dash box and 2px in the gap box. 

34. It’s time to draw the type hammer. With the help of the Pen Tool (P), create three paths like you see in the first and the second image. Once your paths are drawn, select the two yellow paths and go to the Object > Blend > Blend Options… Follow the data like you see in the third image and click OK. Then go to the Object > Blend > Make (Ctrl +Alt +B). Keep the blended object selected, hold down the Shift and click on the blue curved path. Then go to the Object > Blend > Replace Spine. Keep the resulting blended object selected and go to the Object > Blend > Expand. Still having the resulting group selected and go to the Object > Transform > Reflect… Check the Vertical and click Copy. Drag the copy to the right and place it as shown in the second image. Don’t forget to hold the Shift key on the keyboard for straight dragging. Reselect the two groups created in this step, change the stroke weight to 3px and then replace the existing stroke color with the linear gradient across stroke. Finally hide the resulting groups behind the two shapes created in the step 31.

35. It’s time to draw the type guide. Pick the Rectangle Tool (M) and create two rectangles with dimensions: 24 by 41px and 24 by 9px. Then place these two rectangles to the correct positions like you see in the second image. With the Direct Selection Tool (A), select the top-right anchor point of the black rectangle and remove it. Next select the remaining top anchor point and move it 12px to the right. Now select the two objects created in this step, then open the Pathfinder panel (Window > Pathfinder) and click on the Unite With the help of the Rectangle Tool (M), create a 7 by 30px blue rectangle and place it to the correct position as shown in the fifth image. Make sure that the blue rectangle is still selected, hold down the Shift and click on the red object created in this step. Then click on the Minus Front button from the Pathfinder panel.

36. Select the red object created in the step 35, remove its stroke and fill this object with dark gray (# 7a7a7a). Keep the resulting shape selected and go to the Object > Path > Offset Path… Enter a -1px Offset and click OK, then replace the existing fill color of the newly created shape with light gray (# d8d8d8). Now select the two shapes created in this step and place them to the positions like you see in the third image. Then hide these two shapes behind the bigger shape created in the step 32. Next select the bigger shape created in this step and go to the Effect > Stylize > Drop Shadow… Follow the data as shown in the fourth image and click OK. Finally with the help of the Ellipse Tool (L) and the Gradient Tool (G), create a 14 by 14px grayish red ellipse like you see in the last two images.

37. Pick the Rectangle Tool (M) and create a 278 by 14px very dark gray rectangle (# 343434), then place it to the position as shown in the first image. Make a copy (Ctrl +C, Ctrl +F) of the newly created rectangle and then replace the existing fill color of the copy with dark grayish red (# 949292). Keep this rectangle selected and open the Transform panel (Window > Transform). Set the transfer reference point to top-center and change H to 5px. Finally select the two rectangles created in this step and send them to back (Ctrl +Shift +Left Square Bracket).

Create the Platen of the Typewriter

38. We will continue with the platen of the typewriter. Pick the Rectangle Tool (M) and create a 451 by 40px red rectangle, then place it to the position as shown in the first image. Focus on the left side of the newly created rectangle, pick the Add Anchor Point Tool (+) and click on the point highlighted with blue. With the Direct Selection Tool (A), select the anchor point you just added and move it 2px to the right. Next pick the Convert Anchor Point Tool (Shift +C), click on the anchor point you just moved, hold mouse and drag it up while holding Shift. Likewise, repeat the same process for the right side to adjust the shape of the red object as shown in the fifth and the sixth image. After you are done adjusting the shape of the red object, remove its stroke and fill this object with the linear gradient as shown in the seventh image. Keep the resulting shape selected and go to the Object > Transform > Scale… Check the Uniform, enter a 101% in the Horizontal box and 77% in the Vertical box, then click Copy. Replace the existing fill color of the newly created shape with new linear gradient like you see in the next to last image. Finally hide the resulting shape behind the bigger shape created in this step (Ctrl +Left Square Bracket).

39. Pick the Ellipse Tool (L) and create an 8 by 58px red ellipse, then place it to the position like you see in the first image. Make a copy (Ctrl +C, Ctrl +F) of the newly created ellipse and move the copy 26px to the left. Reselect the red original ellipse and make a copy of it, then replace the existing stroke color of the copy with blue. Focus on the fourth image, select four anchor points highlighted with black and click on the “Cut path at selected anchor points” icon from the Properties This make the left red and the blue ellipse become four paths. Select the right red and the right blue ellipse, then remove them. Continue select the two remaining paths created in this step, right click on the artboard and then select the Join section from the drop-down menu. Next right click on the artboard again, then select the Join section. Still having the resulting object selected, remove its stroke and fill this object with the linear gradient as shown in the next to last image. Finally select the remaining red ellipse, remove its stroke and then fill this object with the linear gradient like you see in the last image.

40. Pick the Rectangle Tool (M) and create a 34 by 2.5px very dark red rectangle (# 572b28). Keep the newly created rectangle selected and make a copy (Ctrl +C, Ctrl +F) of it. Next place the two rectangles created in this step to the positions like you see in the second image. Reselect these two rectangles and go to the Object > Blend > Blend Options… Follow the data as shown in the third image and click OK, then go to the Object > Blend > Make (Ctrl +Alt +B). Still having the blended object selected and go to the Object > Blend > Expand. Focus on the fourth image, pick the Direct Selection Tool (A), select and replace the existing fill color of the rectangles of the newly created group. Make sure that the resulting group is still selected and go to the Effect > Stylize > Drop Shadow… Follow the data like you see in the fifth image and click OK. Now select the first shape created in the step 39 and make a copy (Ctrl +C, Ctrl +F) of it, then bring the copy to front (Ctrl +Shift +Right Square Bracket). Keep the copy selected, hold down the Shift and click on the group created in this step. Right-click on the artboard and then select the Make Clipping Mask section from the drop-down menu. Finally select and group (Ctrl +G) all objects created from beginning step 39 to this time, then send the newly created group to back (Ctrl +Shift +Left Square Bracket).

41. Select the group created in the step 40 and go to the Object > Transform > Reflect… Check the Vertical and click Copy. Drag the copy to the right and place it as shown in the second image. Don’t forget to hold the Shift key on the keyboard for straight dragging. With the help of the Direct Selection Tool (A), select the ellipse of the newly created group and then replace the existing fill color with new linear gradient as shown in the last image. Finally select all objects created from beginning step 38 to this time and send them to back (Ctrl +Shift +Left Square Bracket).

42. Pick the Rectangle Tool (M) and create a 457 by 6px turquoise rectangle, then place it to the position like you see in the first image. Keep working with the Rectangle Tool (M) and create a 28 by 15px red rectangle. Make two copies (Ctrl +C, Ctrl +F, Ctrl +F) of the red rectangle and then place them to the positions as shown in the second image. Reselect the turquoise rectangle, remove its stroke and fill this object with the linear gradient as shown in the third image. Next select the three red rectangles, remove their strokes and fill these rectangles with the linear gradient like you see in the fourth image. Finally select four rectangles created in this step and go to the Effect > Stylize > Drop Shadow… Follow the data as shown in the last image and click OK.

43. Next come the carriage return lever. Pick the Pen Tool (P) and create two objects like you see in the first and the second image. Once your objects are drawn, remove their strokes and then fill them with the linear gradients as shown in the third and the fourth image. At this point your typewriter should look like in the last image.

Create the Paper

44. Pick the Rectangle Tool (M) and create a 340 by 156px light grayish red rectangle (# edebeb), then place it to the position as shown in the first image. Keep the newly created rectangle selected and hide it behind the bigger rectangle created in the step 37. Now select and group (Ctrl +G) all objects created from beginning step 2 to this time. The typewriter is ready and looks like in the second image.

Create the Background

45. We’re done with the typewriter. It’s time for the background now. Pick the Rectangle Tool (M) and create a 790 by 700px slightly orange rectangle (# bba188). The last thing to do is place the typewriter into the newly created background.

Here is what the completed design looks like:

LEAVE A REPLY