Creating Cute Twitter Bird Icon in Adobe Illustrator

2

This tutorial will guide you to the process of Creating Cute Twitter Bird Icon in Adobe Illustrator.

We will use some basic techniques for creating shape and will use gradients to give it a nice look. We will also cover Illustrator CS5 new Width Tool.

Twitter is very popular free social networking web service.

Software: Adobe Illustrator CS5

 

Here is the final output which we will be getting:

Final

 

Step 1

Step-01

Open Illustrator and create a new document. Select Ellipse Tool(L) and create a perfect circle of size Width 1.5 inch and Height 1.5 inch. This will be head of our bird.

Step 2

Step-02

Create another circle of width 0.6 inch and height 0.6 inch. And place it inside the first circle as shown in the figure. This will work as eye of the bird.

 

Step 3

Step-03

Create few more circles and place it as shown in the figure above. In further steps we will copy this eye shape and make the second eye. The eye part is completed.

 

Step 4

Step-04

Now we will create the nose part. Select Polygon Tool and give radius 0.2 inch and side to 3. Place it as shown in the figure below.

Step-04a

 

Step 5

Step-05

Give roundness to the triangle created. Goto Effect>Stylize>Round Corner and enter value 0.05 inch and click ok. Now Expand the Appearance of the shape by going to Object>Expand Appearance

 

Step 6

Step-06

Add and delete the anchor point as shown in figure. Use Convert Anchor Point Tool in the added anchor point to give little roundness. Adjust the shape as shown in the image below.

Step-06a

 

Step 7

Step-07

Create another shape as shown in the figure and reflect the copy by going to Object>Transform>reflect and place it as shown.

 

Step 8

Step-08

For creating hair. Use Pen Tool(P) and draw a shape of hair as shown in the image. Place the hair at the back of the head by right clicking object Arrange>Send to Back .

 

Step 9

Step-09

Now we are done with the head part. Let us create the body.

Select Ellipse Tool and create another circle of shape width 1.65 inch and height 1.9 inch and place it back of the head shape as shown in the image.

 

Step 10

Step-10

Now we will create wing. Use pen tool to draw the shape as shown in figure. And place it behind head shape. Adjust the shape till you get smooth result.

 

Step 11

Step-11

To create the leg part I will introduce you to new tool of Illustrator. Note – This only works for Illustrator CS5, if you want the same result on lower versions of illustrator then just draw the same shape using pen tool.

Make two lines and perpendicular to each-other making a cross shape. Keep the Stroke weight to 6pt and Cap to Round Cap.

Using Width tool (Shift+W) for strokes. Shrink the lines inwards by clicking the lines, as shown in the image.

Step-11a

Now Select the horizontal line and insert a Anchor Point at the centre of the line and move it little upwards.

Step-11b

Expand Appearance of the lines. Draw a new shape and place it above the leg shape as shown below.

Step-11c

 

Step 12

Step-12

We are all done with creating shapes. Now its time for filling colors.

Select the eye shape and fill it with Gradient. Select the type as Radial and give the gradient color

Step-12a

Give Black to the inner circle and white to the two small circles.

Step-12b

Copy the eye and slightly scale down the second eye and place it as shown in the image.

 

Step 13

Step-13

Give Linear Gradient to the nose with the colors as given in image.

Copy the nose shape and rotate it slightly. Place it behind the original shape and give black color with opacity 58%.

Step-13a

 

Step 14

Step-14

Now give head a gradient with type as radial. Fill the gradient with colors as shown in image. Adjust the gradient by pressing G on keyboard or selecting Gradient Tool.

 

Step 15

Step-15

Give the Gradient to the body. Fill the gradient with the colors given in image and select type as Radial. Adjust the gradient by pressing G on keyboard or selecting Gradient Tool.

 

Step 16

Step-16

Now Fill the Wing, Hair and leg part also with gradient and adjust it accordingly. Gradient being linear here.

 

Step 17

Step-17

Fill the leg shape with orange shade gradient with type as linear as shown in image. Group all the Leg shapes.

 

Step 18

Step-18

Select the Leg shape and place it behind the body shape. Rotate the Leg shape Object>Transform>Rotate to Angle -15.

 

Step 19

Step-19

Now we will copy and reflect the Wing and Leg shape and place it to the opposite side of the body. Goto Object>Transform>Reflect select Copy and shift the objects toward right and align it with the body.

 

Step 20

Step-20

Now this part is optional. Give a little rotation to head and body part. And you are done.

 

Final Image

Final Image

Thanks for watching the tutorial.

If you enjoyed the post, do recommend and share it to your friend and colleagues by clicking the social icon below. :)

Share.

About Author

DezineGuide is a Blog dedicated to Graphic Designers and Web Developers giving them Professional Tips, Tricks, Tutorials, Freebies, Inspirations and much more.

  • There are definitely numerous particulars like that to take into consideration. That is a nice level to convey up. I offer the thoughts above as general inspiration but clearly there are questions like the one you bring up where an important factor will be working in sincere good faith. I don?t know if finest practices have emerged round issues like that, however I’m positive that your job is clearly identified as a good game. Each boys and girls feel the impact of only a moment’s pleasure, for the rest of their lives.

  • Alan

    How cool are you for making this tutorial?! Thank you.