|
|
 |
|
|
|
|
|
Swish: Realistic Glass/Plastic 3D button Level: Beginner/Intermediate By: Nikita_a
I decided to create this tutorial for those who don't have access to Photoshop or other imaging software who want that realistic plastic/glass effect. You can use this tutorial for anything. buttons, headers, banners ... play around with it.
Start with an empty movie, 50x50px is what I did.
- Draw a square. for the sake of the tutorial I chose rounded rectangle
 for a cleaner more realistic end result.
- Next place a black outline of 1px and fill it with a radial gradient. Opacity for both should be 100% and colours should be similar to each other in contrast (very subtle)
- Next rotate and move the gradient using the fill tool
 I rotated mine CCW 90degrees and moved it so the lighter part of the circle was towards the top. It looked like this:
- Next step is make similar rectangle without the outline and fill with a linear gradient. The colours in the gradient should be the original darkest colour from the first shape (use the eyedrop tool if u need to) then fade to white .. opacity for white at around 50% and original colour 100%
- next resize the square so that its a bit smaller than the original square. position it like so:
- then draw an elipse and position it like such:
- Fill with linear gradient once again. using the original darkest colour used go from 100% to 65-75% opacity of the same colour. Should look like this so far:
- Now for adding text or symbol. Im going to do a letter for you.
- Type the letter, size it and position it. then click modify -> group -> group as shape this will allow you to fill it with a gradient fill
- Fill sympbol, shape or letter with linear gradient i went from black to the original darkest colour set at an opacity of 80%. once again you will most likely have to rotate and reposition the gradient. play around with it for a bit. this is what it looked like when i was moving the gradient.
then your final outcome:
|
|
|
|
