Create a Minimalist Blog Layout in Photoshop

Create a Minimalist Blog Layout in Photoshop
Create a Minimalist Blog Layout in Photoshop
img(50)[3]

Add navigation links and copyright info to the footer.

img(51)[3]

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.

img(52)[3]

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.

img(53)[3]

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.

img(54)[3]

Final Results

final-results[6]

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 comments on “Create a Minimalist Blog Layout in Photoshop”

  1. 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!

Leave a Reply

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

cross