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 →

How to become a web designer
In this article we will tell you how to become a web designer and what you need to know and be able to do. Web design is an exciting and…

Continue reading →

How to create a mockup flyer in Photoshop?
In this article, I will show you some advanced Photoshop tools that we will use to create a flyer layout (mocap). We will use smart objects for placeholders, the "Transformation"…

Continue reading →

Adjustment Layer icon

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

Complete Web Animation Guide (part 4)

Step 71
To make a brochure correctly, activate the Site Selection tool. Pressing and holding the left mouse button, circle the left part of the arrow to select its two extreme points. Then drag them to the left guide:
Step 72
Call the Free Transform command, and then turn the arrow to point up. Do not press Enter !:
Step 73
Switch from free deformation mode. Select Warp: Arc, and then drag the warp point to the left. The shape of the arrow will change its shape, as shown in the figure below. Press Enter to apply the transformation: Continue reading

How to install Photoshop plugins

Launching the plugin installer
Most Photoshop plugins now have an installer that automatically finds Photoshop plugin folders and installs the plugin. You should always try to run the installer first:
Manually Finding the Photoshop Plugins Folder
If the plugin comes in the form of a zip archive, you must open it and manually copy the file to the Photoshop plugins folder.

If you use Photoshop CC (for example, version 2013-2017 or later) on Windows, the plugins are stored in the folder: Continue reading

How to choose the right color scheme for the site? (part 1)
If I ask you to think about Coca-Cola, what will come to mind first? Most likely, a red Coca-Cola logo will pop up in your imagination: It is quite difficult…

...

How to realistically overlay text on a photo in Adobe Photoshop
Step 1 Open the photo (or image) that you will use: Step 2 Let's choose a color. When adding text to the picture, we will use the color from the…

...

Complete Web Animation Guide (part 1)
Let's start with the preparation of the main image, create a multi-level complex shape and add several layer styles to give it a beautiful appearance. I used Photoshop CS6 version,…

...

10 best free GIF programs
First, we list the best software products. 1. Recommendation: Wondershare Filmora The first program on the list is Wondershare Filmora. It is considered one of the best programs for creating…

...