How to create a clipping mask in Photoshop
Using clipping mask for fonts Step 1: Create a new document in Photoshop. If the document will be used on the Internet, I recommend setting the resolution to 72. Next,…

Continue reading →

Create Advanced Animations in Photoshop: Putting It All Together (part 1)
Using a template layer with animating smart objects Since smart objects can contain several layers, we can create temporary layers, which helps us create more complex animations. For example, in…

Continue reading →

Create Advanced Animations in Photoshop: Putting It All Together
How to create a watch with moving hands We use the template layer method to create a clock animation with rotating hands. And also apply layer styles to add depth…

Continue reading →

example

Modern trends in building responsive design (part 2)

The hierarchy, as a rule, resembles a vertical structure. We can use min-width and max-width media queries, but we can also use min-height and max-height queries. In my opinion, in the menu of the site of the museum of geological finds, the vertical and horizontal components of the layouts are perfectly balanced:
Adaptive navigation menu on the site of the museum of archaeological finds. It is adjusted by the height of the layout. When a certain minimum viewing window height is reached, the navigation moves to the top of the screen to avoid cropping the menu.

On wide screens, the navigation menu is located on the left edge of the layout and covers the entire height of the viewport. You may notice that they use a flexible window model, or flexbox. This property allows items to automatically fill in the space reserved for them when the menu gets taller or shorter. At the same time, menu items are scaled vertically, but when a certain minimum value of width or height is reached, the menu moves to the top of the page. Continue reading

How to create an awesome logo (part 2)

The first logo (top) is not suitable, because it looks too fun / unprofessional;
The second logo is simply “stupid”, in addition, you should not choose a font for the logo that already contains a shadow;
The third logo with curls is too “torn”;
Calligraphic logos are usually outdated, especially this one, with strange “drops” flowing down;
The last logo is hard to read. Remember, the logo should be easy to read.
Here are some examples of a good choice of font to make before creating your logo:
All of these logos, with the exception of 4 and 6, are largely similar;
Numbers 1, 2, 3 and 5 are all simple and “serious” in appearance; Continue reading

Photoshop batch processing
What will we create We will create a Photoshop operation that changes the length of our images to 1000 pixels, and then apply this operation to multiple images at the…

...

Create a shiny shield (part 5)
Step 56 While holding down the CTRL key, click on the “ribbon front” layer to select it. Then create two layers named “ribbon front left refl” and “ribbon front right…

...

Create Advanced Animations in Photoshop: Timeline Panel Overview (part 1)
Timeline Panel Overview By opening the timeline panel (Window> Timeline), you can choose one of two types of timeline: video and frame animation. The latter is intended for frame-by-frame animation.…

...

Creating an Isometric Pixel Character (part 1)
1. Lines in pixel graphics These lines are the basis for the most common isometric style in pixel art. The style that we will use: This style is created by…

...