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,…

Continue reading →

Complete Web Animation Guide (part 3)
Step 44 Select beach icons with captions and group them. Rename the group to ‘features’: Step 45 Select the Free Shape tool. In the list of Figure options, select the…

Continue reading →

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).…

Continue reading →

gift shops

Top 10 Trends in Web Design for E-Commerce in 2016

10. Great backgrounds
Large photographs and videos in the background became a trend for e-commerce sites in 2015. This helps brands to tell their story, and also allows you to draw attention to a specific product or service:
It is best to create a personalized background for each unique client in accordance with his preferences.
9. Sell images, not text
Currently, most people are overloaded with information from various sources. Now customers have begun to pay more attention to photographs, as they do not have time to read. Thus, the first reaction of the client and his emotions while viewing a commercial site are the main signal to make a purchase. This is especially important when designing an online store for the fashion and souvenir industry. Continue reading

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…

...

The 9 best Photoshop filters and plugins of 2017 that you can use for free
Free filters The filters below are formally “Photoshop actions” (.ATN files). Actions (actions) is a pre-recorded series of steps that allows you to apply effects (in this case, filters) automatically.…

...

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:…

...

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…

...