Now Playing Tracks

Making A Twitter Logo Using ADOBE Illustrator (Beginners)

Many people would like to make their own logo..

well here i will teach you how to make your own logo..

In case that you don’t know how to use Adobe Illustrator, here is a very basic tutorial on how to use Adobe Illustrator.

Lets start with a “TWITTER LOGO”

image

Making the twitter logo is one of the most basic thing to do..

First Step Creating A Worksheet:

Run Your Adobe Illustrator and on the menu bar to File and click “New…”

image

And then change the Width and Height to 300 px. (you could your own dimensions of your worksheet)

image

Second Step Making The Body (Box) :

Select the “Rectangle Tool” at the tools window 

image

Then click and drag until you forms a square

image

then Fill the box with any color for now

image

And then go to “Effects” at the menu bar (you have to select the square first)  

go to Stylize >> Round Corners…

Change the Radius value to “45 px”.

image

and the duplicate the square by selecting it and the pressing Ctrl+C and then Ctrl+V 

Resize the duplicated square and change its fill color then put it in the middle of the previous square

It should look like this :image

Select the square that is in the middle and change the color of the Stroke

It is located at the top left side of the window below the menu bar.

The stroke fill is by the right side the one with the whit square in the middle

image

Hold Shift and click the Stoke Fill and change the color value to:

R: 164
G: 224
B: 249

Also change the color fill of the two squares (the left side of the stroke fill) to:

R: 100
G: 201
B: 232

It should look like this:

image

To make the chrome-like effect use the pen tool

then do something like this:

image

Select it and then go to Transparency and change its opacity to “7” %

image 

now you have your Body:

image

Third Step Making The “t”:

this should be the most easiest part if you have the font called “PICO Alphabet” just use the text tool and then type the letter “t”

but if you don’t have it like me.. then customize one on your own.

first use the pen tool and make an “L”

like this:

image

Select the “L” then go to Effects >> Stylize >> Round Corners 

then change the Radius value to “37”

image

image

Then while the “L” is still selected change the Stroke Style to “7 pt. Round”

image

Then change the Stoke Weight to “0.075 in” as seen in the image:

image

Then form the “t” by adding a line at the middle with the same width as the line “_” of the “L”.

Like this: 

image

As for the White Stroke just copy the “t”, chinge the fill color to white and then resize it until it looks like this:

image

Change the blue “t” color to :

R = 166
G = 242
B = 249

And then for the chrome effect again just like in the body but this time with a gradient effect..

first try to make it look like this:

image

For the gradient select the “Black” part and use the gradient tool

and change the color of the RIGHT end to:

image

and on the LEFT end :

image

then put the angle at “-70”

it should look like this:

image

And there you have it the “t” in the box:

image

Final Step Adding Details :

This is simple just look at the images:

Just put some white lines at the edges of the “t” and use “Effects >> Blur >> Gaussian Blur…" 

image

SAVING FILE AS PNG :

Go to File at the menu bar then click Save for Web & Mobile Devices…

image

then Here you Have IT!!:

image

Thanks For Reading My Basic Graphic Designing Tutorial

Please Visit: www.webnovation.com.au for Customized Logo Designs

9 notes

  1. junkfoodblog reblogged this from webnovation
  2. hyungsdick-blog reblogged this from webnovation
  3. ifeellikesushi reblogged this from webnovation
  4. ablueone-blog reblogged this from webnovation
  5. webnovation posted this
We make Tumblr themes