Dreamy Header Tutorial
in tutorials by 
Stanly Dezignus on 
October 28th, 2007
Today I am going to present you Photoshop tutorial about creating Dreamy Header like my blog has.
First of all create new document (weight=954 , height=183) & fill it with gradient.
Now we need to draw a cycle. There are a lots of way to do it. In my example I create round shape, & then exclude the center of it.
Create few sets of different cycle modifications, to apply styles you need to keep each such group on its own layer.
To save traffic I prefer not to show all style settings I use, but to share with you this styles.
You can easily apply them to your cycles groups, play with setting to create your own style.
This style always the same, except small differences.
Now we will add some transparency to the bottom of this cycles.
This is my result.
Then I decide to add some background cycles (just flip my cycles horizontally & reduce transparency of layer to 30%). To add some magic blur you need to create a layer with copy of all your cycles. Blur it - Filter/Blur/Gaussian Blur (Radius 3-5 px) & change layer mode from normal to overlay, or soft light.
Then I decide to add some blurring effect at the bottom of my picture. I create selection, fill it with white color, modify with “finger” tool.
Copy, resize, modify… copy, resize, modify… copy, resize, modify… until you well get the result you like.
Change layer mode from normal to overlay, & put your blue flame tips at the bottom of picture.
The only thing you need to do now, just add some stars & fairies. You can easily do it with special brush sets: 
Fairy brush set and Shining Stars brush set
At the end I decided to add some mirror reflection.
If you don’t understand something, you can download source file of this image (4 mb)
Welcome to Dezignus - Design freebies Heaven. My name is Stanly and I started Dezignus as a personal blog in 2007. Today it is well known, friendly, community of people interested in design and sharing useful stuff with others: vector graphic, photoshop brushes and shapes, textures, wallpapers, PSD source... Our authors enjoy sharing there work with other designers to demonstrate there skills and to make the web just a little bit prettier.
Great tutorial!!!
The resulting image is fantastic.
I’m greedy to follow this tutorial and create my custom dreamy header!!!
Thanks,
Mick
2Mike,
I glad you like it
Your web is so useful, thanks for great stuff
to 5011
I’m glad that you like it. My I ask you to review Dezignus on your blog?
Very fun, thanks again.
I like this so much, thanks. This is a great site.
I’ve just discover your blog whose link is on Virusphoto. It’s very useful and will help so much for designing.
Thanks and thanks again from France
Hi, my name is disman-kl, i like your site and i ll be back
Great Tut! I will have to try it on my own blog!
very interesting. i’m adding in RSS Reader
Awesome header! I think I’m gona use it to make my own in my fav colors! Keep up the WOWderful and generous work!
Thank you for comments, =) as soon as I’ll have some free time I’ll put here more tutorials.
nice image but the tutorial is little explained for those who doesn’t know much about photoshop
Yes, it’s not for beginners. There are a lot’s of on-line tutorials and books, to learn basics of Photoshop.
The aim of this one was just to show the technic of creating such dreamy header.
thank you so much! now i know how it works;) you inspired me to do my own banner thanks a lot!!
greetz:o)
I wish you good luck in your art creation!
AWESOME tut. I love dreamy beauty and excellent photoshop techniques. I have learned so much in this tutorial versus those basic ones.
beutiful tutorial but i can’t understand the layer mask transparent gradient thing :S
thank you! your tutorial is wonderful! i’m from italy!!!
nice header but not….. what i was searching for…. this is a girly header….. but any way wonderful header
I have seen this only yesterday and downloaded it. Its beautiful and very useful. Thank you very much.
hi thanks for this man, but i want to know how that rolover works.. please tell me man,,i love you gif dtuf.. you the best.
good luck
awesome! thanks, btw i love ur header
how’d u make it move back n forth when the mouse is scrolling over it??!
Good tutorial, KIU!
Hi, I like so much your header.. is fantastc !!!!
how yu did it??
It’s no flash .. maybe can you post a tutorial about this???
THANX !!!
Hi there Stanly,
Wonderful website full of extremely useful information…like most people, I find your scrolling transparent absolutely stunning! You have given me some really good ideas for my website. Is it possible you could share how you created that header?
Thanks,
Andrew.
xxgoblin, Andrew
This effect called Parallax effect - find more here - http://webdev.stephband.info/parallax.html