ADVANCE ORB

Average: 4.5 (23 votes)

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 you Tool box or Press (E), Draw a 200x200 prefect circle, you can enter the values in the tool options dialog.

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 the 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 Liner, 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.

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"

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