How to Create Three Star Wars Characters in Adobe Illustrator

A long time ago in a galaxy far, far away…

How to Create Three Star Wars Characters in Adobe Illustrator

How to Create Three Star Wars Characters in Adobe Illustrator
Since Star Wars debuted 40 years ago, it has captured the imaginations of people around the world with its fantastical worlds and vast cast of characters. With a new generation of fans following the recent films, let’s take a look how to create a few of the latest heroes and villains of the franchise.

In this tutorial you will learn the step-by-step process of how to create these cute characters using nothing more than some basic geometric shapes and tools readily available in Adobe Illustrator. Let’s begin!

1.How to Set Up a New Project

Step 1

Open up Adobe Illustrator and set up aNew Documentby clicking onFile > New(Control-N). To follow the tutorial exactly, use the settings below:

  • Number of Artboards:1
  • Width:850 px
  • Height:850 px
  • Units:Pixels

And for theAdvancedtab:

  • Colour Mode:RGB
  • Raster Effects:Screen (72ppi)
  • Preview Mode:Default

How to Create Three Star Wars Characters in Adobe Illustrator

Step 2

Go toEdit > Preferences > Generaland set theKeyboard Incrementto1 px.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 3

Go toUnitsand use the settings shown below.

  • General:Pixel
  • Stroke:Points
  • Type:Points

How to Create Three Star Wars Characters in Adobe Illustrator

2.How to Create the Base Head

Step 1

To create the head of the character, we will use theRounded Rectangle Tool.Click and drag using the mouse to roughly draw out the shape of the head (you can adjust the shape later). Whilst drawing the head (holding the Left Mouse Button)use theUp Arrowand/or theDown Arrowon your keyboard to adjust the corner radius of your shape.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 2

Make sure that the head is selected and choose a suitable colour:

  • R: 159
  • G: 97
  • B: 74

How to Create Three Star Wars Characters in Adobe Illustrator

Step 3

Use theRounded Rectangle Toolagain to create a smaller shape for the ear. Place this on one side of the head.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 4

Duplicate the ear shape (Control-Cand thenControl-Shift-Vto paste the shape in place). Move the second ear to the other side of the head (holdShiftandClick and Dragto move the shape along a straight line).

Group the ears by highlighting both shapes and pressingControl-Gon the keyboard.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 5

Select the group of ears and the head. Making sure that all the elements are selected, click on the centre alignment button to make sure that the head is directly between both the ears.

How to Create Three Star Wars Characters in Adobe Illustrator

3.How to Create the Base Body

Step 1

Using thePen Toolto create the shape for the body, adjust the handles to design the desired shape for your character.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 2

Select thePen Tool and switch the mode from Fill toStroke.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 3

Use thePen Toolto draw out an arm.Click and Dragthe second point to create a bezier in order to adjust the curvature of the arm to your liking.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 4

Adjust the thickness of the stroke to something that fits the dimensions of the character.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 5

Select theCircle Tooland draw a perfect circle for the hands by holding Shift on the keyboard andclicking and dragging the mouse. Place the circle at the end of the arm. Group the arm and the hand (Control-G) andplace the arm on the side of the body.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 6

Duplicate the arm (Control-Cand thenControl-Shift-Vto paste the shape in place). Move the second arm to the other side of the body (holdShiftandClick and Dragto move the shape along a straight line).

Group both of the arms by highlighting both shapes and pressingControl-Gon the keyboard.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 7

Make sure that all the elements are selected, and click on the centre alignment button to make sure that the body is directly between both the arms.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 8

Repeat the steps above to create the legs. You can use theEye Dropper Toolon the arm to duplicate the stroke thickness and colour settings.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 9

Use a combination of the Rounded Rectangle Tooland the Pen Toolto create the feet.

How to Create Three Star Wars Characters in Adobe Illustrator

4.How to Create the Face

Step 1

Use theRounded Rectangle Toolto create a smaller shape for the eye. Duplicate the eye (Control-Cand thenControl-V) and group them. Remember to use the alignment tool to ensure that all the objects are aligned to the centre of each other.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 2

Draw the shape of the eyebrow using thePen Tool(make sure you are using a stroke). Then set theVariable Width Profileusing the drop-down menu.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 3

Duplicate and flip the eyebrow (Right Click > Transform > Reflect).

How to Create Three Star Wars Characters in Adobe Illustrator

Step 4

Use theCircle Toolto draw out a nose. You can then adjust the shape of the nose using theDirect Selection Tool.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 5

Use thePen Toolto create the shape of the mouth (make sure you are using a stroke). Then set theVariable Width Profileusing the drop-down menu.

Remember to make sure that all the elements are centred correctly by using the centre alignment button.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 6

Now that we have created the base character, select everything and duplicate this three times. In the next steps of this tutorial, we will use each character as a base to create Finn, Rey, and Kylo Ren.

How to Create Three Star Wars Characters in Adobe Illustrator

5.How to Create Finn

Step 1

Use theRounded Rectangle Toolto create the hair and send it to the back. To do this,Right Clickon the object and selectObject > Arrange > Send to Back.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 2

Use theCircle Toolto create the front and side of the hair. You will need to duplicate (Control-CandthenControl-V)and flip the shape as we did before when creating the eyebrows (Right Click > Transform > Reflect). Place one on each side of the head.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 3

Use thePen Tool to create the sideburns and place them near the ears. Remember to use the duplicate techniques described above to ensure your new shape elements are mirrored/centred correctly.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 4

Use thePen Toolto create a shape for the collar of Finn’s jacket. Once you are happy with the shape, send it to the back (Right Click > Object > Arrange > Send to Back).

How to Create Three Star Wars Characters in Adobe Illustrator

Step 5

To create the top of the trousers, duplicate the body and paste it in place (Control-CandthenControl-Shift-V). Create a rectangle on top of the body (shown in red). This will act as a cutaway object.

With both the duplicate body and rectangle selected, click on theMinus Front button (make sure the rectangle is on top). You can then use theEye Dropper Toolto select the correct colour.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 6

Use thePen Toolto create the belt for Finn.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 7

Use thePen Toolto create one side of Finn’s jacket. Duplicate and mirror the shape to complete the other side.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 8

At this stage, you can start adding some small details to Finn’s jacket by using thePen Tool.

How to Create Three Star Wars Characters in Adobe Illustrator

6.How to Create Rey

Step 1

Starting with the original base character design, use theSelection Tool and change the colours of the shapes in order to resemble Rey.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 2

Use theRounded Rectangle Toolto create the hair and send it to the back. To do this,Right Clickon the object and selectObject > Arrange > Send to Back.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 3

Use theCircle Toolto create the top of the hair. Place the circle on top of the head and use the alignment tool to ensure it is centred to the rest of the body.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 4

Use theCircle Toolto create the top of thesides of the hair. Remember to duplicate (Control-CandthenControl-V)and flip the shape as before (Right Click > Transform > Reflect). Place one on each side of the head.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 5

Use thePen Toolto create the sideburns and place them near the ears. Remember to use the duplicate techniques to ensure your new shape elements are mirrored/centred correctly.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 6

Use the same techniques with thePen Toolto create the eyelashes.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 7

Select the arms and go toObject > Expandfrom the top menu bar.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 8

Repeat the same cutaway technique that we used for Finn’s trousers.

Copy the arms and paste them in place (Control-CandthenControl-Shift-V). Create a rectangle on top of the body (shown in red). This will act as a cutaway object.

With both the duplicate body and rectangle selected, click on theMinus Frontbutton (make sure the rectangle is on top). Change the colour of the new objects using theEye Dropper Tool.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 9

Use the same cutaway technique to create Rey’s legs.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 10

Use thePen Tool ortheRectangle Tool to create the belt pouch.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 11

Use thePen Toolto create Rey’s wrist guard.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 12

Use thePen Tool to create Rey’s outfit.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 13

Create Rey’s belt using thePen Tool.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 14

Use thePen Toolor theRectangle Toolto create the belt accessories.

How to Create Three Star Wars Characters in Adobe Illustrator

7.How to Create Kylo Ren

Step 1

Use the final base character design to create Kylo Ren. Change the colours of the shapes in order to resemble the character.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 2

UseRounded Rectangle Tool and the Pen Toolto create the back of the hood. Select both objects and send it to the back. To do this,Right Clickon the objects and selectObject > Arrange > Send to Back.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 3

UsethePen Toolto create the front of the hood and then place it in front of the head.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 4

Draw the patterns of the mask using thePen Tool(make sure you are using a stroke) to create the line. Duplicate the line three times (Control-Cfollowed byControl-V).

How to Create Three Star Wars Characters in Adobe Illustrator

Step 5

UsethePen Toolto create Kylo Ren’s visor.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 6

Use theRectangle Toolto create the front part of Kylo Ren’s mouth. To create the patterns at the top, use thePen Tool(make sure you are using a stroke).

How to Create Three Star Wars Characters in Adobe Illustrator

Step 7

Use thePen Tool(set to fill) and create the sides of the mouth piece.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 8

Group the mouth piece (select all the objects and pressControl-Gon the keyboard). Place the mouth piece on Kylo Ren’s head. You can use theAlignment Tool to ensure that all the elements are centred to each other.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 9

Use thePen Tool tocreate the sides of the collar and place it on Kylo Ren’s neck. Then select the mouth piece and place it in front (Right Click > Arrange > Bring to Front).

How to Create Three Star Wars Characters in Adobe Illustrator

Step 10

Use thePen Toolto create the shape of Kylo Ren’s outfit.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 11

Set thePen TooltoStrokeand draw a line down the centre of the character. Then set theVariable Width Profileusing the drop-down menu.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 12

Use thePen Toolto create the shape of Kylo Ren’s belt.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 13

Use theRounded Rectangle Toolto create the belt buckle, and then use theCircle Toolto create the details.

How to Create Three Star Wars Characters in Adobe Illustrator

Step 14

Use thePen Toolto create Kylo Ren’s cape and place it behind the character (Right Click > Arrange > Send to Back).

Awesome! You’re Finished!

Congratulations! You have successfully completed this tutorial.I hope you’ve enjoyed this project and can apply these techniques in your future character designs.

Feel free to adjust the final designs and make them your own, and you can even create other characters from the Star Wars universe!Don’t hesitate to share your final result in the comments section.

See you next time and until then… May the Force be with you!

How to Create Three Star Wars Characters in Adobe Illustrator