![step-007e[6] step-007e[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007e6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-007f[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007f6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Go to Select > Color range and choose some bright color from our clouds as a sample color.
![step-007g[6] step-007g[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007g6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-007h[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007h6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Then with Eraser tool (soft brush) erase clouds near the boundaries and leave just one cloud near the center of image.
![step-007i[6] step-007i[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007i6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Now with the eraser tool (hard brush this time, pretty small) make a holes in brighten parts of cloud.
![step-007j[6] step-007j[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007j6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-007k[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007k6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-007l[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007l6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Also I’ve added purple smudges here and there with soft brush. Almost invisible.
![step-007m[6] step-007m[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007m6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-008[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-0086.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Then go to Filter > Blur > Gaussian Blur and use pretty high radius like 100px so everything will be smooth.
![step-008b[6] step-008b[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008b6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Now create a custom brush (hard brush with 1-5px diameter) like this below and go to Edit > Define brush preset.
![step-008c[6] step-008c[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008c6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Choose the brush tool and in active brush set you can find your newly created brush- select it.
![step-008d[6] step-008d[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008d6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Open up the brush panel and use the settings as below. Then paint around the header.
![step-008e[6] step-008e[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008e6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![step-008f[6] step-008f[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008f6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
![step-008g[6] step-008g[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008g6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
Try to get something like this
![step-008h[6] step-008h[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008h6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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] step-008i[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008i6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
And here is how it looks on the header:
![step-008j[6] step-008j[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008j6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
I’ve added two hovering lights on top of the header.
![step-008k[6] step-008k[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-008k6.jpg?strip=all&lossy=1&webp=82&avif=82&w=1920&ssl=1)
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.
2 responses to “Complete Guide to Creating a Blog Website Layout”
-
awesome post!
thanks for sharing.. -
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