The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Kiosk Orbs in Photoshop

Kiosk Orbs in Photoshop


Step 1. Make a simple circle with your circular marquee tool. Red makes for a nice colour, but you can go with anything you like.

Step 2. Give the circle a inner glow layer effect, just change the glow colour to black and the blend mode to multiply. Why am I using the Inner glow instead of the inner shadow? Because inner glow doesn't have an angular deflection, and thus is easily uniform.

Step 3. Load the selection from the circular area and on a new layer drag the linear gradient (white to transparent) downwards from top (close to the bottom but not completely bottom).

Step 4. Now press Ctrl/Cmd+T to transform the white gradient. Drag the handles to bring it upwards halfway through, and drag it in a bit in from the top and sides.

image 1

Create a merge composite layer: Hide the background - Create a new blank layer on top and then Press Alt+Ctrl+Shift+E (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 elliptical 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 colour 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 gradated layer. Place it as shown in fig.8. Link both layers and reduce their size by a bit, so that the outer gradated ellipse is just a bit within the red circle.

image 2

Step 9. Take the duplicated gradient layer and again select it , now giving it a slightly different gradient of greys and whites. Now bring the duplicated gradient layer down. arrange it beneath both the other layers, and position as shown in fig.9. It should be a visible from both sides as it is the rim of the orb.

Step 10. Now to remove the portions of the orb that aren't required. As before by keeping Ctrl/Cmd pressed and clicking on the layer thumbnails; first select the large outer rim ellipse (with the gray gradient) and then Shift+Ctrl/Cmd+Click on the thumbnail of the the upper top portion layer (created in step 5).

You will now have the 2 ellipses selected. We want to also select the bottom portion of the orb. Choose the Rectangular marquee tool hold down shift and drag over the bottom portion. Inverse the selection (Ctrl/Cmd+Shift+I) and delete the middle portion of the orb. The figure should look as it is in Fig.10.

Step 11. Now to create the glass portion. Create a circle of the same size of the orb, any colour you want. Place it behind the other layers.

Step 12. As with the initial outer orb, give it the same kind of inner glow effect, and now bring it forward so as to cover all but the red outer portions of the orb.

image 3

Step 13. Now goto the layer palette and make the fill amount =0. This makes the layer invisible, but keeps the layer effects visible, as shown in Fig.13.

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. Now select the base layers, ie the grey metal gradient layers and the white ellipse, and merge them together. After this press Ctrl+U to adjust the hue of the layer. Since it's grey, click on colorize, and adjust to a reddish colour in keeping with the colour of the orb itself.

Step 16. Finally give a very slight drop shadow to the upper portion of the red orb, just to attain more realism. Secondly the lower portion seems off. SO create a new layer above the red lower orb portion. Then select the radial gradient tool, and select the white to nothing option. Now drag from somewhere above the red to a little bit in. Erase portions that aren't contained within the red portion. Check Fig.16. to see the effect.

image 4

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.

Kiosk Orbs in Photoshop Tutorial: Final Result

Shown here are my futuristic orb kiosks, and the final version of my cover for BT Leather. See this as more of a tutorial that helps you to understand how to play around with your imaginative abilities and create stuff

image 6



About the Author:

Click to Visit Author's Website

Colin Smith is a best-selling author, trainer, and award-winning new-media designer who has caused a stir in the design community with his stunning photorealistic illustrations composed entirely in Photoshop. He is founder of the world's most popular Photoshop resource site, PhotoshopCAFE.com, which boasts more than two million visitors.

With over 10 years of experience in the design industry, Colin was formerly Senior Editor and Art Director for VOICE magazine. He is a regular columnist for Photoshop User magazine, PlanetPhotoshop.com, and the official site of the National Association for Photoshop Professionals. He also contributes to a number of other graphic art publications and Web sites, such as Mac Design magazine, Web Designer magazine and Computer Arts Magazine.

Colin's graphic design work has been recognized with numerous awards, including the Guru awards at Photoshop World 2001 and 2002, for his work in both Illustration and Web Design. He's authored or co-authored more than ten books on Photoshop, including the best-selling How to Do Everything with Photoshop CS (McGraw-Hill/Osborne, 2003) and award-winning Photoshop Most Wanted: Effects and Design Tips (A Press/Friends Of Ed, 2002). Colin is also creator of the Photoshop Secrets Video training series (PhotoshopCD.com). He is in high demand across the United States as a lecturer, presenting his Photoshop techniques to Web designers and other graphics professionals across the nation.

Author's URL: Colin Smith
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Kiosk Orbs in Photoshop"

Captcha