16 best examples of website homepage design (part 3)
14) Basecamp For a long time, Basecamp pages have been amazing and here you can understand why. They always have spectacular headlines and clever animations; The call to action is…

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 →

Complete Web Animation Guide (part 2)
Step 23 Using the Angle tool, drag the lower left point of the black rectangle to round a sharp corner. Using the "Select Site" tool, drag this point right up:…

Continue reading →

Monthly Archives: September 2018

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. Continue reading

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 Source Sans Pro (black color), size – 70, tracking – 160:
Step 7
You have attracted the attention of the user, now you need to add a second message and a call to action. To keep the design consistent, I used Source Serif Pro (regular) font size 28 for the subtitle and second search button.

Pay attention to the indentation that I used. Always leave enough space around the elements so that they are better perceived and look more organized. If you look closely, you can see that the text layers are closer to each other. This is due to the law of distribution of Gestalt.

“In accordance with the law of distribution, the psd elements of the site layout that are next to each other seem to be grouped” Continue reading

How to create a surreal scene in Adobe Photoshop
Manual details Program: Photoshop CS3 +. Lead time: 120 minutes. Difficulty: Intermediate. Sources Field. Sky. Crashed plane. Tree. Model. Fish. Step 1 Create a new 1800 x 1000 px document…

...

16 best examples of website homepage design (part 2)
5) Dropbox (Business) This is a striking example of providing site support for different audiences. It differs from the main page, which was originally created for the consumer (see above).…

...

How to create an animated GIF using Photoshop
How to create and save GIFs in Photoshop If you spend a lot of time on the Internet, you have seen animated GIFs (gifs). This is a cross between a…

...

How to change eye color using Photoshop
How to change eye color in Photoshop Step 1: Zoom In Select the Scale tool in the toolbar: Select the Zoom tool Press the area between the eyes several times…

...