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…

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…

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 →

defined

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

...

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…

...

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…

...

How to place two images side by side in Photoshop
Learn how to combine two photos into one image using Photoshop. Walkthrough for Photoshop CC and CS6. In the example, we use photographs in portrait (vertical) orientation so that the…

...