{"@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-simple-glassy-orb/#webpage","url":"https://openarts.ru/inkscape-simple-glassy-orb/","inLanguage":"ru-RU","name":"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u044b\u0439 \u0448\u0430\u0440 \u0432 Inkscape | OpenArts","isPartOf":{"@id":"https://openarts.ru/#website"},"image":{"@type":"ImageObject","@id":"https://openarts.ru/inkscape-simple-glassy-orb/#primaryimage","url":"https://openarts.ru/media/inkscape-simple-glassy-orb-00.jpg","caption":""},"primaryImageOfPage":{"@id":"https://openarts.ru/inkscape-simple-glassy-orb/#primaryimage"},"datePublished":"2009-08-14T08:32:26+00:00","dateModified":"2018-05-23T07:43:02+00:00","description":"\u0412 \u044d\u0442\u043e\u043c \u0443\u0440\u043e\u043a\u0435 \u0412\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432 Inkscape \u0441\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u044b\u0439 \u0448\u0430\u0440. \u042d\u0442\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u043e\u0441\u043d\u043e\u0432\u0443 \u0434\u043b\u044f \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430, \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u043b\u0438 \u0438\u043a\u043e\u043d\u043a\u0438.","breadcrumb":{"@id":"https://openarts.ru/inkscape-simple-glassy-orb/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://openarts.ru/inkscape-simple-glassy-orb/#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-simple-glassy-orb/","url":"https://openarts.ru/inkscape-simple-glassy-orb/","name":"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u044b\u0439 \u0448\u0430\u0440 \u0432 Inkscape"}}]},{"@type":"Article","@id":"https://openarts.ru/inkscape-simple-glassy-orb/#article","isPartOf":{"@id":"https://openarts.ru/inkscape-simple-glassy-orb/#webpage"},"author":{"@id":"https://openarts.ru/author/zhart/#author","name":"zhart"},"publisher":{"@id":"https://openarts.ru/#person"},"headline":"\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u044b\u0439 \u0448\u0430\u0440 \u0432 Inkscape","datePublished":"2009-08-14T08:32:26+00:00","dateModified":"2018-05-23T07:43:02+00:00","commentCount":"2","mainEntityOfPage":"https://openarts.ru/inkscape-simple-glassy-orb/#webpage","image":{"@id":"https://openarts.ru/inkscape-simple-glassy-orb/#primaryimage"},"keywords":"inkscape,\u043f\u0441\u0435\u0432\u0434\u043e-3d","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 стеклянный шар (или его подобие). В дальнейшем это изображение можно использовать как основу для создания логотипа, кнопки или иконки.

Урок включает в себя 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

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

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

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

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

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

2 комментария на «“Простой стеклянный шар в Inkscape”»

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

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