Change the blur method from “Ring” to “Linear” and set the blur value to relatively low so that the effect is quite subtle. Apply this filter, and you get the mechanism for fixing the propeller blades in motion:
Select the rectangular area around the center of the blade attachment mechanism
Use “Radial Blur” with a relatively low value, the blur method is “Ring”
Apply Radial Blur to create the illusion of movement of the blade attachment mechanism
Now we can add the blades themselves. They rotate faster than the central part of the fastening mechanism, so the blur effect should be stronger.
Using a soft brush of light gray color, draw a sharp elongated figure of the rotating blades. Then add a rectangular selection around it. Select the Radial Blur filter, and repeat the previous steps, but this time set a much higher value to enhance the effect. Continue reading
After that, select the Move tool (V). Set the top layer Opacity to 24%. The figure below shows the final form of the “refl left mid” layer:
Create a new layer on top of this layer – “refl top”. It should have approximately the same shape and be placed there, as shown in the figure below:
Go to Filter> Blur> Gaussian Blur, set the “Radius” to 3 pixels:
Then add a layer mask to the “refl top” layer and use a soft black brush with an opacity of 50%, draw the bottom of the mask, as shown in the figure below: 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