In this lesson we’ll continue where we left off in Part 1. To view the template, click this link. You can also directly download The Agency template. 7. About us section The next step in our design is creating the About us section. This section features 3 accordion style drop-downs and skill-bars used to visually […]
Posts with tag: photoshop
Create a design agency portfolio in Photoshop – Part 1
In the first part of this series I’ll show you how to set-up the document and how to design The Agency’s Header, Hero area, Services and Portfolio sections and we’ll also create a call to action banner using Adobe Photoshop CC. To keep the design consistent, we’ll use a grid system. The grid contains 12 […]
Create a design agency portfolio from scratch
In this massive tutorial series we’re going to build a modern webdesign portfolio for a fictional agency from scratch. We’ll design the template in Photoshop CC and then we’ll convert the resulting PSD document into a high-quality HTML5/CSS3 template. No steps will be skipped and every step will be explained in great detail. The design […]
Create your own Grid System in Photoshop
Grid systems are an important part of the design process. Grids help you better organize the content on the page and balance the design, by designing in proportions with respect to the size of the grid. This will create an uniform look in your designs, allowing you to display the content in a more readable […]