{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://openarts.ru/#website","url":"https://openarts.ru/","name":"OpenArts","publisher":{"@id":"https://openarts.ru/#person"},"potentialAction":{"@type":"SearchAction","target":"https://openarts.ru/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#webpage","url":"https://openarts.ru/inkscape-faking-irregular-gradients/","inLanguage":"ru-RU","name":"\u0418\u043c\u0438\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u0435\u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u044b\u0439 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442 \u0432 Inkscape | OpenArts","isPartOf":{"@id":"https://openarts.ru/#website"},"image":{"@type":"ImageObject","@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#primaryimage","url":"https://openarts.ru/media/inkscape-faking-irregular-gradients-00.png","caption":""},"primaryImageOfPage":{"@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#primaryimage"},"datePublished":"2012-12-26T12:52:12+00:00","dateModified":"2018-03-17T09:55:37+00:00","description":"\u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0432 Inkscape \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u044b. \u0410 \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c, \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u0435\u043d \u043d\u0435\u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u044b\u0439 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442, \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0444\u043e\u0440\u043c\u0443?","breadcrumb":{"@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://openarts.ru/","url":"https://openarts.ru/","name":""}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/","url":"https://openarts.ru/tutorials/","name":"\u0423\u0440\u043e\u043a\u0438"}},{"@type":"ListItem","position":3,"item":{"@type":"WebPage","@id":"https://openarts.ru/tutorials/inkscape/","url":"https://openarts.ru/tutorials/inkscape/","name":"\u0423\u0440\u043e\u043a\u0438 Inkscape"}},{"@type":"ListItem","position":4,"item":{"@type":"WebPage","@id":"https://openarts.ru/inkscape-faking-irregular-gradients/","url":"https://openarts.ru/inkscape-faking-irregular-gradients/","name":"\u0418\u043c\u0438\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u0435\u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u044b\u0439 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442 \u0432 Inkscape"}}]},{"@type":"Article","@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#article","isPartOf":{"@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#webpage"},"author":{"@id":"https://openarts.ru/author/zhart/#author","name":"zhart"},"publisher":{"@id":"https://openarts.ru/#person"},"headline":"\u0418\u043c\u0438\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u0435\u0440\u0430\u0432\u043d\u043e\u043c\u0435\u0440\u043d\u044b\u0439 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442 \u0432 Inkscape","datePublished":"2012-12-26T12:52:12+00:00","dateModified":"2018-03-17T09:55:37+00:00","commentCount":0,"mainEntityOfPage":"https://openarts.ru/inkscape-faking-irregular-gradients/#webpage","image":{"@id":"https://openarts.ru/inkscape-faking-irregular-gradients/#primaryimage"},"keywords":"inkscape,\u0438\u043c\u0438\u0442\u0430\u0446\u0438\u044f,\u0446\u0432\u0435\u0442","articleSection":"\u0423\u0440\u043e\u043a\u0438 Inkscape"},{"@type":"Person","@id":"https://openarts.ru/author/zhart/#author","name":"zhart","image":{"@type":"ImageObject","@id":"https://openarts.ru/#personlogo","url":"https://secure.gravatar.com/avatar/48486e993558dbe6edce1f9dd6d1687e?s=96&d=wavatar&r=g","caption":"zhart"},"sameAs":[]}]}

Имитируем неравномерный градиент в Inkscape

По умолчанию в Inkscape можно создавать только стандартные типы градиентов (линейный или радиальный). А что делать, если нужно создать неравномерный градиент, наложенный на сложную форму (например, идущий вдоль контура)? Выход есть, хотя он и не такой тривиальный, как стандартные решения.

Имитация неравномерного градиента в Inkscape
1

Создайте контур.

Создание контура в Inkscape
2

Продублируйте первый контур и передвиньте его немного вверх.

Создание контура в Inkscape
3

Выделите оба контура и преобразуйте их в единую кривую (Ctrl+K), затем соедините концы кривых, замкнув их в единый контур.

Соединение кривых в Inkscape
4

Продублируйте кривую и отредактируйте ее, отодвинув один из краев на значительное расстояние от первого (как на рисунке ниже). Залейте каждую из полученных форм крайними цветами градиента.

Создание новой кривой в Inkscape
5

Убедитесь, что более тонкая форма находится поверх более толстой. Выделите обе формы и примените к ним эффект интерполяции (Extensions → Generate from Path → Interpolate), используя приведенные ниже настройки.

Эффект интерполяции в Inkscape
6

Это все. Если у вас получились рваные края, как на рисунке ниже, вы можете визуально обрезать их, наложив поверх фигуру необходимой формы и воспользовавшись командой Object → Clip → Set.

Неравномерный градиент в Inkscape

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

Добавить комментарий

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