Практическая работа №10. «Рисунки в Inkscape»

Задание №1. Нарисовать новогоднего поросенка

Поросенок Дед Мороз inkscape

Этот урок нельзя назвать сложным. На самом деле те, кто уже сделали пару уроков inkscape на нашем сайте, легко догадаются, из каких элементов состоит свинка — Дед Мороз. Для тех, у кого этот урок вызовет сложности, рекомендуем сначала пройтиурок inkscape на нашем сайте о том, как нарисовать векторного пингвина. В уроке про пингвина все шаги объяснены подробно. В этом уроке про векторного Деда Мороза показаны только основные шаги, настройки градиентов, контуров и узлов.

Итак, основная фигура представляет собой окружность.

рисунок к уроку inkscape

Из этой окружности можно сделать ушки поросенку — Деду Морозу. Сделайте дубль исходного круга Ctrl+D, оконтурите объектShift+Ctrl+C. Схема узлов приведена на рисунке ниже. Цвета градиента, как понятно, такие же, как в исходном круге.

рисунок к уроку inkscape

Сделаем блик. Для того, чтобы сделать блик я использовал функцию разности контуров Ctrl+- или меню Контур — Разность. Итак, сделаем копию ушка хрюшки и нарисуем поверх нее фигуру, которая закроет ненужное, т.е. должно остаться та область, которая потом будет бликом.

рисунок к уроку inkscape

Теперь, используя функцию разности контуров Ctrl+- или меню Контур — Разность, можно получит вот такой блик, который потом надо залить белым градиентом.

Сгруппируйте ушко и блик Ctrl+G. Сделайте копию ушка с бликом, так у вас получится два ушка. Точно так же делается блик на теле.

рисунок к уроку inkscape

Глазик поросенка — Деда Мороза. Что бы сделать такой глазик, нужны три элемента. Первый и самый большой — черный овал. Поменьше овал сверху залит белым градиентом. Фигура внизу, напоминает по форме блик, только залита она не белым цветом, а синим. Когда глазик будет нарисован, сгруппируйте эти три фигуры, а потом сделайте дубль Ctrl+D. Глазиков должно быть два.

рисунок к уроку inkscape

Колпачок представляет собой совокупность из четырех фигур. Форму колпачка можно нарисовать инструментом inkscape кривые, а потом подкорректировать инструментом управления узлами. Из копии этой фигуры делается фигура белой окантовки. На самом деле она конечно не белая, а с линейным градиентом. Цвета на рисунке ниже. Немного сложнее обстоит дело с фигурой, отвечающей за складки на колпачке. Фигура имеет обычную сплошную заливку. Сделать ее можно также из фигуры колпачка. Возможно, придется добавить новых узлов. Зато гораздо проще обстоит дело с помпоном. Это просто круг. Для большего ощущения пушистости можно установить размытие на белой оборке и помпоне, например, 3.

рисунок к уроку inkscape

С остальными предметами совсем все просто. Тапочки — это два овала. Ротик поросенка деда мороза сделать из круга или квадрата, тоже не должно составить труда. При расположении фигур вам может понадобиться вспомнить про Z-порядок или про пересечение фигур. Для этого в inkscape есть специальные кнопки.

рисунок к уроку inkscape

 

Задание №2.  Нарисовать «грустный» камень

грустный камень в inkscape

Исходный рисунок представляет собой обычный прямоугольник, без обводки с заливкой линейным градиентом. Окно настройки заливки и обводки для фигур в inkscape доступно по комбинации клавиш Shift+Ctrl+F.

рисунок к уроку inkscape грустный камень

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

рисунок к уроку inkscape грустный камень

Как нарисовать векторное дерево? Само по себе векторное дерево без тени в этом пейзаже представляет собой комбинацию обычных фигур овал или эллипс в inkscape. Каждый овал кроны состоит из двух овалов без обводки. Овал, который побольше, темнее, овал поменьше — светлее. Светлый овал поменьше находится над более темным овалом. Когда один кружок кроны векторного дерева состоящий из двух овалов готов. Можно сгруппировать составляющие его два овала Ctrl+G и потом, сделав их дубль Ctrl+D, сделать крону дерева из нескольких двух цветных кружков. На рисунке ниже крона состоит из трех таких кружков.

рисунок к уроку inkscape грустный камень

Сделаем тень для кроны векторного дерева. Выделите все кружки кроны векторного дерева. Сделайте их дубль Ctrl+D. Если вы сгруппировывали входящие в крону элементы, разгруппируйте элементы в дубле, пока они выделены Ctrl+U. Сгруппируем все шарики дубля кроны в один контур. Для этого выделяйте попарно по два элемента и соединяйте их контуры по комбинации клавиш Ctrl++ или меню Контуры — Сумма. Обратите внимание, что соединить контуры можно, если выделено два элемента. Если выделить три или больше фигуры, то ничего не произойдет.

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

рисунок к уроку inkscape грустный камень

Аналогичным образом можно сделать облако. Сама фигура облака состоит из нескольких разных кружочков. Для того, что бы показать это, на рисунке ниже входящие в состав облака кружочки изображены разным цветом. Естественно, что делать все кружочки разноцветными не обязательно. Когда вы расставили кружочки так, чтобы они составили форму облака, их надо объединить в единый контур. Как это сделать, мы уже знаем на примере векторного дерева.

Далее все несложно за исключением второго контура обводки. Чтобы сделать второй контур надо сделать копию облака с обводкой. Для копии выполните функцию из меню Контур — оконтурить обводку или Ctrl+Alt+C. Теперь копия представляет собой просто контур, для которого можно сделать новую обводку. Эту фигуру надо будет поместить ниже первого облака.

рисунок к уроку inkscape грустный камень

Следующая схема представляет собой составляющие фигуры для того что бы нарисовать векторный камень. Так рот камня представляет собой обычные линии, а глаза камня состоят из нескольких овалов. Сам камень так же состоит из овалов, только их контуры немного изменены и не являются круглыми.

рисунок к уроку inkscape грустный камень

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

рисунок к уроку inkscape грустный камень

Для готового пейзажа можно спрятать вылезающие за края элементы. Для этого сделайте копию самого первого главного светло-синего прямоугольника Ctrl+D. Копия будет расположено непосредственно над рисунком. Выделите все элементы рисунка, включая эту копию Ctrl+A. Используя меню Объект — Обтравочный контур — Установить, установите обтравочный контур. Векторный пейзаж «грустный камень» готов.

Задание №3. Нарисовать текстуру ткани

текстура джинсов

Сам по себе урок не сложный, его цель показать, что у фигур существует не только заливка цветом или градиентом, но и текстурная заливка. А так же мы научимся с ней работать.

Итак, для начала нарисуем фигуру, например, прямоугольник. Используем в качестве заливки круговой градиент с цветами 00727aff и 004a3fff. Расположение градиента на ваше усмотрение, от него будет зависеть внешний вид текстуры, но это не значит, что предложенный на рисунке ниже вариант является единственным правильным.

текстура джинсов

Применим к фигуре фильтр inkscape — меню «Фильтры» — «Эффекты для растра» — «Пленочный шум».

текстура джинсов

Сделаем дубль фигуры — комбинация клавиш Ctrl+D. Дубль будет создан прямо поверх исходной фигуры. Что бы убедиться в этом попробуйте сдвинуть фигуру в сторону и вы должны увидеть исходную фигуру ниже. Если вы сдвинули фигуру, вернуть все назад можно в меню «Правка» — «Отменить» или Ctrl+Z.

Снимем с него фильтр — меню «Фильтры» — «Снять фильтры».

Откройте окно свойств заливки и обводки объекта Shift+Ctrl+F и выберите вид текстурная заливка.

текстура джинсов

Управлять текстурой можно, используя инструмент управления узлами.

Вверху над фигурой вы должны увидеть специальные маркеры управления — крестик квадратик и кружок. Двигая кружок и квадратик вы можете управлять толщиной линий и их наклоном.

текстура джинсов

Установите прозрачность фигуры с текстурой полосок на 40%. Все, текстура джинсовой ткани готова.

текстура джинсов