Простой стеклянный шар в Inkscape

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

Урок включает в себя 14 шагов, использовалась версия Inkscape 0.46.

Урок по рисованию в Inkscape стеклянного шара
1

Создайте новое пустое изображение в Inkscape.
Размер изображения можете задать на свой выбор.

2

Выберите инструмент для создания кругов и эллипсов (F5) и удерживая клавишу Ctrl (для создания идеальной окружности) нарисуйте круг.

Создаем в Inkscape круг
3

Теперь продублируйте этот круг — выделите его и нажмите комбинацию Ctrl+D.

Дублируем круг
4

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

5

Выберите инструмент трансформации (F1), выделите верхний круг, и, удерживая клавиши Shift+Ctrl, уменьшите его в диаметре.

Уменьшаем круг при помощи соответствующего инструмента Inkscape
6

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

Изменяем цвет круга на серый
7

Теперь выделите меньший (внутренний) круг и вызовите диалог Заливка и обводка (Shift+Ctrl+F). Диалоговое окно будет выглядеть примерно как на приведенном рисунке.

Вызываем диалог Заливка и обводка
8

Как Вы можете видеть, для заливки этого круга используется Плоский цвет (Flat color). Изменим этот параметр на Радиальный градиент (Radial gradient).

В качестве первой опорной точки градиента назначьте цвет 00ccd3c8.

Назначаем цвета для градиента

В качестве второй опорной точки градиента назначьте RGBA-цвет 00dce296.

Назначаем цвет для второй опорной точки

В качестве RGBA-цвета третьей опорной точки (добавьте ее, если ее нет) назначьте 00f8ff96.

Назначаем цвет для третьей опорной точки

Наконец, в качестве четвертой опорной точки назначьте RGBA-цвет 17fff864.

Назначаем цвет для четвертой опорной точки
9

Теперь наш внутренний круг готов, настало время настроить внешний круг.

Настраиваем внешний круг

Выделите внешний круг и вызовите диалог Inkscape Заливка и обводка (Shift+Ctrl+F). И снова мы будем использовать Радиальный градиент в качестве основы заливки.

Первой опорной точке назначаем RGBA-цвет 00c7cdff.

Назначаем цвет для первой опорной точки внешнего круга

Второй опорной точке назначаем RGBA-цвет ffffffff.

Назначаем цвет для второй опорной точки внешнего круга

Третьей (и последней) опорной точке назначаем RGBA-цвет e3e3e8ff.

Назначаем цвет для третьей опорной точки внешнего круга
10

Продублируйте внутренний стеклянный круг (Ctrl+D).

Продублируем внешний круг
11

Этот дубликат послужит основой для светового блика на стеклянном шаре, поэтому изменим режим градиента с Радиального градиента (Radial gradient) на Линейный градиент (Linear gradient).

Изменим режим градиента с радиального на линейный

Здесь показано, что были использованы три контрольные точки для создания этого градиента в Inkscape. Первой точке назначен RGBA-цвет ffffffff и полная непрозрачность.

Первая контрольная точка

Второй контрольной точке также назначен RGBA-цвет ffffffff и полная непрозрачность.

Вторая контрольная точка

И третьей контрольной точке назначен RGBA-цвет ffffff00 и полная прозрачность.

Третья контрольная точка
12

На этом этапе урока создание градиента закончено, и мы приступаем к редактированию обводки двух наших кругов. Для обводки наружного круга используйте плоский цвет со значением b0b0b0ff, полную непрозрачность и значение размывания в 0.6.

Редактируем обводку кругов

Задайте размер обводки в 2 пикселя.

Задаем размер обводки

Для внутреннего круга обводка не нужна вообще, поэтому выделите его и нажмите кнопку Нет заливки (помечена крестиком) на вкладке Обводка.

Отключаем обводку для внутреннего круга
13

Измените размер последней созданной в Inkscape окружности (блика), чтобы она выглядела примерно как на приведенном рисунке. Как Вы можете видеть, наличие блика придает шару более объемный и блестящий вид.

Изменяем размер блика
14

Как только будете довольны результатом — сохраните окончательное изображение и используйте его в дальнейшем на свое усмотрение. Урок окончен.

Сохраняем окончательное изображение

Один из вариантов использования подобного изображения на практике.

Пример использования эффекта