by David Peters
Step 1 - With the circular marquee tool, create a simple circle in any color. We will use red in this example.
Step 2 - Give the circle an inner-glow layer effect by changing the glow color to black and changing the blend mode to multiply. Using an inner shadow can result in an angular deflection which is why we use the inner glow method for uniformity.
Step 3 - Load the selection from the circular area. Drag the linear gradient (white to transparent) downward from the top making sure it is close but not completely at the bottom in a new layer.
Step 4) To transform the white gradient, press Ctrl/Cmd+T. Drag the handles bringing it upwards going halfway through, and drag it just a small amount inward from the top and sides. Now to create a merge composite layer: Hide the background. Create a new blank layer on top and press Alt+Ctrl+Shift+E or Option+Cmd+Shift+E on Mac, to create a merged layer on top.
Step 5. take the merged layer and create a circular selection above. the circle should be much larger than the original circle. Again use your eyes to tell you what seems right, then copy the section and paste it in to a new layer. This creates the top portion of the orb. Place it again in the proper exact position.
Step 6. Now to go onto the base of the orb. In a new layer create an eleptical shape that fits into the lower half of the circle. Duplicate this layer and reduce the size a little, as shown in fig.6.
Step 7. Select the larger ellipse layer and load its selection by pressing Ctrl/Cmd and clicking on the layer thumbnail. Now select the cylindrical gradient tool and going with the grey-white-grey-white-grey color combo, drag across.
Step 8. Duplicate this layer too and bring the duplicate upwards, as shown. Now place the white small portion up above the actual gradiated layer. Place it as shown in fig.8. Link both layers and reduce their size by a bit, so that the outer gradiated ellipse is just a bit within the red circle.
Step 9) Select the duplicated gradient layer, now giving it a faintly different gradient of greys and whites. Bring the duplicated gradient layer down, arranging it under both of the other layers. Position it to where it is visible from both sides since it is the rim of the orb.
Step 10) Remove the areas of the orb that are not needed. Keep Ctrl/Cmd pressed and click on the layer thumbnails; first choose the big outer rim ellipse, having the gray gradient, and then Shift+Ctrl/Cmd+Click on the thumbnail of the upper top portion layer. Now the 2 ellipses will be selected, but we need to also select the bottom portion of the orb. Choosing the Rectangular marquee tool, hold down shift and drag over the bottom portion. Inverse the selection (Ctrl/Cmd+Shift+I) and delete the central part of the orb.
Step 11) Let’s create the glass portion. Make a circle of the same size of the orb in any color and place it behind the other layers.
Step 12) Just like the first outer orb, give it the same type of inner-glow effect, and bring it forward as to cover all but the red outer portions of the orb.
Step 13 -Make the fill amount =0 in the layer palette in order to make the layer invisible, but keeping the layer effects visible.
Step 14. As you had done with the red circle, ie, creating a white gradient reflection, create the same in a new layer above the glass layer, so as to create a more realistic lighting effect. Adjust the settings as required to make it as realistic looking as possible.
Step 15) Select the base layers, which are the grey metal gradient layers and the white ellipse, merging them together. Press Cntrl+U to fine-tune the hue of the layer. Since it is at this point grey, click on colorize, and convert to a reddish color to keep with the color of the orb itself.
Step 16) Lastly, make a very small drop shadow to the upper piece of the red orb, in order to create more realism. The lower portion may seem off, so create a new layer above the red lower orb portion. Select the radial gradient tool in the white to nothing option and drag from a point over the red to just a bit inward. Erase parts that are not enclosed within the red portion.
You orb is ready. You can display any items in there now, just make sure any Items kept in have a good reflection added on. This will give the base a shiny appearance.
Source: Creating a glass ball tutorial
Digital Web Magazine posted a nice article comparing Photoshop to Fireworks through a debate by two groups of designers each supporting one of the programs. Photoshop has always been the industry standard for digital image editing, even though it was primarily made for creating print material, while Fireworks on the other hand was specifically made for creating web friendly graphics. It is possible in theory to do almost everything you do in one of these in the other, so which one should you use?
Entries (RSS)