1. Select items
There are five traditional components of Pirot Kilim – brushes, outer frame, rim, inner frame and main field. The outer and inner frames, as a rule, are monophonic, and the rim and the main field are the most colorful parts of Pirot kilim.
In the image below, the brushes are white, the outer and inner frames are black, the rim has a white background with red and blue decorative elements, and the main field is a multi-colored rectangle in the middle, with a red background, black and blue elements: Continue reading
Create another layer above, change its blending mode to Multiply and use the Clipping Mask (Command / Ctrl-Alt-G). Take a more saturated blue sample below the butterfly (indicated by a red circle in Fig. 5), and then draw an area under its feet to simulate a shadow:
Open another butterfly image. As shown in Figure 1, cut out the butterfly and paste it above all layers. Then use a new layer (blend mode – “Multiply”, set it as “Clipping Mask”). Take a dark blue sample and draw the lower side of the wing to create a shade, as shown in Figure 2.
Using a new layer (Blend Mode – “Overlap”, set it as “Clipping Mask”), take a blue sample and paint the upper side of the wing to simulate the lighting, as shown in Figure 3.
As shown in Figure 4, while holding down the Command / Ctrl key, click on the thumbnail layer of the first butterfly to create a selection, and then, while holding Command / Ctrl-Shift, click on the thumbnail of the second butterfly. Continue reading
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, and then write them in CSS:
filter: url (myfilter.svg # myCustomFilter);
The same filters are available when using backdrop-filter.
Finally, the filter () function. The idea is to bring all the specified image links in CSS through a set of filters. And we will embed our tiny header image using base64 dataURI and run it through the blur () filter: Continue reading