graduation-hat

Illustrator Tutorial: Graduation Hat

graduation hat

In this tutorial, we will explain how to illustrate a graduation hat and certificate. The precision of the hat’s band illustrating and folded certificate are very attractive. (musicmundial) Moreover, various shadows and brightness make this illustration very life-like.Let’s get started!

1. Draw a black rhombus using the Pen Tool.

graduation hat

2. Fill it with a radial gradient.

graduation hat

3. To create the hat’s stitches, hold the Alt Key and drag the shape to duplicate it. Empty the inner color of the new shape and add a white outline to it. Go to Stroke Palette > Dash Line and set it as shown.

graduation hat

4. Draw a narrow band using the Pen Tool. Fill it with the appropriate gradient. Put it under the rhombus as the hat’s ledge.

graduation hat

5. Copy the black rhombus and move it under the object using Object > Arrange > Send to Back. Fit it so that a black ledge appears.

graduation hat

6. Draw the hat’s body using the Pen Tool. Fill it with the same gradient as what was used for the rhombus. You can set its location by using the Gradient Tool from the Tool box.

graduation hat

7. Copy the body and create some stitches as you did in step 3.

graduation hat

8. To create a button, draw an ellipse using the Ellipse Tool. Fill it with a darkish gray color. Go to Effect > Stylize > Inner Glow and set as shown to make the outside of this button dark.

graduation hat

9. Add some stitches around the button as you did in step 3.

graduation hat

10. Draw a line using the Pen Tool to create a decorative band.

graduation hat

11. To create the appropriate texture on the band, draw two rectangles side by side. Fill them with colors as shown. Select the rectangles and send them to Brush Palette. In the window, set Pattern Brush and click Ok. The brush settings window should be set in this way. After selecting the band and creating brush, a texture will move on the brush. Click on the bottom option of the Palette to set texture. Increase or decrease the texture scale to create the appropriate shape and thickness for the band.

graduation hat

12. Draw a rounded rectangle using Rounded Rectangle. Fill it with the appropriate gradient. Paint its outline with bright brown. Copy it four times and put them under one another. Add a tassel to the band.

graduation hat

13. Draw a black circle at the end of the band using the Ellipse Tool.

graduation hat

14. Draw a circle and put an ellipse in the middle of it (1). Select the circle and ellipse and go to Object > Blend > Make (2). Select the created shape and the created brush from brush palette. Draw it to form a bunch of string (3). Put it at the end of the band and on the black circle.

graduation hat

15. Make a slightly bigger copy of the tassel made in step 12.

graduation hat

16. Draw several lines for the band using the Pen Tool. It is faster to draw several curves and duplicate them.

graduation hat

17. Select the lines (or curves) of step 16 and select the created brush in step 11 from Brush Palette.

graduation hat

18. To create a certficate, draw spiral shape using Spiral Tool.

graduation hat

19. Go to Effect > 3d > Bevel & Extrude and set as shown.graduation hat

20. To expand the 3D effect and make it editable, go to Object > Expand. To change certificate form, go to Effect > Wrap > Arch and set as shown.

graduation hat

21. Draw several white and yellow shapes using Pen Tool for highlights.

graduation hat

22. Blur partially the previous shapes by using Effect > Blur > Gaussian Blur. Draw some shapes using Pen Tool at the end of the certificate to create shadow.

graduation hat

23. Select the previous shapes. Go to Transparency Palette and set as shown.

24. Draw some lines as string using Pen Tool. Draw the string to form a tied ribbon.

graduation hat

25. Select the string and apply a simple brush from the Brush Palette for the string. This make it look more realistic.

graduation hat

26. Draw some shapes at the areas that have shadows. For example, draw those at bottom of the hat and decorative band.

graduation hat

27. Select the previous shape and go to Effect > Blur > Gaussian to blur it. Select the string of the certificate and make a black copy of it.

graduation hat

28. Put the black string under the yellow one. You can use Object > Arrange for this. Blur the black string partially using Effect > Blur > Gaussian Blur to become a shadow.

graduation hat

29. Draw a big shadow under the hat and decorative band. For this, draw a shape using the Pen Tool as shown.

graduation hat

30. Go to Effect > Blur > Gaussian Blur to blur the shape partially. Go to Appearance Palette and set Opacity=30.

graduation hat

31. Paint the outer lines of the certficate segment with white. You can take a copy from it and fill with white.

graduation hat

32. To make the margin lines darker and more realistic, go to Effect > Stylize > Inner Shadow. Your beautiful graduation hat and certficate is now ready!

graduation hat

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!

premium content lock

Comments are closed.

Scroll to Top