Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
  • By Design Bundles
  • 30 Mar 2018
  • 5 Mins
  • Photoshop Tutorials

Glass Sphere in Photoshop

For this tutorial, you will need an image to be used as Background.
1 - In Photoshop, open the image you want to use as “Background”.

2 - Select the “Elliptical Marquee Tool” (M) and while holding the “Shift” key, draw a circle in the middle of your document. Ours was 2000 pixels by 2000 pixels approximately.


3 - Create a “New Layer” by clicking on the button at the bottom of the “Layers” Panel and name it “Sphere”.

4 - Make your “Foreground” color a light gray (#dddfdf) and select the “Paint Bucket Tool” (G) to fill your circle.



5 - Double-click on your “Sphere” Layer thumbnail and apply the following “layer Styles”:
Inner Shadow: (#ffffff)

6 - Create a “New Layer” and make sure to place it on top of everything. Right-click on top of its thumbnail and choose “Create Clipping Mask”.



7 - Select the “Gradient Tool” (G), change your “Background” color to a medium-dark grey (#6f7373) and remember to leave the light grey as your “Foreground” color. Make your gradient from “Foreground” to “Background” and click the “Reverse” checkbox. Draw a line from about the center of your circle to the bottom right.




8 - Click the “Add Layer Mask” button at the bottom of the “Layers” Panel, select it, change your “Gradient” type to “Radial” and un-check the “Reverse” button, then drag your cursor from the middle of your sphere to the bottom-right section to draw a small circle. It should be placed in the center of your “Sphere”.



9 - Duplicate your “Sphere” Layer (Command/Control + J), place it on top and repeat the “Create Clipping Mask” action to clip the “Fade” Layer to the original “Sphere”.

10 - Double-click on your duplicate “Sphere” Layer and apply the following “Layer Styles”:
Blending Options:

Inner Shadow: (#000000)

Inner Glow: (#000000)

11 - Create a “New layer”, select the “Brush Tool” (B) and with a large soft brush (0% “Hardness”) draw a dot of light in the center of your sphere using white as “Fill” color. The size will depend on your document’s resolution). Go to Filter > Blur > Gaussian Blur and use a 30 Pixel “Radius”. Then, change the “Blending Options” to “Soft Light”.



12 - Create another layer, change your brush “Size” and “Hardness” to about 200 Pixels and 100 % “Hardness” and draw a dot on the top-left of your sphere. Apply a “Gaussian Blur” of 5.0 and double-click on the thumbnail to apply the following “Layer Styles”:


Outer Glow: (#ffffff)

13 - Select your “Sphere” Layer and lower the “Fill” to about 25%. Check how the “Light” and “Light2” Layers look and adjust their “Opacity” if needed. We changed it to 50% and 80% respectively.




by @lornacane


6 Related Photoshop Tutorials

For this Tutorial, we are going to use an image or images of broken glass on a dark background and some background image to put “behind” the glass.1 - In Photoshop, open the image you chose as “Background”. Crop your image if needed using the “Crop Tool” (C).2 - Right-click ...

For this tutorial, we are going to use some winter themed image and one with an outlined branch for our background, some candy texture to fill our text. We will also need a very fat font (we used the Chubby free typeface from Andrea Prina).1 - Open your background image, (...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this Tutorial, we are going to an image of “Grass” for the “Background, and a light-colored “Brick” Pattern.1 - In Photoshop, open the file you chose as “Background”.2 - Open the “Brick” Pattern image too. Open the “Image Size” Window (Command/Control + Alt/Option + I) and make it 1000 x 1000 ...

For this tutorial you may want to get a Color Palette as reference.1 - In Photoshop create a “New Document”, make it 15 Centimeters in “Width” and “Height” @300 Pixels/Inch and with a “Transparent” Background.2 - Go to Filter > Render > Clouds...3 - Then, go to Adjustments > Threshold… and ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

You may also like

Help Center
ol image