type-mascot

Premium Tutorial: Type Mascot

vector type mascot

Learn how to create typography Mascot out of letter T in this illustrator tutorial. This is a fun tutorial to draw typography characters from scratch in Illustrator. You will also learn how to create camouflage prints using Transform effect. Beginners will definitely enjoy this tutorial.

Difficulty: Intermediate
Requirements: Adobe Illustrator

What will you get?

    • Instant download of PDF e-book (35 steps)
    • Detailed step by step tutorial
    • Learn to create mascot drawing
    • Comes with Ai file for easy reference

Tutorial Preview:

1. Create a 600 by 800px document. First, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you'll need a grid every 10px. Go to Edit > Preferences > Guides & Grid, enter "10" in the "Gridline every" box and "1" in the "Subdivisions" box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. All these options will significantly increase your work speed.

2. Grab the Type Tool (T), click on your Artboard and add a simple "T". Use the Times New Roman font and raise its size to 813pt. Select this letter and go to Object > Expand. Hit Shift > Ctrl > G to ungroup the resulting group. Now, select the Pen Tool (P) and create two horizontal paths as shown in the second image. Select these fresh paths along with the T shape and click on the Divide button. Ungroup the resulting shapes, name them "1", "2" and "3" then fill them with the colors shown in the final image.

3. First, select the shapes made in the previous step and lower their opacity to 30%. Now for this step you'll need a grid of 5px. Go to Edit > Preferences > Guides & Grid, enter "5" in the "Gridline every" box. Duplicate shape "3" (Ctrl+C > Ctrl+F) then select the Rectangle Tool (M) and create a shape like the one shown in the second image. Select this new shape along with the copy of "3" and click on the Intersect button from the Pathfinder Panel. Duplicate shape "2" then select the Rectangle Tool(M) and create a shape like the one shown in the third image. Select this new shape along with the copy of "2" and click on the Intersect button from the Pathfinder Panel. Duplicate shape "1" then select the Rectangle Tool (M) and create a shape like the one shown in the fourth image. Select this new shape along with the copy of "1" and click on the Intersect button from the Pathfinder panel. Fill these thin shapes with the color shown in the final image.

4. Pick the Type Tool, click on your Artboard and add an "8" then follow the info shown in the first Characters Panel. Continue with the Type Tool(T) and add a parenthesis and a seven. Select all this text and go to Object > Expand. Ungroup the resulting shapes. First, select the eight, fill it with white and rotate it 90 degrees then place it as shown in the final image. Next, select the seven, fill it with R=249 G=191 B=28, rotate it 180 degrees then place it as shown in the final image. Finally, select the parenthesis, fill it with R=249 G=191 B=28, rotate it 90 degrees then place it as shown in the final image.

5. For this step you'll need a grid of 10px. Go to Edit > Preferences > Guides & Grid, enter "10" in the "Gridline every" box. Grab the Rectangle Tool (M), create a 380 by 290px shape and place it as shown in the image below (for the moment the fill color is not important). Next, you need to move some of these anchor points. Pick the Direct Selection Tool (A), select the bottom left anchor point and move it 30px to the right. Continue with the Direct Selection Tool (A). Select the bottom, right anchor points and move it 30px to the left. Reselect the backpack shape and go to Effect > Stylize > Rounded Corners. Enter a 45px Radius, click OK then go to Object > Expand Appearance.



... end of preview. Sign up for premium membership to read the whole tutorial!

premium content lock



Scroll to Top