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…

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 →

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 →

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:
Step 24
To make the brochure your own, change the blending mode of the black rectangle to Soft Light. This will make it half transparent:
Step 25
Add a new layer. Activate the Brush tool and select a soft round brush. Set its size to 1300 pixels, the color of the brush is white, the opacity is 30%. Press 2-3 times in the area of ​​the blue curved shape. This will create a soft white lighted area:
Step 26
Select the five layers you just created, and then group them. Rename the group to “front shape”. Remember to save the document (File> Save):
Step 27
Press Ctrl + N to create a new document. Set the width to 600 pixels, the height to 600 pixels, and the resolution to 150 pixels per inch:
Step 28
Draw a black rectangle measuring 300 by 100 pixels. Duplicate it by dragging it with the Contour Selection tool while holding down the Alt key:
Step 29
Before you make a brochure in Photoshop, rotate and move one of the black rectangles so that you get an inverted letter “L”:
Step 30
To perfectly align the black rectangles, select them using the Contour Selection tool, and then select “Right Edges” in the options bar at the top of the window:
Step 31
Draw a narrow horizontal rectangle. Select the option “Subtract the front shape” for it, as a result of which you will get a horizontal section:
Step 32
Click outside the canvas or press the spacebar to deselect all shapes of the rectangle. Use the Free Transform command to rotate the shape until it looks like the “>” symbol:
Step 33
In the options bar at the top of the window, select the Combine Shape Components option. This will combine all three rectangles in order to correctly make a brochure:
Step 34
Go to Edit> Define Custom Shape, name it “metro arrow,” and then click OK:
Step 35
Now back to the window of the first document with images of a sunny island and water sports. Using the Ellipse Tool, draw a dark brown (# b5a294) circle. Using the Horizontal Text tool, create a blue (# 018dc0) heading text and two conditional paragraphs.

Photoshop can simplify this step by providing replacement text, which is available under Text> Paste lorem ipsum. To make this menu item available, you need to create a paragraph text field:
Step 36
Activate the Custom Shape tool, set the color to white. Select and draw a “metro arrow” inside a dark brown circle:
Step 37
Select the last four layers created, merge them into a group called “left text”:
Step 38
Before you make the brochure yourself, add the text on the right side of the document, which is a brown title text and four bullet points. Draw four “metro arrow” shapes as list markers, but this time set them to blue:
Step 39
Activate the Brush tool. In the options panel, set the brush opacity to 50% and color to dark brown. Click on the brush options button (gear in the upper right corner), select the option “Download brushes”. Find and load the desired brush.

In the brush download dialog box, click the Add button. So we add a new brush:
Step 40
Add a new layer named “flower”. Select a flower-shaped brush and once click on the canvas to draw a flower:
Step 41
Reduce the size of the flower using the Free Transform command. But first convert it to a smart object:
Step 42
We continue to consider the methodology of how to make a brochure yourself. Using the Text tool, add the caption “Flower Garden” below the flower shape:
Step 43
Use the Brush tool to add other beach icons. Convert them to smart objects, make them smaller and add captions:

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…

...

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…

...

How to create sunburst in Photoshop
The sunburst figure shown in the figure below is often used in the design of icons, screensavers, and user interface elements for games and applications. Arcade Angry Gran Run uses…

...

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…

...