Create an amazing british style text effect (part 1)
1. Background creation Step 1 Create a new document with a size of 838 by 530 pixels. Place the “Texture: Wood floor” image on top of the background layer and…

Continue reading →

Modern trends in building responsive design (part 1)
Search for the right words Recently, when developing a website design, terms have been used to describe methods for adapting the design. Vox Media, for example, presents its content as…

Continue reading →

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…

Continue reading →

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:
Now add a new layer and draw a horizontal line under the eyes in two pixels – this will be the mouth. Move it down with the arrow keys. Then merge the top two layers. Similarly, you can create a chin, it will also be a horizontal line, only a little longer:

Repeat the same process to create the hair and upper part of the head, and then round the corners. You should get something like this:

Now leave one clear pixel to the right of the right eye, and after it add a whisker (which will also outline the ear) and a few more pixels that outline the hairline. After that, through another empty pixel from the whisker, draw a line that will mark the back of the head. And at the end, close the head line with one pixel:

Add one pixel for the upper part of the ear and change the shape of the head if you don’t like this one; the head is usually already at the bottom:

Draw a line from the chin down – this will be the chest. The neck will begin where the ear ends. Draw a couple of pixels vertically down, and then a couple of pixels diagonally so that you can immediately see the man’s shoulder:

From where the shoulder ends, draw a vertical line 12 pixels down to create the edge of the arm. The second edge should be located two pixels from it. Connect the lines with a pair of pixels to create a palm, and just above the point at which the hand ends, draw a 2: 1 line, which will be the waist.
Then complete the chest line, and you have received the entire upper body. The man should have another hand, which is now not visible. This should look normal, as it is located behind the chest.

Now our character should look like this:
From the lower body we will add a few more vertical lines. A man will look good if there are 12 pixels between the soles and the waist. The legs are created quite simply, only one leg will be located slightly lower than the other:

For skin, I used color # FFCCA5. Choosing colors for the rest of the elements should be much easier. After that, you should determine the length of the sleeve of the shirt, the position of the neck and add a dark line that will separate the shirt from the skin. It looks better if most of the inner lines are lighter than black. This will make the contrast of all lines not too hard and give the elements volume:

You can add lighting effects for almost all color areas. Avoid applying too many shades or gradients to the shadows; A few pixels (with a difference in brightness from 10% to 25%) will be enough to make the elements more colorful.
If you want to add a twist to a color that already has 100% brightness, try reducing its saturation. And in some cases (for example, for hair), you can change the shade to set two different tones.

You can use many different options for hair:
Now you need to put both elements together and evaluate how organically they look:

If you want to export this work, the .png format is perfect for this.
We are done!

Graphic programs for leisure and professional activities (part 2)
Drawing Programs Expanding the topic of graphic editors, it is impossible not to mention programs for drawing. Autodesk AutoCAD is a popular graphics drawing program. This editor supports two and…

...

A complete guide to retouching photos and sharing frequencies in Photoshop (part 2)
12. Masking texture Now we need to mask this texture. Hold the Alt / Opt key and click on the “Add Layer Mask” icon to add a black mask to…

...

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 an amazing british style text effect (part 1)
1. Background creation Step 1 Create a new document with a size of 838 by 530 pixels. Place the “Texture: Wood floor” image on top of the background layer and…

...