How to create a funky dark side pattern in Adobe Illustrator

Favorites
1 Comments
Share
0 Projects

Celebrate the day of the force with this new tutorial! May the 4th be with you!

Hi I'm Alba Zapata and today we're celebrating the day of the force by making a character from the Star Wars saga. The good weather is coming, even for the dark side, so I'll help Darth Vader relax by having him do some skateboarding. The first I did was to roughly sketch the basic shape of a skateboarder, in the position I wanted. It doesn't have to be very detailed, just the shape of the body will be more than enough. Then I did another sketch, this time with all the details I want my design to include. As you see, I did two. I'll take most of the details from this one; and from the previous one, just some details of the suit and the cape. To digitalize it, I'll use the Pen tool with a black stroke. I'll use two thicknesses for the lines. One for the main lines and other for the details. You can make 45 degree lines if you press Shift. We're also going to round the corners to make curves. All we have to do is create an angle with the Pen tool. And with the Direct Selection Tool, stretch the anchor point that appears. I'll make some curves using this method, others I'll do manually. If you decide to do them manually, remember that the fewer anchor points you use, the easier it will be to modify if you need it later. To make Yoda's face on the t-shirt, we'll first make it flat like if it were an icon. To give some depth, we will use the Free Distort tool, which we can find pressing E on our keyboard after selecting with the Selection tool. We can duplicate some of the elements; like the shoes or the wheels, by pressing Alt while moving the objects. Always remember to keep copying the drawing so you can easily return to the previous versions. As I said at the beginning, give the details a thickness of 2 pixels and the rest of the illustration , 3. To make Vader a bit friendlier and approachable, let's give him a bigger head. At this point you should correct any part of the outline you're not happy about. I'm going to change this space here, to make it the same as the one above. When we're finished with the outline, we need to choose a color palette for our design. It's important that each color has various hues we can use later for shading. That way our design won't be too flat. I'll show you how to do this. Duplicate the first color you want, lower the intensity and go to: Object> Flatten Transparency. When you have all the colors, drag them to the swatches panel. As an extra detail, I'm also going to add a striped pattern. You can make this with a couple of rectangles that you can drag onto the swatch panel. Time to add some color. I'm going to make the borders dark blue for the inside. We need to make a copy of the designs and paste it in another layer. Then, delete the outline color and use the Live Paint Bucket tool. Fill the rest as you like and when you're done, place the Light and Shading layer between the Outline layer and the Fill layer. When the drawing is finished, group everything. Now, you can create a background if you like, or like me, you can create a pattern with it. This time, I'm going to complicate things a little and make a hexagon shaped pattern. First we'll draw a 1200 x 1000 pixels hexagon. Fill the shape with our drawing and change its position. Drag to the swatch panel, double-click on it and select Hex by Column. Now, copy the figures again and double-click on your pattern. Carefully place the Darth Vaders so there are no spaces in the pattern. Save and our pattern is ready. This could look really cool as a wrapping paper or a notebook, for example. I really hope you enjoyed this tutorial and see you next
The transcript in this language is not yet available. We are working on it, please come back later!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

Login or register to comment

Best answer
4 months ago

How did you save it after that ??

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor grid