Welcome to Egypt Forums Mark forums read | Egypt Main Page
Egypt Forums
Arabic Movies



Photoshop Photoshop,photoshop,Tutorials,References ,Examples,PSD,BSD,Free Photoshop Template,Gif For Web,Learn How to

Photoshop Thread, Designing an Advanced Orb in Web Technology; Designing an Advanced Orb Step 1 Firstly, we need to create a new document (File > New) and the size ...

Short Link: http://forum.egypt.com/enforum/showthread.php?t=6755


Reply
LinkBack (1) Thread Tools Display Modes
Designing an Advanced Orb
 
 
The God Father
Developer's Avatar

Reply With Quote
 
Join Date: Jul 2008
Location: NDC
Posts: 5,425
27-11-2008, 08:08 PM
 
Designing an Advanced Orb

Step 1

Firstly, we need to create a new document (File > New) and the size I’ve chosen to use is 500 by 400 pixels. Fill the background layer with a radial gradient using a light (#343434) and dark (#202020) grey. To do this, select the gradient tool and set it to radial, set the foreground colour to #343434 and the background colour to #202020, left click in the top left corner and drag to the bottom right corner and release.
Egypt.Com EnForum
Step 2

Create a new layer (Layer > New > Layer) and using the elliptical marquee make a circular selection of 250 by 250 pixels in the center of the document. Fill this selection with a radial gradient from a light to a dark blue - I’ve used the PSDLounge colours #2d7fb7 and #004e8e.
Egypt.Com EnForum
Step 3

We’ll now be adding a couple of layer styles to this base of the orb.
Layer > Layer Styles > Outer Glow
Egypt.Com EnForum
Layer > Layer Styles > Stroke
Egypt.Com EnForum
Now your orb should be looking something like this.
Egypt.Com EnForum
Step 4

Next up, we’ll be adding three highlights to the orb (each on a seperate layer). Select the area of the orb (Ctrl + Click layer) and fill with a radial gradient from white to transparent at the bottom right using the gradient tool.
Egypt.Com EnForum
Set the blend mode to overlay and lower the opacity to 80%.
Egypt.Com EnForum
Step 5

The second highlight that we’ll be applying to the orb is on the left, so do the same as the last step but this time make the gradient a bit smaller and down to the left - this is just going to be a subtle highlight.
Egypt.Com EnForum
Set the blend mode to soft light.
Egypt.Com EnForum
Step 6

Select the elliptical marquee and make a selection at the top of the orb (5 pixels down from the top) and fill with a radial gradient from white to transparent (left click at the top and drag to the bottom of the selection but not right to the bottom so that then it has a smooth edge on the bottom and not the top).
Egypt.Com EnForum
Set the blend mode of this last highlight layer to overlay.
Egypt.Com EnForum
I’ve also repeated this and lowered the new layer to 50% opacity.
Egypt.Com EnForum
Step 7

Now we are going to be adding a shine effect to the orb. Select the area of the orb base again and go Select > Modify > Contract by 5 pixels. Fill the selection with a linear gradient from white to transparent.
Egypt.Com EnForum
Set the blend mdoe to soft light and the opacity of the layer to 20%.
Egypt.Com EnForum
Step 8

Next up, we’re going to be adding some texture to the orb - I’ve done this by adding in an abstract brush and lowered the opacity so it is barely visible. The blend mode I have used for the brush layer is overlay and the opacity is 10%.
Egypt.Com EnForum
Step 9

Lastly, we’re going to be adding in some text - maybe you’ll want to add a symbol or logo (might be a bit more interesting). I’ve just added an outer glow (dark blue) and gradient overlay (grey to white) to the white text layer.
Egypt.Com EnForum
And there you have it, an advanced orb. Hopefully you’ve learnt a thing or two about shine effects.
__________________
I Love Walking In The Rain Cuz Nobody Know I'm Crying !!
 
 
 
Reply

Photoshop Thread, Designing an Advanced Orb in Web Technology; Designing an Advanced Orb Step 1 Firstly, we need to create a new document (File > New) and the size ...

Short Link: http://forum.egypt.com/enforum/showthread.php?t=6755


Bookmarks

Tags
advanced, designing, orb


LinkBacks (?)
LinkBack to this Thread: http://forum.egypt.com/enforum/photoshop-f160/designing-advanced-orb-6755.html
Posted By For Type Date
Advanced SystemCare Pro 3 RC1 Rapidshare Search Engine - Meta search engine - search DVD, MP3, ISO, music, video, games This thread Refback 12-02-2009 02:30 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
How To Designing a Professional Web 2.0 Logo [Photoshop] Developer Articles 0 16-11-2008 07:05 PM
Advanced IP Scanner 1.5 Developer Software and Programs 0 26-10-2008 01:24 PM
Advanced SystemCare(formerly Advanced WindowsCare) 3 RC2 Developer Software and Programs 0 13-10-2008 10:08 PM
Advanced SystemCare Pro 3 RC1 Developer Software and Programs 0 03-10-2008 01:46 AM
Advanced Thread Bit Developer Mods for 3.7.x 0 24-09-2008 04:16 AM