step-007e[6]

Now go to Filter > Render > Clouds. I used this filter several times (CTRL+F) until I get the effect I needed but here I will show just a steps of one random example.

step-007f[6]

Go to Select > Color range and choose some bright color from our clouds as a sample color.

step-007g[6]

Hit OK and then DELETE on your keyboard so you will get rid of all highlights from clouds. Then just hit CTRL+I to invert the colors.

step-007h[6]

Then with Eraser tool (soft brush) erase clouds near the boundaries and leave just one cloud near the center of image.

step-007i[6]

Now with the eraser tool (hard brush this time, pretty small) make a holes in brighten parts of cloud.

step-007j[6]

And all you have to do now is just changing the layer’s blending mode from normal to color dodge. You can also go to Image > Adjust > Color balance and add some blue/cyan to pop up the clouds (which are our simple nebulas now).

step-007k[6]

Here’s my final result. I player with opacity (10-20%) and color balance a bit. I’ve made it really soft.

step-007l[6]

Also I’ve added purple smudges here and there with soft brush. Almost invisible.

step-007m[6]

Step 8 – Flashlights

Firstly I want to make a header more purple. I used this color #523157. With hard brush (low opacity, like 20-30% and different sizes) doodle around on the header.

step-008[6]

Then go to Filter > Blur > Gaussian Blur and use pretty high radius like 100px so everything will be smooth.

step-008b[6]

Now create a custom brush (hard brush with 1-5px diameter) like this below and go to Edit > Define brush preset.

step-008c[6]

Choose the brush tool and in active brush set you can find your newly created brush- select it.

step-008d[6]

Open up the brush panel and use the settings as below. Then paint around the header.

step-008e[6]
step-008f[6]
step-008g[6]

Try to get something like this

step-008h[6]

Then CTRL+Click on the layer’s thumbnail, so you will get the selection. Go to the Select > Modify > Contract and contract by 1px. Hit OK, go to Select > Inverse and then hit DELETE on your keyboard so you should end up with something like this.

step-008i[6]

And here is how it looks on the header:

step-008j[6]

I’ve added two hovering lights on top of the header.

step-008k[6]

How to create them? Just pick a polygonal lasso tool and make a selection like this below and fill it with gradient (color – transparency). I used #876887.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

2 responses to “Complete Guide to Creating a Blog Website Layout”

  1. android development in chennai Avatar
    android development in chennai

    awesome post!
    thanks for sharing..

  2. Carl Avatar
    Carl

    Dzięki za tutka. Muszę przyznać że fajnie wygląda ale przy 8 latach doświadczenia wszystko można zrobić :)

    BTW:

    Czemu mnie nie dziwi że w komentarzach pojawia się flame ? ;d

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading