Simple Attractive Orb Design

In this simple Photoshop tutorial, I’ll be teaching you how to design a simple, attractive orb. Just like the one shown below.

Simple Attractive Orb Design - Photoshop Tutorial

1. Document Creation

Firstly, start by making a new document in Photoshop – I used a size of 600 x 300 pixels with the default Resolution, 72. After making your document, fill the background with a dark color, or a dark gradient.

Dark Gradient Background Applied

Next, for the background, you can either add in an ornament-style brush, or you can do some grunge brushing, or add a texture. Get creative. A few good places to look for brushes and textures:

I used a nice ornament brush for my background, then lowered the opacity a little bit.

Ornament Brush Background

Ok, we’re done for our background :)

2. Base Orb

Time to create the base for our orb. Start by making a new layer, now make the selection that you will turn into our orb. Use the elliptical marquee tool.

Orb Selection Made

Now you’ve got your orb selection, fill it with a nice, radial gradient using the Gradient Tool.

Apply Radial Gradient to Selection

We’re done for the base of our orb, now time to apply some effects.

3. Apply Effects

Let’s add some effects to our orb. Start by right-clicking the orb layer in the layer’s palette, then going into the Blending Options. Apply the following layer styles (click for settings):

  1. Bevel and Emboss
  2. Stroke

Applied Layer Styles to Orb Layer

Looking a bit more interesting now.

Next, get out the elliptical marquee tool again and make a small, football-shaped selection near the top of our orb, like the one I’ve made in the image shown below.

Football-Shaped SelectionAfter you’ve got a selection like that, make a new layer then get out the Gradient Tool again. Drag a gradient inside of your selection so you get something like this:

Radial Gradient Added

Please note: The colors I used in my radial gradient were #ee9c1a and black (#000000), the lighter orange being the color in the center at the top.

After you’ve got your gradient all set, change the layer mode to either Screen, Color Dodge, or Linear Dodge, your choice. You may also want to lower the layer opacity.

Layer Mode Changed to Screen

Lastly, for effect, I added in an ornament inside of the orb.

Ornament Added to Inside of Orb

To achieve the effect like the one shown above, follow these simple steps:

  1. Make a new layer, then get out your brush/shape tool.
  2. Select a nice ornament brush or shape you want to use.
  3. Put your shape on the canvas, in an orange color.
  4. Make a selection inside of your orb (smaller than) then feather your selection (Select > Feather…)
  5. Invert your selection and press delete, this will remove the ornament shape on the outside of your orb.
  6. Mess with the layer mode and opacity of your ornament layer.

Ok… I’m hoping that worked out for you. You can of course download the PSD file from this tutorial at the bottom of the page anyway, if you need it for anything.

4. Add Text

Last part of the tutorial now. I think we need to add some text to our orb, or underneath the orb. I think something like ‘enter’ or ‘forums’ would be suitable.

Screenshot of Text and Settings

Click the above image to be taken to a screenshot of my text and my text settings. I also finished off by adding in a Drop Shadow to my text layer.

Complete

Well, looks like we’re done for this tutorial. I hope you enjoyed it :)

If you need to, you can download the PSD file from this tutorial from below.

Orb Tutorial PSD Download
(340kb)

Twitter Digg Delicious Stumbleupon Technorati Facebook

16 Responses to “Simple Attractive Orb Design”

  1. Good job on the tut, finished result looks great.

  2. looks realy good nice tutorial
    you need more tutorials on this site

  3. Nice work! Clean, Professional, will definitly use.

    Thanks

  4. i didnt understand this step “Do the same again but this time at the bottom, then change the layer mode to Overlay and the opacity to 80%”

    does that mean i start the gradient tool from the bottom to the top of the orb? cause that didnt work

  5. NICE AND AWESOME!

  6. simply and pro xD

  7. I like this !That is nice & awesome!

  8. I don’t understand how to do the designs.

  9. I dont even know how to get the ornamental paintbrushes to open in photoshop after i downloaded the file! Or the grunge paintbrush set from another band website tutorial. Anybody??

  10. Very Nice work! Clean, Professional, will definitly use.

    Thanks

  11. this is nice photo. i like ~~

  12. I like this tutorial, I made mine but it didnt end w/ the glow effect

  13. Hey, some tutorial you have there. It looks great when finished and makes the perfect logo/banner when with text. Thanks for this tutorial which has helped me alot, so i guess thanks again lol.

  14. The most beautiful digital art I saw recently.
    Really awesome.

  15. Nice work!! I like it
    thanks a lot.

  16. I have really been enjoying your tutorials. I learn something different from each one—from techniques to program shortcuts.
    Thank you