How To Create 3D Ball in Photoshop

6,506

In this tutorial we’re going to learn how to create a 3D ball with photoshop in 8 steps. We also included a PSD file as source files.

We’ll use of a few fundamental tools in Photoshop such as circle tool, brush tool, and layer styles — combining them with easy and creative techniques to come up with a graphic that you can adapt into icons, infographics, and other design projects.

Final Image Preview

Once you have finished the tutorial, you should have something like this.

3d ball result

Lets get started!

Step 0

We start with creating a new file. I give the name “ball”, with length and with 500px and background “transparent”.

I use the color #363636, you are free to choose the background color, but my advice is better if you wear a darker color than the color of the object that we will create

And the result will be like the image below.

Step 1

Create a circle with using ellipse tool, in order to produce a perfect circle, press the shift key when making a circle. Colors that I use #00c6ff

Step 2

Now we are going to apply some Layer Styles. You can do this by double clicking on the layer.


You should end up with this

Step 3

Create a duplicate layer abobe the “ball” layer, then give the settings on the layer style


And you should end up with this

Step 4

Again create a duplicate layer abobe the “ball” layer, then give the settings on the layer style


And you should end up with this

Step 5

Once again create a duplicate layer abobe the “ball” layer, then give the settings on the layer style


And you should end up with this

Step 6

Create a white circle a shown below

Then add “layer mask” on Layer > Layer Mask > Reveal. Next with “gradient tool” pull the line as shown below.

Now we are going to apply some Layer Styles.


You should end up with this

Step 7

Create a new layer, then give the setting on “brush tool”

Select a circle layer, then back on the new layer and add brush

You should end up with this

Step 8

Adding the new layer below the “ball” layer, then add brush with the colors #000000 as shown below

Drag to expand the image

Next open Filter > Blur > Gaussian blur

And finally you should end up with this

Conclussion and Download the PSD files for free!

Take a look at the final image. I hope you learned something new!
3d ball result

Download the source files here :

14 Comments
  1. […] See the tutorial about how to create this icon in photoshop and download the PSD (source files) here : How To Create 3D Ball in Photoshop […]

  2. Annie says

    This is very useful. Thanks!

  3. Admin1 says

    Hi Annie, we glad this tutorial useful
    🙂

  4. Yasir Imran says

    That was a great tutorial and I learned lot from it. The point I feel is that at some steps you didn’t guide well about naming the colors and layers positions up and down. After applying one effect when to move to another layer for next effect. At step 6 you did not tell how to create a circle, that is infect not a circle, not an egg but a different kind of shape it is. So in my drawing, I used a simple ellipse with egg shape. If you allow likns in comments, my ball looks like this.
    http://yasirimran.files.wordpress.com/2010/11/3dball2.jpg

  5. anderson says

    good method,go on.

  6. kathy says

    Thanks and Nice to see you here

  7. greg says

    Very good article.Wonderful blog, it’s really useful, I like it, thanks for your post

  8. […] CS5. The next step was to create the 3D ball. Here’s where I found that information on creating a 3D ball. So now it was just pulling it all together. I created a new file in photoshop and made it a white […]

  9. Katie says

    Didn’t get it to work quite like yours…was having some trouble with the gradient overlays for some reason. This really gave me a lot of good ideas though, and the source file is invaluable. Thank you so much for taking the time to make this available! I really appreciate it.

  10. choi says

    Thank you so much.. this gives me another learning..:)

  11. teledyski says

    Very good. Im fro mPoland ind in my country there are’t thats goood plan od make graphic. Thanktu

  12. John says

    Very helpful. It’s amazing how much goes into making a sphere!

  13. Shiv Sharma says

    This is an amazing work of transforming a circle into a real ball. All steps are clearly explained making it easy for me to duplicate all these steps successfully.

  14. Dipu says

    thanks for the great tutorial .. 🙂

Leave A Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More