background design

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 →

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…

Continue reading →

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

Continue reading →

31 freeware graphics software (part 1)

1. SVG-Edit – development of vector graphics in a browser
If you need to programmatically reproduce a drawing or vector graphics, this can be done using the Scalable Vector Graphics format (also known as SVG). And the program for developing Scalable Vector Graphics is called SVG-Edit.

This is open source software. SVG-Edit is a powerful tool that allows you to create or edit SVG elements. The tool is built on the basis of CSS3, HTML5 and JavaScript. With it, you can quickly edit and process two-dimensional (2D) vector graphics:
2. Serif DrawPlus Starter Edition – Free Graphic Design Software for Windows
Free graphic design software. This is a program for the graphic editor of vector 2D graphics, which allows you to draw, edit and create a professional design. Continue reading

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

Complete Web Animation Guide (part 5)

Step 96
Before you can make a brochure yourself, add four replacement paragraphs to the left of the temple picture. Use a smaller font size for them:
Step 97
Remember the arrow shape we created earlier? Add this shape using the Free Shape tool. This time set the shape to blue (# 26afd8):
Step 98
Add three more arrows (the same size and color as the first). To do this, hold down the Alt key and drag the first arrow using the Site Selection tool. Repeat this action until you get four arrows:
Step 99
Select heading text, paragraph texts, and arrow shapes. Group them by pressing Ctrl + G. Double-click on the group name to change it: 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

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 Web category. In the dialog box that appears, click the Add button:
Step 46
Repeat step 45 to load another category of custom shapes – “Objects”:
Step 47
Enter a placeholder text with a phone number, email address and travel agency website. Add the phone, site, and email icons using the Custom Shape tool:
Step 48
Add a placeholder for the name of the travel agency: Continue reading

Create the Wonder Woman logo in Photoshop
Step 1 The first thing to do is to create the main form of the symbol of a miracle woman. Step 2 The main secret is to put all the…

...

Create the Wonder Woman logo in Photoshop
Step 1 The first thing to do is to create the main form of the symbol of a miracle woman. Step 2 The main secret is to put all the…

...

Create a shop theme for handmade products in Photoshop (part 1)
What do you need To follow my actions, you will need some resources: Photos from Unsplash; Photos from StockSnap.io; Font Source Sans Pro; Font Source Serif Pro. Definition of business…

...

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…

...