Then add small rectangles located at an angle of 45 degrees, as shown in the middle figure, and place small triangles at their ends, as shown in the right figure:
Coloring Element “The Devil’s Knees”
After you smooth and round the corners, you can use the command Edit> Transform> Flip Vertically to complete the shape of the element. Decorate the Devil’s Knees with large triangles in the upper and lower parts of the element and several small triangles in the center, as shown in the figure below.
As you noticed, all elements use the same methods and very simple shapes. Their combination gives a variety of ornaments:
3. Creating a frame and auxiliary elements
Let’s create some frames for the ornament. Continue reading
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 refl” on top of the “PREMIUM QUALITY” text layer.
Applying the same technique that we used earlier, subtract the necessary areas of selection with the Oval Tool, as shown in the figure. Then fill the selection with white:
Reduce the “Opacity” of both layers to 20%:
While holding down the CTRL key, click on the “shield outer” layer to select it. Create a new layer under it called “shield shadow”, and fill the selection with black. Then, using the command Edit> Transform Path> Zoom, squeeze the black shape down: Continue reading
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