Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Website Orb

Website Orb


1. Start with opening a new image. I used 400x400

2. Get out the eleptical marquee tool and make a selection in the middle of the image.

image 1

3. Press Ctrl+Shift+I. Select inversed and delete (make sure that background layer isn't locked).

image 2

4. Make a new layer and get the elliptical marquee tool out again. Make a selection at the upper side of the "white ball" and fill it with white.

image 3

5. Now you can either copy the last "ball" and move it around or repeat the 4.th step/ I'll make it 3 times for this tutorial. Just to give you the idea.

image 4

6. Open the blending options and use theses settings on each orb:

image 5

image 6

image 7

7. Now marge down the layers one by one (click "layer 1" and Ctrl+E, then "layer 2" and Ctrl+E). You get the idea.

image 8

8. Make a new layer and use the elliptical marquee tool to make a selection inside one of the balls. Repeat number 8 till you've done it over very ball.

image 9

9. Now open the blending options menu for the white circles and use theses settings:

image 10

image 11

image 12

image 13

10. Use theses settings on all the white layers but remember to change the colors for a little more alive feeling

image 14

11. Get out the elliptical marquee tool again and make a selection over the big ball and make sure to select some parts of it to to you want get it on the edges of the other circles

image 15

12. Now fill the new selection with white on a new layer and open the blending options menu

image 16

image 17

image 18

image 19

Use the same settings on the colors as you did before

Inner shadow > Brighter
Color Overlay > Normal
Stroke > Darker

13. Now it's just to add some text that you like and then you're done:

Website Orb Tutorial: Final Result



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

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Website Orb"

Only registered users can write comment

No comments yet...