Creating Cute Twitter Bird Icon in Adobe Illustrator


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:



Step 1


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


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


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


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 5


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


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 7


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


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


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


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


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.


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


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



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


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


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


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 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


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


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


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


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


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


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. :)


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.