Add navigation links and copyright info to the footer.


Step 10 : Create and Apply Pattern

One last and final step before we finish the design. We will a tileable pattern using the Pencil Tool. Open a new document and create the below pattern element using the Pencil Tool with 1px weight. Turn off the background and select the pattern and choose Edit > Define Pattern.


Create a new layer above the background layer. Press Shift+F5. This loads the Fill dialog box. Choose the pattern you just created. And Press “Ok” to apply the pattern.


We need to mix the pattern nicely into the background. Double click on the pattern layer thumbnail. Adjust the Opacity setting. The Blend if section has “This Layer” slider with Black and White handles. Select the Black handle and move it along the ramp towards right. You can see the pattern blending into the background. You can further adjust the smoothness and range of the blending. Press down the “Alt” key then click on the handle and drag away. This will split the handle into two segments. Adjust it until it looks good.


Final Results


Authors Comment

profile[1]I am a Graphic / Web Designer and a wannabe VFX artist. Hope you learned something and had fun reading this tutorial. Thank you for following this tutorial.

– niranth

Pages: 1 2 3 4

12 responses to “Create a Minimalist Blog Layout in Photoshop”

  1.  Avatar

    Thanks for this tutorial !

  2. roxy palace Casino Spiele Avatar
    roxy palace Casino Spiele

    Wollte Euch einfach mal in diesem Gaestebuch einen Gruss
    hinterlassen. :)

  3. Exit Promo Avatar
    Exit Promo

    Great stuff. I used this tutorial with ExportKit to create a WordPress theme directly from the PSD. I also made another responsive design using your steps – so I made a responsive HTML5 and CSS3 website just for fun too!

  4. Sayuri Avatar

    Thanks for this tutorial !
    i learned a lot =)

  5. simo Avatar

    welcom on free photoshpp online

  6. Shaikh Mahammad Soheb Avatar
    Shaikh Mahammad Soheb

    i have no words this tutorial

    Awesome thank you

    for this tutorial.

  7. Kasiimu Avatar

    how to export it html and css.. thank you

  8. MD Yusuf Avatar
    MD Yusuf

    Very impressive.

  9. zul Avatar

    Thank for your tutorial.

    Can i ask something…

    How to convert the psd to xml files so its can be use in

    blogspot template..

  10. ZhangANQI Avatar

    Thank you for a tutorial !!
    It’s awesome.

  11. vivian ojara Avatar
    vivian ojara

    thanks a bunch!!!! awesome! very generous of you

  12. paramesh Avatar


Leave a Reply

Your email address will not be published. Required fields are marked *