Info Tech-Web Blog

Part 1: Create a Modern and Sleek Blog Design in Photoshop

This web design tutorial will show you the process of designing a sleek, modern, dark-themed blog layout. We will be creating the design of the front page of the blog. We will use basic web design techniques using familiar Photoshop tools such as the shape tools, guides, layer styles, and the Brush Tool. You are encouraged to explore and modify the examples to tailor the design to suit your needs.

Creating a New Photoshop Document

Open Adobe Photoshop and begin by creating a new document (Ctrl/Cmd + N). Make the document 1200px (Width) by 1600px (Height). Use White as the background.

Step 2: Creating Guides

Alignment is very important in web design. To help with precise alignment, we will add guides to our work. To help us place the guides accurately, we will use View > New Guide.

Create 4 vertical guides and 7 horizontal guides at the following locations: