How to Create Three Star Wars Characters in Adobe Illustrator
A long time ago in a galaxy far, far away...
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
Step 2
Go toEdit > Preferences > Generaland set theKeyboard Incrementto1 px.
Step 3
Go toUnitsand use the settings shown below.
- General:Pixel
- Stroke:Points
- Type:Points
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.
Step 2
Make sure that the head is selected and choose a suitable colour:
- R: 159
- G: 97
- B: 74
Step 3
Use theRounded Rectangle Toolagain to create a smaller shape for the ear. Place this on one side of the head.
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.
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.
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.
Step 2
Select thePen Tool and switch the mode from Fill toStroke.
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.
Step 4
Adjust the thickness of the stroke to something that fits the dimensions of the character.
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.
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.
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.
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.
Step 9
Use a combination of the Rounded Rectangle Tooland the Pen Toolto create the feet.
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.
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.
Step 3
Duplicate and flip the eyebrow (Right Click > Transform > Reflect).
Step 4
Use theCircle Toolto draw out a nose. You can then adjust the shape of the nose using theDirect Selection Tool.
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.
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.
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.
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.
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.
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).
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.
Step 6
Use thePen Toolto create the belt for Finn.
Step 7
Use thePen Toolto create one side of Finn's jacket. Duplicate and mirror the shape to complete the other side.
Step 8
At this stage, you can start adding some small details to Finn's jacket by using thePen Tool.
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.
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.
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.
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.
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.
Step 6
Use the same techniques with thePen Toolto create the eyelashes.
Step 7
Select the arms and go toObject > Expandfrom the top menu bar.
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.
Step 9
Use the same cutaway technique to create Rey's legs.
Step 10
Use thePen Tool ortheRectangle Tool to create the belt pouch.
Step 11
Use thePen Toolto create Rey's wrist guard.
Step 12
Use thePen Tool to create Rey's outfit.
Step 13
Create Rey's belt using thePen Tool.
Step 14
Use thePen Toolor theRectangle Toolto create the belt accessories.
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.
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.
Step 3
UsethePen Toolto create the front of the hood and then place it in front of the head.
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).
Step 5
UsethePen Toolto create Kylo Ren's visor.
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).
Step 7
Use thePen Tool(set to fill) and create the sides of the mouth piece.
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.
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).
Step 10
Use thePen Toolto create the shape of Kylo Ren's outfit.
Step 11
Set thePen TooltoStrokeand draw a line down the centre of the character. Then set theVariable Width Profileusing the drop-down menu.
Step 12
Use thePen Toolto create the shape of Kylo Ren's belt.
Step 13
Use theRounded Rectangle Toolto create the belt buckle, and then use theCircle Toolto create the details.
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!
Original Link:
TutsPlus - Design
TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.More About this Source Visit TutsPlus - Design