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 →

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

Continue reading →

Blur up technique or blur background technique on boot (part 2)
The good thing is that the specifications for CSS and SVG are common, that is, we can use not only pre-prepared filters, but also create our own filters in SVG,…

Continue reading →

changing the shape

Create a beautiful abstract portrait (part 3)

5. Continue to change the blue elements
Select the Lasso tool and create some arbitrary shapes on top of the blue elements. To add them to the selection, hold the Shift key while creating shapes.

Next, press Command / Ctrl-Shift-C (copy with merge) and Command / Ctrl + V to paste all these elements above the existing layers. Now they are all in one layer, and we need to use the Lasso tool again and scatter them around the image.

While holding down the Command / Ctrl key, select a fragment and move it as shown in Figures 3 and 4.

To add depth to the background elements, select a few small pieces and randomly erase parts of their edges (Figure 4). You can use the Eraser tool or the Layer Mask tool for this: Continue reading

Create a beautiful abstract portrait (part 2)

Create a new layer above the woman’s face layer and change its blending mode to Multiply. Then select the Brush tool (B) and use the Eyedropper (Alt key) to take a skin color sample and draw the areas indicated in the figure (green arrows). In Figure 1 (the picture on the right) you can see how the tone has changed.

Create a new layer above the previous one and lighten the areas shown in Figure 2 a little to make the skin look more natural. You can use the Eraser tool to create smooth transitions between the skin and tinted areas:
Step 2
Use the same technique. But this time, paint over the eyes and the blue elements on the hair. For a new layer located above the previous one, use the same brush settings and paint over these areas with it. We need to overlap the textures from the original photo, for this we use a brush. Continue reading

How to create bright, colorful, juicy 3D in a summer way – text (part 1)

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 any color. At the same time, the font size does not matter, since we can change the scale when converting text to a 3D grid.

After creating the text, go to Text> Convert To Curves. Or call the context menu by right-clicking on the text layer and select the appropriate item:
Step 2
Duplicate the text layer, rename the copy, and select the Site Selection tool. 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…


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…


Create an amazing british style text effect (part 3)
5. Adding crumbs Step 1 Create a work path from the text, create a new layer below layer 1, name it Crumbs and circle the outline with the Crumbs brush:…


Create an amazing british style text effect (part 2)
8. Layer 3 Styles Double click on layer 3 to apply the following styles: Step 1 Add an Embossing style with the following parameter values: Style: "External bevel"; Check the…