How to create an awesome logo (part 3)
Vector trace Now select the Magnifier tool and zoom in: Next, select the Pen tool: Make sure that the foreground color (the black square at the bottom of the palette)…

Continue reading →

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…

Continue reading →

How to create an awesome logo (part 1)
Adobe Photoshop I will use Adobe Photoshop CS2 to design this logo. Many insist that only Illustrator is needed for this, but I believe that for the convenience of most…

Continue reading →

automatically added

How to create a Serbian national pattern: Kilim Pirot ornament (part 2)

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
Step 1
Let’s create some frames for the ornament. Continue reading

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 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%:

Step 57
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

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

Create a shiny shield (part 1)
Step 1 Open in Adobe Photoshop a new file (File> New) with the settings shown in the figure below. Save the file under the name “Shield.psd“. During operation, do not…


Creating an Isometric Pixel Character (part 2)
Create a new layer. To make the eyes, we simply use two pixels, and one empty pixel between them. Step one pixel away from one eye, draw a vertical line:…


How to create bright, colorful, juicy 3D in a summer way - text (part 3)
1. Create letter shapes Step 1 Create a document with a size of 1,500 by 1,500 pixels, and in the font Insaniburger write the first letter of the word in…


How to create a Serbian national pattern: Kilim Pirot ornament (part 1)
1. Select items Step 1 There are five traditional components of Pirot Kilim - brushes, outer frame, rim, inner frame and main field. The outer and inner frames, as a…