10 rules for a good user interface
1. Make everything the user needs easily accessible If the user cannot find what is needed, he will abandon your software. Tabs make the interface more accessible. Shortcuts and tooltips…

Continue reading →

Create a double stroke effect in Photoshop
In today's guide, I would like to tell how to stroke the text in Photoshop. Photoshop layer styles let you easily add shadows, glows, outlines, color overlays, and more. Combining…

Continue reading →

How to create a simple web banner in Photoshop?
Let's start with the finished banner. We have a basic example, the colors used in it soothe the eyes. It can be posted on a website dedicated to fashion and…

Continue reading →

created

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

How to create a simple web banner in Photoshop?

Let’s start with the finished banner. We have a basic example, the colors used in it soothe the eyes. It can be posted on a website dedicated to fashion and style, as well as for a personal blog. Follow the steps below:
Designing a simple web banner in Photoshop
Open a new document. Open in Photoshop a new document of the desired size:

new document
Draw a rectangle using the Rectangular Area tool. Before you make the HTML site header, create a rectangle of any color on a new layer: 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…

...

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…

...

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…

...

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…

...