Реалистичный карандаш в 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 карандаша

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

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