Make skin look perfect in one-click with these AI-powered Photoshop actions.
![step-006c[6] step-006c[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-006c6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-006d[6] step-006d[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-006d6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-006e[6] step-006e[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-006e6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-006f[6] step-006f[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-006f6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-006g[6] step-006g[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-006g6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-006h[6] step-006h[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-006h6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
Step 7 - header
We will start designing from single-blog-post page. So our header shouldn't be too large. I've putted my guide 340px horizontally from top- you can do the same as well. I've made a new group for layers and named it 'top'. With rectangle tool make a shape to the top from our guide. The color I used is #12101b. Then add some noise to it with Filter > Noise > Add noise, but really, just a bit. Make it uniform and don't go higher than 1%.![step-007[6] step-007[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-0076.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-007b[6] step-007b[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007b6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-007c[6] step-007c[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007c6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-007d[6] step-007d[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007d6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-007e[6] step-007e[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007e6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-007f[6] step-007f[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007f6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
![step-007g[6] step-007g[6]](https://cdn.photoshoptutorials.ws/images/stories/ddb09352d992_2F5/step-007g6.jpg?strip=all&lossy=1&quality=64&w=1920&ssl=1)
2 comments on “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