Create a digital graphic effect in Photoshop
Step 1 The process of creating digital graphics begins with a sketch, this is a real picture, drawn from scratch. The artist uses brushes, a sample image, and many techniques…

Continue reading →

Learn how to add snow to photos in Photoshop
Step 1 Open the "Cottage" image. Step 2 Create a new layer (Ctrl + Shift + Alt + N) and fill it with white using the Fill tool. Step 3…

Continue reading →

How to place two images side by side in Photoshop
Learn how to combine two photos into one image using Photoshop. Walkthrough for Photoshop CC and CS6. In the example, we use photographs in portrait (vertical) orientation so that the…

Continue reading →

Create a shop theme for handmade products in Photoshop (part 3)

Step 6
Now we’ll create another section of the site’s layout, in which more products will be presented, and call it “Popular”. People are always looking for popular products that others have used.

Duplicate the layer (CTRL + J) and change the title, description and products of the “Trending” section. Create additional copies of the product layers and make a 3 by 2 lattice from popular products:
Lead capture
After creating most of the elements of visual impact, it’s time to gather information about visitors in case they are not ready to buy something right now. So that you can offer them something later.

Step 1
We will create a simple blog section using the same title and description format. As well as a few excerpts from blog entries to redirect users to content that might interest them.

Select the Rectangle Tool (U) and draw a huge rectangle that will serve as the background for the new section. Use a light gray color to separate the blog from the product section. I used the color #fbfafa. Now duplicate the title and description of the previous section and place them on top of the new background:
Step 2
To further create a website layout in Photoshop, select the Horizontal Text Tool (T) and enter the title, date and a short excerpt from the blog entry. I again use the Source Serif Pro font for the title, and Source Sans Pro for the description and date.

A clear visual hierarchy should be traced in the block of the blog: the name is dark and the largest, other elements are smaller and brighter. Always use a visual hierarchy to create a logical sequence:
Step 3
Now put all the blog post layers in a group and duplicate it twice (Ctrl + J). Place copies between the vertical guides, leaving spaces between the blocks, as we did for the goods:
Step 4
After displaying some cool products and valuable blog entries, it’s time to push the visitor a bit and give him a form with a clear call to action – a subscription.

Select the Rectangle tool (U) again, set a darker color, for example, # 282723, and draw a background for the subscription form in the site layout. A darker background will create a contrast that will attract the attention of visitors:
Step 5
Now write a short annotation explaining why people should sign up; Describe the benefits of a subscription. After that, go to the navigation section and duplicate the search field.

Drag the duplicated layers and place them on top of the background you just created, then edit the request input field and the call to action button:

Step 6
Each site layout in Photoshop should contain a basement so that people can find links to key pages there: customer support, contact information, social media and much more.

Duplicate the text layers of the blog entries and edit them to match the links. Divide the various link groups into columns that will be evenly distributed.

Final touch: Add a copyright line at the very bottom of the layout.

How to choose the right color scheme for the site? (part 4)
If so, then you have some experience, and you know that the selection of color schemes is not easy. The color should be calm enough so that you can stay…

...

Create a shop theme for handmade products in Photoshop (part 2)
Step 6 It's time to create a catchy title for your website layout design. Use the large and bold font Source Sans Pro and write a short title. I used…

...

Corel Painter vs Photoshop: Digital Painting Comparison (part 2)
Brushes When the background image is completed, the next step is to refine the shape of the main objects of the composition, add colors and increase contrast, as well as…

...

31 freeware graphics software (part 3)
22. Visual.ly - a web application for creating interactive infographics. Infographics is a new way of visual presentation of data, which is developing rapidly. Visual.ly is the best program for…

...