Sun Rise Header Graphic

Gimper – Tue, 10/28/2008 - 10:32

Website Layouts

In this tutorial we will learn how to create a simple but nice sun rise scene. the end result could useful for a website header or even a postcard.
The techniques I'm going to use are quite simple, a few gradients colours, blend modes and some nice floral and grass brushes applied using GIMP's 2.6 dynamic brushes feature.

Preparing you're GIMP

Before we start I would like to make sure you have GIMP 2.6 as, If you don't, check out gimpusers.com download page for the latest version.

Installing Brushes

We're going to be using two types of brushes the floral brushes by gvalkyrie and the grass brushes by Archeleron. both were made for photoshop but as I've mentioned before GIMP fully supports PS brushes.

After downloading them be sure to place in your GIMP's brushes folder.. for Win vista users, place the brushes in "C:\Users\Account_name\.gimp-2.6\brushes" should do the trick if you don't know your way around your OS system, the easiest thing is to do a simple search for the brushes folder and it should come up. Also make sure you actually paste the .abr file and not the folder.

Step 1

Create a new image, depending on what you're going to use yours for you might want to decide now otherwise just enter 617x200px to follow my tutorial.

Step 2

We'll start with the background. first create a new layer and from the toolbox grab the Gradient blend tool.

Once you have the tool selected go to your colour boxs and enter ff6c00 as your foreground colour and ffc662 for the background.

Step 3

Now that you have your colours set create a new layer and apply it so that the dark orang starts from the top and the light orange is at the bottom. Pressing the CTRL key while applying will give you a perfect straight blend.

Step 4

Create a new layer and use the ellipse tool draw a oval shape in the centre of the canvas, then go to Select>feather 100px and fill the selection with the white using the paint bucket.

Once you have drawn and feathered it to 100px, Set the layer to overlay

Step 5

Repeat step 4 but this time draw a perfect circle go to Select>feather at 50px.

Step 6

Now grab the brush tool from the toolbox, then select "Circle Fuzzy (17)" from the brushes dialog and scale the size to 7.

Step 7

With the large soft brush in hand apply a few stokes across the bottom of the image just a few pixels wide.

Step 8

Time to apply some of the grass brushes we installed in the beginning of this tutorial. first select the 2nd grass from the view list, set the scale size to 0.20 and tick the random box in dynamic brushes.

Once you have that set up, apply it to the bottom of the image as shown in my example.

Step 9

Now that we have our bottom filled with grass we can go ahead an randomly mix the other grass brushes so it doesn't look to cloned.

Step 10

For our final step, we'll add the floral vines brushes to our scene but first hit the reset button found at the bottom the brushes dialog.

Now we can go ahead and apply some of those floral brushes to the sides of our image.
Pretty simple tutorial but the results are quite nice.

You may want to add you blog header or text to the middle of the image while trying to keep the text inside the white area.

Here is my final result.

If need some guidance for 642-436 dumps & HP0-J41 exams then get the latest testking 1z0-053 compiled by our certified experts to help you pass 642-165 exam in first attempt of testking mcdba.

Bookmark/Search this post with:

102420 reads

nice... but i dont like using

Submitted by schrottplatz on Wed, 10/29/2008 - 00:26

nice... but i dont like using brush sets from others. you should show how to create these brushes

reply

@schrottplatz, Half way

Submitted by Gimper on Wed, 10/29/2008 - 15:55

@schrottplatz, Half way through this tutorial I knew this tutorial was a bad idea lol..o well next time i'll be doing something more interesting.

If anyone has ideas let me know.

reply

The effect it very nice! I

Submitted by Visitor (not verified) on Wed, 10/29/2008 - 17:21

The effect it very nice! I like it a lot.

reply

I like this idea! It turns

Submitted by panda on Thu, 10/30/2008 - 15:46

I like this idea! It turns out with very nice results even with variations (:

reply

This tut is good. Can apply

Submitted by Amuro Ray VV on Thu, 10/30/2008 - 22:04

This tut is good.

Can apply not only banner but wallpaper stuff too

Good work Gimper :D

reply

Thanks! This tutorial is a

Submitted by palabravampiress (not verified) on Fri, 10/31/2008 - 04:30

Thanks! This tutorial is a nice introduction to the new dynamic brushes feature.

reply

gooddddd

Submitted by Visitor (not verified) on Sun, 11/02/2008 - 01:54

gooddddd

reply

hey, don't worry about the

Submitted by pienose (not verified) on Mon, 11/03/2008 - 06:33

hey, don't worry about the tuts, any are good. Lots of people check this site out, it just needs more sustenance...I would write a tut but I don't know what, hmmm...let me think

reply

nice tutorial but i cant find

Submitted by Visitor (not verified) on Mon, 11/10/2008 - 04:31

nice tutorial but i cant find this brush folder that youre talking about

i downloaded gimp 2.6 but there is no brushes folder
there is bin. etc. lib, share, setup and thats in the gimp 2.0 folder

for some reason the folder still shows as gimp 2.0 but 2.6 is running

reply

Actually, I think this is a

Submitted by RickS (not verified) on Mon, 11/10/2008 - 14:01

Actually, I think this is a really good tutorial. I need to put together a new header for my blog, and I was thinking about doing something that went with the autumn season. I plan on going through this tutorial, learning some new GIMP tricks, and having something to show for it when I'm done. Thanks for posting this.

reply

Thanks for the nice comment,

Submitted by Gimper on Mon, 11/10/2008 - 22:12

Thanks for the nice comment, glad some of you guys find it useful :)

reply

The brushes folder might be

Submitted by Gimper on Mon, 11/10/2008 - 22:15

The brushes folder might be hidden so try turning off the hidden folders in windows..

reply

hey, just wanted to let you

Submitted by Visitor (not verified) on Thu, 11/13/2008 - 14:25

hey, just wanted to let you know taht the brush folder is INSIDE the share folder ;]
and it shows 2.0 for me too. dont worry about it :D

reply

very nice i am german and i

Submitted by mario (not verified) on Tue, 11/18/2008 - 02:26

very nice
i am german and i like this tutorial soo much
5*

reply

Very nice, and at the same

Submitted by PoohBear on Fri, 11/21/2008 - 23:03

Very nice, and at the same time, very artistic, too.

reply

Thanks so much for this. I

Submitted by Midnight on Mon, 11/24/2008 - 20:56

Thanks so much for this. I know it must take time and effort for you to write up a tut! For a beginner like me it is great to achieve such a fantastic result. Thankyou!

reply

Thanks heaps - novices like

Submitted by martah (not verified) on Fri, 12/12/2008 - 21:05

Thanks heaps - novices like me need to be shown how to join the dots. Already I can see the huge window of options opening up.

reply

omg i cant find that brush

Submitted by Visitor (not verified) on Tue, 12/23/2008 - 01:52

omg i cant find that brush folder i tried searching and everything help?

reply

Reminds me of sony ps3's

Submitted by Mikemastah (not verified) on Sun, 12/28/2008 - 02:48

Reminds me of sony ps3's 'manga' theme

reply

the brush folder is in APP>

Submitted by Zyklonia Dark on Mon, 01/05/2009 - 15:57

the brush folder is in APP> GIMP> SHARE> GIMP> 2.0
this is after you go into the folder that GIMP is installed in on your comp :)

reply

ok i downloaded the brushes

Submitted by Visitor (not verified) on Sun, 01/11/2009 - 05:59

ok i downloaded the brushes know how do i use them they wont show up in the menu

reply

thanks for the tutorial! it's

Submitted by Visitor (not verified) on Wed, 01/14/2009 - 13:45

thanks for the tutorial! it's my first one i completed completely through and i LOVE the results! it took a while for me to find how to add brushes cuz i'm using mac but once i added them, i went crazy learning how to use 'em. thanks again! :)

reply

actualy i love it but i did

Submitted by devoria (not verified) on Thu, 01/15/2009 - 07:32

actualy i love it but i did not understand it properly if possible make a video for us so we can understand it easily, actualy i dont know how to apply laer in order that the dark orange start from top so i think you got my probleme

reply

ctualy i love it but i did

Submitted by devoria (not verified) on Thu, 01/15/2009 - 07:33

ctualy i love it but i did not understand it properly if possible make a video for us so we can understand it easily, actualy i dont know how to apply laer in order that the dark orange start from top so i think you got my probleme

reply

hehe nice tut xD but i got

Submitted by Shya (not verified) on Sat, 01/24/2009 - 01:57

hehe nice tut xD but i got stuck at step 7 O.o it didnt seem to work i must have done it wrongly xD anywayz thank you!!!!:D

reply

Awesome tutorial. Comes out

Submitted by Very Good (not verified) on Mon, 01/26/2009 - 13:46

Awesome tutorial. Comes out great even with variations.

reply

Hi, can I traslate this

Submitted by Visitor (not verified) on Tue, 02/03/2009 - 08:14

Hi,
can I traslate this tutorial for an Italian GIMP forum?
Naturally I'll quote your original tutorial.
I'm waiting for your answer
best regard
Sabrina

reply

I loved this tutorial =D.

Submitted by StarryEyedKeeper (not verified) on Sat, 02/21/2009 - 16:53

I loved this tutorial =D. I'm still a sucky beginner at GIMP so I learned how to do a lot of things with this so thank you!
Keep it up!

reply

this is amazing. great

Submitted by Ice maker (not verified) on Fri, 02/27/2009 - 06:10

this is amazing. great work!
My new ice machines project that I`m working on, requires the same transition for the Word press theme, but in stead of the heat theme i will have north pole theme. will post it soon :)
Thanks

reply

Amazing! Great stuff! This

Submitted by RockDude-2267 on Thu, 03/05/2009 - 06:31

Amazing! Great stuff!
This will be useful for my websites that I will be making. Thanks!

reply

thanksss

Submitted by cam balkon (not verified) on Sun, 04/05/2009 - 21:38

thanksss

reply

thanks for the tut, am just

Submitted by elkay on Wed, 04/08/2009 - 20:02

thanks for the tut, am just learning to use gimp and found it very useful

reply

Thanks alot mate! Used it to

Submitted by nightSHIFT (not verified) on Wed, 04/29/2009 - 14:07

Thanks alot mate!

Used it to make a website and it looks great.

Really appreciate it.
5 stars.

reply

/home/your_user_name/.gimp-2.

Submitted by Visitor (not verified) on Tue, 05/05/2009 - 05:55

/home/your_user_name/.gimp-2.6/brushes

reply

Awesome! It looks so

Submitted by Lineman on Mon, 05/25/2009 - 05:54

Awesome! It looks so modern...

reply

Don't forget to close GIMP

Submitted by Gumbo (not verified) on Sat, 06/06/2009 - 22:56

Don't forget to close GIMP and reopen it. The brushes should then appear.

Nice tutorial!

reply

Great tutorial! It's a very

Submitted by Ressa (not verified) on Sat, 07/11/2009 - 07:18

Great tutorial! It's a very simple, but nice effect that can be used in so many ways!

reply

Very good Thank you.

Submitted by Firmalar (not verified) on Wed, 07/22/2009 - 05:44

Very good

Thank you.

reply

cool effect, thanx.

Submitted by ekoloji (not verified) on Fri, 07/24/2009 - 06:51

cool effect, thanx.

reply

nice tutorial

Submitted by Zip File (not verified) on Wed, 08/05/2009 - 09:19

nice tutorial

reply

thanks

Submitted by dedektif (not verified) on Sat, 08/08/2009 - 19:19

thanks

reply

Thanks for the tut - simple,

Submitted by Rastelli (not verified) on Wed, 10/07/2009 - 06:40

Thanks for the tut - simple, plain and nice. I couldn't find the feathered thing in the selection tool, maybe because I still running the 2.4 version of GIMP, but could add the effects with Gaussian Blur.
Well written - Keep it up!