example

Summary:

Bugs in Illustrator

    ●  Create an interesting and unique creature.


Learn About:

Effects in IllustratorPencil Tool Direct Selection Tool
Convert Anchor Point Tool

  •   This tutorial is used in the Monster Mesh, the CD Cover Design and and Cereal Design Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

bloody-text-example bloody text bug example

Step #1: Open Your Project in Illustrator ~

Open YOUR CURRENT PROJECT in Illustrator

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

… make a New Layer, and lock lock your other layers.

new layer


Step #2: Ellipse Tool ~

Get the Ellipse Tool or hit the keyboard shortcut letter (L) …

… and, holding Shift (⇧)shift key while you drag, make a perfectly round circle.


Step #3: Direct Selection Tool ~

Get the Direct Selection Tool or hit the keyboard shortcut letter (a) …

direct selection tool

… and deselect by clicking somewhere outside the object.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Select the bottom point and drag down.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #4: Gradients ~

Now click the Gradient icon or hit the keyboard shortcut: Cmd(⌘)+F9 and select Radial as the Type.

radial-gradient.png

With the shape selected, click Gradient.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Then click the Slider and pick a color …

… set the other Slider also.

Lower the Aspect Ratio of the gradient. …

aspect-ratio.png

… and the Angle of the gradient too.

gradient angles

Try different stuff! Experiment!


Step #5: Bug eyes ~

Select the shape, copy it Cmd (⌘)+C and Paste Cmd (⌘)+V. Then squeeze it down to fit inside …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… repeat a third time, each one with a unique gradient if you wish.

bug eye


Step #6: Rotate the Shapes ~

Select all the eye shapes …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… and rotate them slightly.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Then Right-Click the shapes, and go to: Transform > Reflect …

right click reflect

… and click Copy.

reflect bug eye

Position the 2 eyes next to each other.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #7: Head and Body ~

Get the Ellipse Tool again and draw a big circle around your eyes, any color or gradient …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Then Right-Click and go to: Arrange > Send to Back

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

You'll also need a body of some kind …

head and body


Step #8: Legs with the Pen Tool ~

Get the Pen Tool and draw some sort of leg. It's not necessary to be too accurate with your lines right now. Just get a basic shape, and be sure to finish where you started.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Get the Convert Anchor Point tool or hit the keybord shortcut letters: Shift (⇧) + C

The Convert Anchor Point Tool allows you adjust your anchor points, smooth shapes, and fix mistakes. Try it!

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Duplicate your shapes and make as many legs as you need …

bug legs


Step #9: Antennae ~

Get the Pencil Tool, or hit the keyboard shortcut letter (n) …

... set your stroke color and weight in the menu bar to whatever you need …

stroke-weight-fill-none-menu.png

… and make some lines for antennae.

antennae

Lastly, go to: Effect > Distort & Transform > Zig Zag and experiment with the settings …

zig zag effect


Step #10: Roughen Effect ~

Using Shift shift key select both the body and head of your bug …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Then go to: Effect > Distort & Transform > Roughen

roughen

Hit the keyboard shortcut: Cmd(⌘)+F to reapply the Effect if necessary.


Step #11: Drop Shadow ~

Select all your shapes by hitting the keyboard shortcut: Cmd(⌘)+A and go to: Effect > Styleize > Drop Shadow and apply your own settings …


Last Step: Save your Project and Attach ~

Go to: File > Save as … and save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]

save as an ai

Attach it and keep working …


  •   ALWAYS save your projects like this:
FIRST_NAME_LAST_NAME_PROJECT_NAME

 

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

 

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.


Other Resources: http://designertoday.com/Tutorials/Illustrator/1405/The.Bugster.Adobe.Illustrator.Tutorial.aspx