Monday 11 February 2013

Adding a Glossy Look to Your Logo (Illustrator)

Making your logo look that tiny bit more classy. 

Level: Beginner





Making a program or an app icon in Illustrator? Want to know how apps have that 'sheen' look? look no further.
first things first, open up your vector logo in Illustrator. Here I have a basic shape, commonly used for mac icons. I have added a gradient, and made the lines invisible, of course this is just an example...




Next, press cmd + A (Mac) or ctrl + A (Windows) to select all and every object in your logo. I only have one, so I can just click on it. A coloured line should surround the image with a box. (the box did not show up in the screenshot).
.


Once you have done this, click shape tool and select the tool which matches the shape of the outer line of your logo. In this case, I would select the circle tool.
Tip: Click and hold the mouse for the shape tool menu.

Create and equal sided shape by holding shift before you make the shape. I have made the circle roughly 30% smaller than the logo shape.






Now I have the circle, I am going to add a gradient. Open the gradient tool box by clicking the 'gradient' tab. Once you have done this, click the small box in the left top hand corner to make the shape have a gradient. These two buttons are circled in pink.
(If you don't have this toolbar, go to the help section and type in 'Gradients')





Once again you have to have the logo selected (cmd/ctrl + A). Once you have done this, click on the gradient bar so that two little 'house' shaped arrows come up on the left and right.







Set the angle above this to 90°.





Click the left 'house' arrow and set the opacity to 0%, then click the right one and set the opacity to 50%. 
(50% is my preference, but you can try out some different opacity levels).

Huzzah.














No comments:

Post a Comment