{"@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-pencil/#webpage","url":"https://openarts.ru/inkscape-pencil/","inLanguage":"ru-RU","name":"\u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0440\u0430\u043d\u0434\u0430\u0448 \u0432 Inkscape | OpenArts","isPartOf":{"@id":"https://openarts.ru/#website"},"image":{"@type":"ImageObject","@id":"https://openarts.ru/inkscape-pencil/#primaryimage","url":"https://openarts.ru/media/inkscape-pencil-00.png","caption":""},"primaryImageOfPage":{"@id":"https://openarts.ru/inkscape-pencil/#primaryimage"},"datePublished":"2014-07-22T07:00:32+00:00","dateModified":"2018-05-23T08:28:45+00:00","description":"\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u044b \u0438 \u0442\u0435\u043d\u0438 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u043a\u0430\u0440\u0430\u043d\u0434\u0430\u0448\u0430 \u0432 Inkscape.","breadcrumb":{"@id":"https://openarts.ru/inkscape-pencil/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://openarts.ru/inkscape-pencil/#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/inkscape-pencil/","url":"https://openarts.ru/inkscape-pencil/","name":"\u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0440\u0430\u043d\u0434\u0430\u0448 \u0432 Inkscape"}}]},{"@type":"Article","@id":"https://openarts.ru/inkscape-pencil/#article","isPartOf":{"@id":"https://openarts.ru/inkscape-pencil/#webpage"},"author":{"@id":"https://openarts.ru/author/zhart/#author","name":"zhart"},"publisher":{"@id":"https://openarts.ru/#person"},"headline":"\u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0440\u0430\u043d\u0434\u0430\u0448 \u0432 Inkscape","datePublished":"2014-07-22T07:00:32+00:00","dateModified":"2018-05-23T08:28:45+00:00","commentCount":0,"mainEntityOfPage":"https://openarts.ru/inkscape-pencil/#webpage","image":{"@id":"https://openarts.ru/inkscape-pencil/#primaryimage"},"keywords":"inkscape,\u0438\u043c\u0438\u0442\u0430\u0446\u0438\u044f,\u043f\u0441\u0435\u0432\u0434\u043e-3d","articleSection":"\u0423\u0440\u043e\u043a\u0438"},{"@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

Для начала выберите инструмент рисования прямоугольников (R или F4 и нарисуйте прямоугольник, который послужит основой нашего карандаша. В примере ниже используется прямоугольник высотой 41 пиксель, но вы можете использовать свой размер (значение высоты понадобится нам чуть позже).

Прямоугольник в Inkscape
2

Теперь, используя инструмент для создания градиента (G или Ctrl+F1), назначьте градиент с шестью стоп-точками (включая крайние), как это сделано на рисунке ниже. Кстати, цвета впримере брались с фотографии реального карандаша для достижения большей реалистичности.

Горизонтальный градиент в Inkscape
3

Спозиционируйте градиент нужным образом (в нашем случае сделайте его вертикальным) и сдвиньте стоп-точки, как на рисунке ниже.

Вертикальный градиент в Inkscape

Рисование заточенного кончика карандаша

1

Для рисования кончика используйте инструмент для рисования прямых и кривых линий (Pen toolB или Shift+F6).

Рисование заточенной части карандаша в Inkscape
2

Для придания плавности зазубринам используйте инструмент редактирования узлов (N или F2). Выделите нужные узлы и сделайте их закругленными (Shift+S), при необходимости подправив также рычаги на узлах.

Преобразование острых узлов в сглаженные в Inkscape
3

Назначьте кончику карандаша простую линейную градиентную заливку, как на рисунке ниже.

Назначение градиента заточенной части карандаша
4

Теперь спозиционируйте кончик карандаша относительно основания. Возможно, придется чуть сдвинуть некоторые узлы, чтобы они касались основания в нужных местах.

Кстати, теперь нам пригодится высота основания. Сделайте кончик точно такой же высоты.

Соединение заточенной части карандаша с основанием
5

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

Добавление реалистичности границе заточенной части карандаша
6

Настало время нарисовать грифель. Опять же, используйте для этого инструмент рисования линий (B), и сделайте один из узлов закругленным.

Рисование карандашного грифеля в Inkscape
7

Для имитации блика в верхней части грифеля создайте линейный градиент.

Добавление блика карандашному грифелю в Inkscape

Рисование обратного кончика карандаша

1

С обратной стороны карандаша нарисуйте еще один прямоугольник и выровняйте его вдоль основания. Высота у него должна быть такой же, как у основания (41 пиксель в нашем примере). Этот прямоугольник послужит основой для рисования держателя ластика.

Рисование обратного кончика карандаша
2

И снова нарисуйте линейный градиент с шестью опорными точками, как мы уже делали это для основания.

Назначение горизонтального градиента кончику карандаша
3

Опять же, сделайте градиент вертикальным и сдвиньте опорные точки для достижения нужного эффекта.

Переворачивание градиента в Inkscape
4

Создайте контур вокруг прямоугольника и назначьте ему линейный градиент, как мы это уже делали для заточенного кончика. Только в этом случае опорных точек будет 4 (включая крайние) — черная, прозрачная черная, прозрачная черная и снова черная. Спозиционируйте эти точки как это сделано на рисунке ниже.

Назначение градиента обводке в Inkscape
5

Для большего сходства с реальным держателем ластика добавьте 8 линий толщиной 2 пикеля. Назначьте этим линиям градиент для достижения «металлического» вида.

Рисование полос на кончике карандаша
6

После всех описанных выше манипуляций в итоге у вас должно получиться что-то типа этого:

Промежуточный результат рисования карандаша в Inkscape

Рисование ластика

1

Пришла пора рисовать ластик. В качестве основы для него нарисуйте прямоугольник с закругленными краями.

Рисование резинки на кончике карандаша
2

Преобразуйте прямоугольник в контур (Shift+Ctrl+C) и подредактируйте узлы (N или F2), чтобы форма фигуры стала больше похожей на ластик.

Придание резинке необходимой формы
3

Используйте радиальный градиент для придания ластику более реалистичного вида.

Рисование градиента на карандашной резинке
4

Наконец-то наш карандаш стал похожим на карандаш. Но это еще не все.

Очередной промежуточный результат рисования карандаша

Доводка изображения (финальные штрихи)

1

Создадим эффект «мокрого пола», нарисовав отражение.
Для начала просто нарисуйте эллипс на всю ширину карандаша.

Рисование отражения карандаша в Inkscape
2

Теперь нам нужно применить к этому эллипсу линейный градиент примерно с 10-ю опорными точками. Расположите эти точки должным образом и назначьте им цвета, используя пипетку (D или F7), которой вы можете брать цвета прямо с карандаша. Величину захватываемой пипеткой зоны можно регулировать перетягиванием курсора с зажатой левой клавишей мыши. Итоговая цель — раскрасить отражение примерно в те же цвета, которыми (в среднем) окрашен карандаш вдоль всей его длины.

Назначение цветов отражению карандаша в Inkscape
3

После назначения цветов градиентной заливке, назначьте отражению размывание 7px и непрозрачность 65%.

Размывание отражения в Inkscape
4

Теперь настала пора создать тень под карандашом. Для ее создания можно использовать такой же эллипс, как для отражения, только с равномерной черной заливкой (не забудьте про размытие и полупрозрачность, с параметрами можно поиграться для достижения наилучшего эффекта).

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

Ну и напоследок не помешает добавить какой-нибудь нейтральный фон.
Работа закончена.

Финальное изображение нарисованного в Inkscape карандаша

Фух. Это был довольно длинный урок. Но зато на выходе мы получили вполне себе реалистичное (или близкое к реалистичному) изображение карандаша. Заодно потренировались в создании сложных градиентов и прочих эффектов, эти навыки пригодятся при создании других изображений.

Надеюсь, вы получили удовольствие от выполнения этого урока. Всех благ, и не забывайте отписываться в комментариях!


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

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

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