Vector Orb Tutorial Part 2


Here is Part 2, which will finish up with the Orb’s shadows (using clipping masks) and the orb’s reflection (using opacity masks).

You’ve probably seen these types of orbs around the web and now you have the chance to make your own stylish vector orb.

Steps:

8. A. Draw a gray oval and make sure to give this oval an opacity of 50 %. B. Add a Gaussian Blur of 5 to it by going to Effect>Blur>Gaussian Blur. C. Draw an object on top of everything and make it obstruct the orb and the “shadow’s” intersection (see picture). Then right-click this object and choose Make Clipping Mask.

9. A. Make a circle a same size of the orb and copy the M as well. Make the M black and the new circle gray. B. Make the M into outlines by right-clicking the text and choosing Create Outlines. C. Now group these objects. D. Now scale it down so it’s on the same level as our original shadow.

9-I E. Give this object a blur of 20. F. Give this object and opacity of 50%. G. Now move this object back onto our orb. H. Draw a circle of the orb’s size and make sure it’s above our dark object.

10. Option-Drag a copy  of everything besides the 2 bottom shadows.

11. A. Open a Transparency window if one is not open already. B. Double click the area to the right of our orb’s thumbnail (see picture) and uncheck the Clip check box. B-I. Now draw a circular mask about the same size as our orb (see picture). C. Now add a linear gradient to our mask. Be sure to make it fade to black downward where black of an opacity of 100% goes to black of an opacity of 0%. D. Now check the check boxes for Clip and Invert Mask.

11-I. A. Adjust the linear gradient by pushing the side with 0% black more to the 100% side so there is more of the fade showing.

12. A. Double click the thumbnail instead of the mask to exit out the Masking Mode. B. Move the reflection under our orb.

13. A. With the reflection still selected, go to the Transparency window/tab and click the chain so it vanishes. B. Now use the Reflect Tool (O) and flip our reflection horizontally. This way, our mask won’t be effected when flipping. C. Give the reflection an opacity of 75%. D. Apply a Gaussian Blur of 10 onto the reflection.

14. Now you should have made something as close as mine.

I hope you enjoyed this tutorial and will look forward to the next one.

Advertisements

About Fadi G.

I am a digital artist and I hope to push the bounds of creativity. I will produce videos, illustrations, animations, and more interesting things.

Posted on December 8, 2010, in Effects, Icons, Illustrations, Inner Glow, Pathfinder, Text, Tips, Tutorials and tagged , , , , , , , , . Bookmark the permalink. 2 Comments.

  1. Great tutorial Fadi. You have grown so much as a digital artist!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: