May 9th, 2008Blog Header with Brushes (Photoshop Tutorial)
A while ago I remember seeing this wordpress theme (sorry can’t remember where) with this type of header, the grass and vines creep in from the black darkness. I liked the idea and thought it would be nice to make a tutorial for it.
Getting Started
Of course this tutorial wouldn’t be so simple with out the use of pre-made photoshop brushes i downloaded, so here they are
you can try other floral brushes if you wish but i liked these two the best.
i also used the Grass brush that comes by default with photoshop cs3, but if you don’t have CS3 you can use this Photoshop Grass Brush set
Step 1
ok lets start with creating a new document. mine is 769×235. i suggest you chose something suitable if your going to use it as your blog header.
Step 2
With the gradient tool draw a linear gradient down using these two colours: #ff6c00 to #ffc662.


Step 3
Create a new layer. Draw an oval shape using the ellipse tool then go to Select>mofifie>Feather enter 20px for the radius. finally fill the selection with white.
We want to create different shades of orange so will repeat this technique a few times.

Step 4
new layer. this time draw a bigger oval shape and using 40px for feathering.

Step 5
again create a new layer and draw a bigger oval shape then the one in step 4 and feather at 80px. then change the layer mode to overlay and opacity to 60%.

Step 6
Now you should have the Sunburst brush i mentioned before. if not, go download them and select “Pincel muestreado 49″ and place it at the bottom just so we get the ray coming out from the centre. once you have it placed set mode to Softlight.

Step 7
Time to use our Brushes
first will use the Grass brush. make sure your foreground and background is set to the colour black then paint some grass randomly at the bottom.

Step 8
Now change your brush to a Big soft brush and apply at the bottom

Step 9
Time to add those cool floral brushes, i mostly used brushes from the Suddenly Spring 1, but its up to you.here is what i came up with.

Step 10
finally add your blog name and your done ! preferably try using a very thin font, i used the font named “Steiner”.

Here was my 2nd try which i like better, in the example you can see how its nicely fits in with a black layout. Click on the image to enlarge.




May 9th, 2008 at 9:57 am
neat effect
May 9th, 2008 at 9:58 am
simple outcome but still nice thanks
May 9th, 2008 at 4:36 pm
[...] Cuentan también con un blog propio donde muestran noticias del sitio o tutoriales sobre como usar los brushes para crear diferentes cosas, como headers para blogs. [...]
May 16th, 2008 at 2:24 am
Nice, i like the combination color of black and orange …
May 16th, 2008 at 3:27 am
thanks for the comments
May 16th, 2008 at 4:18 am
wow its so sweet i like it so much and i wait more and more thank you so much
May 16th, 2008 at 7:05 am
Very nice! Could you make a tutorial aswell on how to do the homepage? =) I’m very new at this, thanks!
May 16th, 2008 at 3:47 pm
I dont find those grass brushes, i wonder if you might could tell me the name of the file or if i can get a download link? thanks for the good turtorial!
May 16th, 2008 at 7:44 pm
@ Ivano: here is a good set of Grass Brushes you can use http://qbrushes.com/nature/photoshop-grass-brushes/
May 17th, 2008 at 11:19 pm
i love…. u r tallent
veri2 nice ..
May 18th, 2008 at 12:44 pm
beautiful!
May 19th, 2008 at 6:06 am
Simple but Superb way out…
May 20th, 2008 at 1:24 am
can I get some cool fonts 4 download pls……..
can U send dat link 2 my mail….
May 20th, 2008 at 10:23 am
Sweet tutorial. This is what I got;
http://img166.imageshack.us/img166/1788/blog080520xn1.png
May 22nd, 2008 at 4:56 am
looking good KZ
May 22nd, 2008 at 6:01 pm
[...] Workshop Blog-Header with Brushes wird genau das beschrieben und zwar wie eine Grafik für eine Website (muss ja nicht zwingend ein [...]
May 23rd, 2008 at 8:59 am
cheers dude, awesome tut
May 23rd, 2008 at 9:40 am
I like it, very nice
May 31st, 2008 at 1:56 pm
really cool effect, and really simple too!
June 1st, 2008 at 5:05 pm
it’s simple, and simple is nice! ^_^
June 4th, 2008 at 6:23 am
[...] Eine Anleitung (inkl. Brushes) für solche Sonnenstrahlen findet man bei “qbrushes“. [...]
June 20th, 2008 at 6:01 am
simple but nice. Great tutorial!
June 23rd, 2008 at 12:25 pm
[...] en blog.qbrushes un tutorial para hacer el header de tu blog utilizando los brushes en Photoshop, en realidad es la forma más sencilla que he visto para hacer un header creativo y preciso, si no [...]
June 24th, 2008 at 10:27 am
This tutorial is awesome
July 10th, 2008 at 8:23 pm
I love this header tutorial. I draw the oval and when go to select>modify>feather…It won’t let me modify anything.. If anybody know what im doing wrong,your help will be much appreciated
Thanks
July 10th, 2008 at 8:49 pm
@ Corinne
make sure you have the layer selected correctly.
July 30th, 2008 at 10:34 am
Thanks dude… nice tutorials….
July 31st, 2008 at 5:11 pm
really great! thanks a lot!
August 1st, 2008 at 2:30 am
@ Corinne
I had the same problem. But then i used the Rectangular Marquee Tool (it turns Ovel when you set the feather to 20px) instead of the Ellipse Tool
August 25th, 2008 at 4:04 am
Simple and very nice ;]
good tutorials ;]
August 27th, 2008 at 7:37 am
super great tutorial! thanks a lot!!
September 11th, 2008 at 3:51 pm
I have the same problem as Corinne! Help me?
September 15th, 2008 at 4:56 pm
Mioto Bom
September 21st, 2008 at 12:58 am
great tutorial
October 19th, 2008 at 8:12 pm
its really great man thank you so much i love it
November 27th, 2008 at 6:14 am
I had the same problem of not being able to apply the feather after using the eliptical shape tool. I found that instead of the shape tool if you use the eliptical marquee tool you can then apply the feather.
January 24th, 2009 at 1:30 pm
A really tough looking work explained very simply.
February 9th, 2009 at 6:08 am
Can i get the HTML code to the bakground ?
February 9th, 2009 at 6:34 am
http://data.fuskbugg.se/skalman01/—header1%20copy.jpg
February 16th, 2009 at 11:37 am
I don
March 7th, 2009 at 3:58 pm
very nice tutorial.:)
April 7th, 2009 at 2:40 pm
HI
I wiil say U GUYS are too good!
Thanks a lot.
Parikh India-Mumbai
April 14th, 2009 at 8:14 am
oh yess..orange..
its my blog color theme…
hmm,its time to get new header…
April 25th, 2009 at 1:58 am
Very simple, but very nice. Sometimes less is more.
April 27th, 2009 at 3:45 pm
ayuda.. no he podido descargar el efecto de los rayos.. por favor ayuda. y tampoco me sale la opcion de pluma.. me sale es borde, suavizar, expandir y contraer. estoy usando el elipse..
May 9th, 2009 at 8:42 am
Hey , you have a very good blog, its excellent information in its field. You have done a great job, keep doing it for to help, people like Myself.
May 16th, 2009 at 1:43 pm
[...] BlogHeader mit “Floral” Brushes [...]
May 21st, 2009 at 5:41 am
[...] Blog Header With Brushes [...]
July 2nd, 2009 at 1:49 pm
Thank you, you are the best !