Halloween. Делаем персонажа фильмов ужасов из обычной куклы при помощи svg-фильтров.

svg фильтры

Режиссеры и сценаристы фильмов ужасов очень любят использовать кукол в качестве персонажей. Давайте возьмем фото обычной куклы и попробуем превратить её в постер для Halloween. И сделаем мы это при помощи svg-фильтров.

В частности мы будем использовать работу с каналами fecomponenttransfer, размытие fegaussianblur, цветовые матрицы fecolormatrix, свертку feconvolvematrix, режимы смешивания feblend и другие типы фильтров.

Вот оригинал:



А вот несколько svg-фильтров для превращения безобидной куклы в монстра для постера на Halloween.




Я не буду приводить код приведенных фильтров. Просто посмотрите на них в инспекторе Вашего любимого браузера. Используйте на свой страх и риск :)

Метки: , , , ,
Один комментарий на “Halloween. Делаем персонажа фильмов ужасов из обычной куклы при помощи svg-фильтров.
  1. Александр пишет:

    Здравствуйте, а не подскажите редактор в котором можно было бы эти фильтры изменять в визуальном режиме, а не в редакторе циферки менять?

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

*

* Copy This Password *

* Type Or Paste Password Here *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Узнавай о новых статьях первым!

Спасибо за лайк в FACEBOOK
Подписывайтесь на новости вконтакте
Последние статьи от html5.by