|
|
If you think Illustrator has the same look and feel as Photoshop, you couldn't be more wrong. Creating those nice shiny orbs in
Photoshop is one of the easiest things to do, but in Illustrator it takes a lot more effort to get it right. That's why I decided to write this tutorial. After walking through this tutorial, you'll not only know how to create those nice glass orbs, but you'll also have learned how to create gradients with opacity,
which is not a standard feature in Illustrator.
|
|
Step 1: Create a new document, it doesn't matter what size, because you can resize vector graphics to any size you want without losing quality.
Grab your Ellipse Tool
and make a circle in the center of your document. With the circle selected, press the gradient button and create a nice radial gradient. 'What?!' I hear you say. You can find the gradient button underneath the stroke and fill colors, it's the middle one of the three small icons.
You can adjust your gradient in the gradient palette (if you don't see it go to Window > Gradient of press F9). Make a gradient similar to the one I created on the right. It doesn't matter which colors you use, as long as you have the light one on the left and the darker one on the right. Slide the little diamond all the way to the right, this way the darker color will only be visible on the outside of your circle.
|
Step 2: Grab your Ellipse Tool once more and create an ellipse in the top part of your circle and fill it with white. You should now have something similar
to the image on the right. Copy this layer by dragging it on the 'Create New Layer' icon on the bottom of the layers palette. This way you make sure your copy stays in the same position as your original. If you just copy the shape it usually ends up in a different position.
Make a gradient from top to bottom with white on top and black on the bottom. In the next step we'll work our magic and create the
transparent gradient.
|
 |
Step 3: Select both ellipses you just created by holding
CTRL and clicking on the small small circles in the layers palette. If you did it right there will now be two blue squares in you layers palette.
Now go to your Transparency palette and click on the little arrow on the top right and choose
Make Opacity Mask.
If you can't find your transparency palette go to Window > Transparency or press Shift+F9.
NB. If you are using a Mac, replace the CTRL key with OPT.
|
 |
Step 4: Step 4??? There is no
step 4! You're done! And, if you did it right, you should end up with
something that resembles my example on the left.
Of course, you can use this with any shape possible but you will have to be more creative with the highlights.
The underlying technique will be the same for all of them.
|
 |
- Tutorial written by Malboroman
| 
|
|
|
Quote from Shieldvisor;44790: Great tutorial simple but great.. Thanks... |
I just want to thank you, cause i learned something from this. |
Reply to this post |
|
|
I am happy to read this, I do struggle with making orbs smooth and glossy. Thanks for the help. |
Reply to this post |
|
|
Quote from shirazmage;39501: Great tut. I actually did it! I am an Illustrator novice tho I've used Photoshop for eons. I even made one with a frosty appearance using the diffuse glow filter. That one is wicked, especially in purple.
The biggest problem I had was getting the gradients to match up properly, but that is something that you have to tweak on your own. Or so it seems. Now, I want to figure out how to soften the edge of the highlight ellipse so the differently shaded sections of the orb look more natural, to me anyway.
So, I put each [link] ellipse on it's own layer. It seemed to work for me fine that way. Is there a reason not to do this? As in, why put the highlight ellipse on the same layer as the orb itself in the first place?
Just curious as I always put individual objects and/or groups on their own layers as a way to save myself pain and torture if I mess up something while working. Also lets me completely wipe out a layer without messing up a large chunk of my project. Always have worked this way in Photoshop and tend to do this in Illustrator as well. Is this not the norm? As I said, I am a novice when it comes to Illustrator and completely self-taught, so I am not familiar with the way everyone else does things. |
Great tutorial simple but great.. Thanks... |
Reply to this post |
|
|
Great tut. I actually did it! I am an Illustrator novice tho I've used Photoshop for eons. I even made one with a frosty appearance using the diffuse glow filter. That one is wicked, especially in purple.
The biggest problem I had was getting the gradients to match up properly, but that is something that you have to tweak on your own. Or so it seems. Now, I want to figure out how to soften the edge of the highlight ellipse so the differently shaded sections of the orb look more natural, to me anyway.
So, I put each ellipse on it's own layer. It seemed to work for me fine that way. Is there a reason not to do this? As in, why put the highlight ellipse on the same layer as the orb itself in the first place?
Just curious as I always put individual objects and/or groups on their own layers as a way to save myself pain and torture if I mess up something while working. Also lets me completely wipe out a layer without messing up a large chunk of my project. Always have worked this way in Photoshop and tend to do this in Illustrator as well. Is this not the norm? As I said, I am a novice when it comes to Illustrator and completely self-taught, so I am not familiar with the way everyone else does things. |
Reply to this post |
User: artoony (#34768)
Date: Wed Nov 22, 2006. 11:03:06 | Post #9 of 13 |
|
Hi everyone.
I am new to illustrator but would really like to do this tutorial!
I have the same problem here as every one else.
I cant get the transparency work.
I have read all the comments and I have tried to select ony the inner circles but it will not let me.
I can only select one or the other.
I also wonder what the opacity should be set to?
Artoony |
Reply to this post |
--- View Entire Thread ---
|

|
|
 |
php, shoutbox problems Author: vanhansen Posted: Nov 17th, 1:30am Activity: 5 replies, 91 views
|  | MarkupGeeks Logo Author: ahstanford Posted: Nov 16th, 8:45pm Activity: 11 replies, 148 views
|  | Drawing Tutorials Author: ahstanford Posted: Nov 16th, 12:46am Activity: 0 replies, 98 views
|  | Superbowl predictions, anyone? Author: ahstanford Posted: Nov 15th, 10:46pm Activity: 10 replies, 137 views
|  | Photomanipulation Footsteps Author: ahstanford Posted: Nov 15th, 10:43pm Activity: 4 replies, 94 views
|  | Learning to draw... Author: ahstanford Posted: Nov 15th, 12:43pm Activity: 4 replies, 115 views
|  | Looking for simple UI elements Author: FenixRoA Posted: Nov 15th, 6:40am Activity: 7 replies, 108 views
|  | HDD Help? Author: Phoenix Wynde Posted: Nov 13th, 2:31am Activity: 1 replies, 106 views
|  | Fun New Battles Posted! Author: ahstanford Posted: Nov 11th, 7:33pm Activity: 0 replies, 139 views
|  | 4-man Simon Tournament Author: ahstanford Posted: Nov 11th, 3:28pm Activity: 0 replies, 90 views
|  | Design Brief Inspiration for BioRUST Battles! Author: ahstanford Posted: Nov 11th, 7:19am Activity: 4 replies, 139 views
|  | The BioRUST Free Stock Photography Thread Author: ahstanford Posted: Nov 11th, 6:32am Activity: 2 replies, 146 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|