ADVANCE ORB

Average: 4.6 (112 votes)
Preview: 

You really need to see the end results to appreciate this tutorial, the preview image doesn't show much :),this Gimp tutorial is meant for Intermediate and above users, but never the less i advise beginners to have a go at it since i do try my best to explain the steps in detail.

Many of the steps are repeated, and all the technical words get a bit boring after a while so hang in there, the results are worth it. now lets get started shall we?

Step 1

Create a new image Area with the size of 420x321 and fill it with the color black.

Step 2

Grab the 'Ellipse Tool' from your Tool box or Press (E). Draw a 200x200 prefect circle. you can use tool options dialog to enter the exact size.

Step 3

Grab the 'Blend tool' and in the 'tool Options' dialog change the gradient to FG to BG (RGB) and the shape to radial. finally change your foreground color to a22d5f and background to 5e042a. here is how all the blend tool settings should look like.

Step 4

Ok now that you have all you the 'Blend tools' right create a new layer name it "Orb1" and apply the Gradient from the center of the circle to the lower right, check the image for the exact angel.

the result should look this.

Step 5

Duplicate the the Orb1 layer name it Orb2 and change the mode of the layer to "Overlay".

Step 6

Create a new layer and Grab the Blend tool, and again in the "Tool Options" change the Graidnet to "FG to Transparent", and Shape to Radial, change the Foreground color to ff958a. now apply it from the center to the lower bottom,check the image below on the exact position.

this is the result of step 5

Step 7

Create a new layer, Grab the Ellipse tool and draw a 121x96 circle.

Step 8

Fill the new created cirecle and fill it with solid white and adjust the Opacity to 12.2.

Step 9

Select the "Orb2" Layer and right click on it and click on "alpha to selection" Create a new layer place it above the rest, grab the Ellipse tool and in the "Tool Option" select the Subtract mode.

Step 10

Now draw an oval shape circle to subtract the top right part which will result in a eclipse shape, the image below displays the size i used as a subtraction.

it should look like this

Step 11

Create a new layer and fill in the selection with the a solid white and change the opacity to 4.5.

Step 12

Grab the Ellipse tool change back the mode to normal, which is the "Replace the current selection" icon in the "Tool options", now draw a 105x71 oval circle, it should look like this.

Step 13

Still with the Ellipse tool change the mode back to subtract and draw a 144x75 oval circle at the bottom.

Step 14

Create a new layer and fill it with solid white click on Select>none to de-select any selections,grab the "Rotate tool" and rotate it an angel of 40.

Step 15

Grab the Path tool and draw a path that will use to split the shape at one end to give it a reflection effect, one side is wider then the other side,once you have the path drawn press on the "Selection from path" found in the tool options.

Below is the image of the path you need to draw as well as the selection.

Step 16

Ok once you have the path drawn and the selection hit the delete key.

Step 17

de-select the selection by going to select>none and changing the opacity to 7.1

Step 18

Grab the Ellipse tool and draw a 285x297 circle.

Step 19

Now with the Ellipse tool change the mod to "Subtract" and draw a 291x271 Circle.

Step 20

Create a new layer, fill the selection with a solid white and change the opacity to 5.9, and finally place the layer right at the bottom just after the background.

Step 21

Now will repeat what we just did, Create a new layer,Grab the Ellipse tool and draw a 297x271 circle.

Step 22

Now with the Ellipse tool change the mod to "Subtract" and draw a 286x275 Circle.

Step 23

Create a new layer, fill the selection with a solid white and change the opacity to 5.9, place the layer just after the background.

This is how it should look so far

Step 24

Now for the final touch, grab the Text tool, change the size to 28 and use the font Sanas.

Step 25

Right click on the text layer and click on "alpha to Selection" once you have the text selected delete the text layer.

Step 26

Grab the the Blend tool and in the "tool options" change the gradients to (FG to Transparent) and change the shape to linear, and apply it from top to bottom.

Thats it your done! you very own advance ORB :)

I actually re- did it later on my own and played with the colors and made some small changes and this was my outcome.

The Gimp Xcf source file is attached below for download.
if you need help with the any steps please use the help section in the new forum we created http://gimper.net.

Our fantastic offers for free 70-642 dumps and 199-01 study guides prepare you well for the final testking 642-637 exam and NS0-502 papers with great success of testking HP0-Y36.

Visitor's picture

Orb

Hey..

Thanks a ton. I am a person who could be termed as far below than the category of a novice beginner, but your way of explaination helped me a lot and i was able to do it!!

Thanks a lot

Gimper's picture

Re: ADVANCE ORB

happy to hear it mate :) more tutorials are on the way.

bootycrewqueen's picture

That helps, thanks, I didn't

That helps, thanks, I didn't have patience to do the last repeat bit again but it was a good tutuorial. And visitor, don't worry. I knew nothing at all till I started the tutorials. Just keep doing all kinds of them and you will find yourself using new skills everytime.

V. 

yonyonjohn's picture

Nice

Great tutorial. I really like the detail that you put into i, must have taken a while.

Gimper's picture

Re: ADVANCE ORB

because i first have to come up with the design then re do it for the tutorial step by step in total i probably spent 12h on this one :D

Visitor's picture

Re: ADVANCE ORB

hey i dont know how to change the mode.....im just getting back to gfx so ya lol

btg305's picture

hey, great tutorial! just

hey,
great tutorial!

just one problem I'm having in step nine.It will not alpha to selection.
Any help would be greatly appreciated.

thanks,.
btg305

Gimper's picture

Re: ADVANCE ORB

make sure your right clicking on the right layer.

what alpah to selection will do is basically make a selection around your circle in step 8.

ahato360's picture

Re: ADVANCE ORB

Does like nothing work on the Mac version??

I've tried like 3 tut's, and the outcome wasn't the same, if i had an outcome.

For the Glow Effect, there's no desaturate. For this, I only wanted the text effect, and it doesn't apply the gradient to the text.

Paths are all screwed up, they don't close.

Anyway, good tutorial, but its for a windows GIMP.

bobzzz's picture

Re: ADVANCE ORB

Amazing tutorial.I am a novice using the linux gimp and I got the orb perfect,but i chose different colours from the beginning.thank you very much and keep up the amazing work here is the link for my of my orb if you want to have a look http://i207.photobucket.com/albums/bb257/bobzzz28/advanceorb.png

jerbear's picture

Re: ADVANCE ORB

the finished product looks awesome, but when i want to turn the white shade into an opacity of 7.1 in step 17, it turns the entire image lighter, any advice?

Gimper's picture

Re: ADVANCE ORB

Make sure you have each element on a seperete layer so when you change the opacity in step 17 it only affects that and not the entire image.

Visitor's picture

Re: Re: ADVANCE ORB

wait where do i exactly change the opacity, like do i go to the bucket fill tool and then change the opacity and click on the white area?

Gimper's picture

Re: ADVANCE ORB

after filling the selection with the paint bucket go to the layers dialog and select the layer then change the opacity using the slider.

Visitor's picture

Re: ADVANCE ORB

When Itry to save it as an .ico file they ask me what to compress to png and what not, what should i do so i have the total orb as an icon?

Gimper's picture

Re: ADVANCE ORB

If you need to use it as an icon then Yes click on PNG compression.

Visitor's picture

Re: ADVANCE ORB

still it isnt working could you make a tutorial on this, because it still says no icon data available but i saved it as .ico and every layer compressed gnp...

Visitor's picture

Re: ADVANCE ORB

It finally worked, got the icon, because of compression the icon orb fell apart made a 100x100px now so compression wasnt needed.
Tnx anyway

Stanley's picture

Re: ADVANCE ORB

I have an idea to imrpove you orb, but you need to have only the orb with effects (no background) these layers you merge and add Filters -> Light and Shadows -> Drop Shadow and do this 4 times with these settings: 1. x= 8 y= 8 2. x= -8 y= 8 3. x=-8 y-8 4. x=8 y= -8
Then apply Filters -> Blur -> Motion Blur -> click on zoom blur and put the length at 50 and then press accept.

The effect I think is pretty nice. See the forum for the result (in green)

Stanley's picture

Re: ADVANCE ORB

You should get something like this http://gimper.net/viewtopic.php?f=4&t=2746&start=0

Cyrilshark's picture

Re: ADVANCE ORB

Is the advance orb copyrighted? Can I use it on my site?

Gimper's picture

Re: ADVANCE ORB

Sure you can, use anything on this site as you wish.

Visitor's picture

Re: ADVANCE ORB

Ok, thanks :)

james182's picture

hey how do i download the

hey how do i download the files

Gimper's picture

Only registered members can

Only registered members can see the attached files for download.

If you've registered already look at the bottom of the tutorial for "attachments"

taffy1998's picture

Wow great tutorial.

5

Wow great tutorial.

Crissa.'s picture

Great Tutorial! I didn't

4

Great Tutorial!

I didn't really get how to do the text but oh well.

kemp's picture

Excellent tutorial. I got it

5

Excellent tutorial. I got it down exactly as you do and I am very new to Gimp and graphics.
Thanks alot! :-)

Takeshi677's picture

GREAT TUT! very easy to

5

GREAT TUT! very easy to follow!

dreamcat's picture

Great tut, had no problems to

4

Great tut, had no problems to go through the steps, oh, besides the last one. when i did the gradient over the text and went to " selesction:none" my text was gone:o
i solved that with " trail selection : 1 pixel". is there some easier way?
my text looks also not hat good, because somehow, i got it in the same layer as those outer rings.. when i diminished the opaciness of the layer, the text went also less sightable:O
but the rest of the tut is reallly great. i work with gimp since over a year, and find still a lot of things i deednt knew or never tried ( BTW i think gimp sucks but at least its free..so what).

plz look my result under Photobucket

i added some glow and gaussian blur to the orb, the lower parts and the outer circles and used a different text ( if you cant read it it sasys " be glow.be the flow.be berlin" after that famous slogan from our german community berlin page *g*)...

Dust2Dust's picture

uummm...where's the XCF

uummm...where's the XCF file???

bernsky's picture

I'm a beginner and I was able

5

I'm a beginner and I was able to recreate the orb by simply following Gimper's tutorial.
Thanks a lot!

Here's my version:
Photobucket

Creat's picture

Awesome tutorial!! Effects

5

Awesome tutorial!!

Effects of lights on top of the ORB was something I wanted to learn 4 some time.

This is mine, I made just some extra effects and coloring.

http://fc83.deviantart.com/fs40/f/2009/024/c/e/ceb8eeb252f32b60b12a9e700...

matosdotnet's picture

Nice tutorial. PS: The

Nice tutorial.

PS: The attachment is not present.

Regards.

illogical's picture

stuck on step 14, how do you

5

stuck on step 14, how do you deselect everything?

yes i am a complete n00b :D

Louis Mirra's picture

This is an AMAZING Tutorial,

5

This is an AMAZING Tutorial, as is this whole site! I use this site daily and impress all my friends at school lol =] We use photoshop CS3 There so I sort of have to translate it but it usually works out fine :D

Im thinking about doing this site on a episode of StuffPodcasts Tech see it here http://tech.stuffpodcasts.com please email me if this is OK louis@stuffpodcasts.com thanks and well done!!!

gs93's picture

another amazing tutorial

5

another amazing tutorial

Lukigut's picture

Hello! Do I could translate

5

Hello!
Do I could translate this tutorial into polish ?

HardK0re's picture

Great tutorial! Not too easy,

5

Great tutorial! Not too easy, not too hard, good that you gave the measurements for the selections, and my orb came out perfectly, plus if you subtract the black background and add a shadow it looks sexy :)

syed's picture

Hey great tutorial !!!

Hey great tutorial !!! actually i've made it into a wallpaper .... and i am sharing it with friends.. hope you dont mind!!

d^'s picture

Couldn't get the text correct

Couldn't get the text correct so I left it out completely, thanks for the tutorial, worked a treat!

xArMageDdoNx's picture

NICE!! THANKS ALOT! Its

5

NICE!!
THANKS ALOT!

Its pretty easy, nice job!

DNA's picture

Woo, my

vijaydude's picture

Nice tutorial. Helps me in

4

Nice tutorial. Helps me in Monday :-)

Nick's picture

Thanks a million! This

Thanks a million! This tutorial is awsome . I am only a begginer but you explained it so well it was easy for me! It is great that you even give the exact measurements. It made it sooo much easier for me!

Visitor's picture

Make sure to press control

Make sure to press control (command) when closing the path!

ryan asher's picture

heyyyy umm... i am a really

heyyyy umm... i am a really really advanced gimp artist but for some reason the alpha to selection isnt working to the elipse thing.... i have the duplicate orb selected but it just selects the entire image... wait maybe its because the orbs are on the same as the black layer xD sorry i just got that while i was typing... anyway thanks for the tutorial... hahah it workd!

AlchemY's picture

i am trying to download it

i am trying to download it but i cant see the attachments thing

decent gimper's picture

You probably didn't put the

You probably didn't put the white shade on a new layer.

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

Tags