2016-07-19

Summer is in full swing! And it’s a perfect time to grab your longboard and go cruising outside. Let’s dedicate this tutorial to our fancy vehicles and learn to create colorful vector longboards in Adobe Illustrator! We’ll go through a descriptive process, building and modifying simple geometric shapes, working with Clipping Masks, Stroke and Pathfinder panel. Let’s get started!

Tutorial Details

Program: Adobe Illustrator CC 2015

Difficulty: Intermediate

Topics Covered: Shape Building, Flat Design, Clipping Masks, Stroke Panel

Estimated Completion Time: 20 Minutes

Final Image

This is the final result that we’ll get by the end of this tutorial:



Step 1

Let’s start shaping our longboard from its deck. Use the Ellipse Tool (L) to make an 80×320 px ellipse. Select the top anchor point with the Direct Selection Tool (A) and use the Convert function in the control panel on top to make the corner sharp.

Select both side anchor points and drag them up to make the top of the shape wider.



Step 2

Now we’ll add some decorative elements to the deck. Make another ellipse of 220×140 px size, filling it with lighter-pink color.

Select the deck and duplicate it (Control-C > Control-F). Bring the copy to front (Shift-Control-]).

Now select the top shape and the light-pink ellipse, click right mouse button and Make Clipping Mask. There we have it! Now the unneeded parts are hidden inside the mask.

Step 3

Use the Star Tool to add a 5-pointed yellow star of 55×55 px size right in the center of our board.

Step 4

Now let’s add the wheels to the deck. Use the Rectangle Tool (M) to make the wheels and the truck between them. Make two 15×25 px green shapes for the wheels and long dark-grey shape of 80×7 px size for the truck.

Take the Ellipse Tool (L) and make a 14×14 px circle in the middle for the truck.

Use the Rounded Rectangle Tool to add a 20×27 px yellow rectangle for the baseplate and finish up by adding a few circular bolts that will hold the elements together.

Step 5

Add any details to your liking, for example a couple of stripes to the wheels. Group (Control-G) the elements and attach the wheels to the top of the deck. Hold Alt-Shift and drag down to make a copy for the bottom part of the board. Don’t forget to rotate the bottom copy upside down.

Step 6

Let’s shape the second longboard! This time it will be a smaller cruiser board.

Start shaping its deck by making a 105×160 px blue ellipse and a 105×215 px rectangle of the same color. As you can see, both shapes have the same width, so we can combine them as shown in the screenshot below.

Select the bottom left anchor point of the rectangle with the Direct Selection Tool (A) and press right arrow key while holding Shift to move the point closer to center. Repeat the same for the opposite side, making the bottom of the deck narrower.

Finally, select both anchor points with the Direct Selection Tool (A) and use the Live Corners feature to make the corners rounded. You can set the needed Corner Radius in the control panel on top.

Step 7

Now we can select both parts and Unite them in the Pathfinder.

Step 8

Let’s add some fancy design to the deck. Take the Type Tool (T) and type some word, for example, “Freedom”. Rotate it and place across the deck. I’m using the Pacifico free font and a lighter-blue color for the text.

Object > Expand the text to turn it into vector shapes. Now we can add a Stroke to the text. Apply the same darker-blue color, switching to Stroke in the Color panel and using the Eyedropper Tool (I) while holding Shift. Head to the Stroke panel, set the Weight to 4 pt and Align Stroke to Outside, making it thicker.

Step 9

Use the Arc Tool or the Pen Tool (P) to make two arched light-blue strokes. Set the Stroke Weight to 27 pt and change the Profile in the bottom of the Stroke panel. Use the Flip Along button next to the Profile menu to mirror the parts of the stroke.

Create a Clipping Mask, using the deck shape as we did previously to hide the unneeded elements inside.

Step 10

Finish up by adding the wheels to the deck. We can copy the wheels from the first longboard and change the colors, adding variety to our illustration.

That’s it! Our Summer Longboards Are Ready!

Great job! I hope you’ve enjoyed following this tutorial and learned some simple tips and tricks that will help you with your future illustrations. Stay tuned for more!

The post 10 Steps to Create Flat Longboards in Adobe Illustrator appeared first on Vectips.

Show more