Лабораторная работа №8 / Лабораторная работа 8
.pdf
Лабораторная работа № 8
Тема: Создание и редактирование векторных изображений.
Цель: ознакомить студентов с методами создания и редактирования объектов, дать практические навыки при создании графических композиций в Inkscape
Теоретические сведения
При работе с инструментами группы Форма можно перемещать, вращать и масштабировать как каждый элемент композиции по отдельности, так и все вместе. Для этого в программе Inkscape предусмотрен вариант множественного выбора объектов, а также их группировка.
Чтобы выбрать 2 и более объектов в векторной композиции необходимо выбрать инструмент Выделение и трансформация объекта. Удерживая клавишу Shift, нажав левую кнопку мыши за пределами первого выделяемого объекта, поведите мышью прямоугольник, который должен охватить все необходимые объекты.
Если необходимо, чтобы выделенная группа объектов редактировалась и перемещалась как единый объект, то их надо сгруппировать. Для этого убедитесь, что выделены все объекты будущей группы, затем в пункте меню Объект выберите команду Сгруппировать.
Примеры.
Пример. Нарисовать графическую композицию чашка кофе.
Сначала нарисуем блюдце, а затем чашку. Блюдце – это несколько различных эллипсов. Чашку же будем рисовать, используя кривые Безье.
1.Создайте новый документ произвольного размера с белым фоном.
2.Выберите инструмент Circle/Ellipse tool (Эллипс) и нарисуйте эллипс как показано на рис. 1. У любой геометрической фигуры в Inkscape существуют заливка (Fill) и обводка (Stroke). Для их редактирования
существует диалоговое окно, которое можно вызвать командой Object → Fill and Stroke (Объект → Заливка и обводка). В диалоговое окне "Заливка и обводка" уберите контур эллипса.
Рис. 1. Диалоговое окно Заливка и обводка
3.В Inkscae кроме сплошной заливки существует градиентная заливка, при этом в редакторе реализованы следующие типы градиентов: линейный, радиальный, конический. Заполним эллипс радиальным градиентом. Выберем эллипс и на вкладке Fill / Заливка (в окне Fill and Stroke / Заливка и обводка) выберем радиальный градиент. Inkscape автоматически заполнит фигуру градиентом от прозрачности к цвету заливки. Для блюдца надо задать градиент, изменяющийся между двумя оттенками серого, поэтому нажимаем кнопку Edit и в открывшемся диалоговом окне определяем два цвета. Первый – светлый оттенок серого (ddddddff). Второй – более темный серый оттенок (b2b2b2ff), при этом не забудьте у каждого цвета включить режим Opaque (без прозрачности).
Рис. 2. Редактор градиентов
4.Изменим размер и положение центра градиента, используя граничные маркеры (см. рис. 3).
Рис. 3. Редактирование градиента
5.Повторите пункты 2-4 для создания оставшихся эллипсов, которые создают толщину блюдца. (см. рисунок 4).
Рис. 4. Редактирование пропорций эллипсов
6.Повторите пункты 2-4 для создания центральной чести блюдца, при этом используйте в качестве заливки эллипса цвет b7b7b7 и серую обводку. Толщина обводки должна быть небольшой (≈3px), размер должен соответствовать размеру фигуры.
Рис. 5. Создание центральной части блюдца
7.Выделите все эллипсы блюдца и сгруппируйте их (Ctrl+G). Это нужно для того, чтобы в дальнейшем можно было проще редактировать объект "Блюдце".
8.Для большей реалистичности добавьте блюдцу тень. Тень от блюдца также будет эллиптической, поэтому скопируем самый нижний эллипс (темное основание) и размоем его на 10%, при этом слой с тенью должен находится под всеми эллипсами блюдца.
Рис. 6. Добавление тени блюдцу
9.Перейдем к рисованию чашки. Для этого нарисуем два контура кривыми Безье – Bezier Curves tool. Один контур представляет из себя лицевую сторону чашки, а второй – край и видимую внутреннюю часть. Получившиеся фигуры должны совпадать по ширине и форме кривой (см. рисунок 7). Для точного позиционирования при использовании кривых Безье следует включить отображение сетки.
Рис. 7. Схема рисования чашки с помощью кривых Безье
10.Удалите обводку у полученных фигур, после чего совместите их так, чтобы получилась чашка. Цвет внутренней части чашки – серый (e6e6e6ff), а передней части – радиальный градиент, изменяющийся от ecececff в центре, до bdbdbdff, при этом центр градиента должен находиться в верхней части чашки.
Рис. 8. Наложение градиента
11.Добавьте глубины пространства внутри чашки, для этого создайте дубликат ее верхней части. Используя трансформацию, уменьшите дубликат. Задайте получившейся фигуре тонкую серую обводку и радиальный градиент, изменяющийся от ecececff до bdbdbdff (см. рис. 9).
Рис. 9.
12.Для добавления кофе в чашку, надо создать эллипс коричневого цвета и поместить его на край чашки. После этого сделайте дубликат эллипса внутренней части чашки. выделите продублированный эллипс и коричневый. С помощью команды Path → Intersection оставьте только их пересечение. Получившуюся фигуру залейте радиальным градиентом, состоящим из нескольких оттенков коричневого цвета.
Рис. 10.
13. Добавьте чашке ручку также используя кривые Безье (см. рис.11).
Рис. 11.
14.Используя инструмент Ellipse tool, добавьте цветные полосы на внешнюю часть чашки (см. рис. 12 – 14).
Рис. 12.
Рис. 13.
Рис. 14.
15.Для большей реалистичности добавим блик на чашке. Создайте блик с помощью инструмента Bezier tool, при этом установите для этого инструмента следующие параметры: цвет заливки – белый, значение альфа-канала (прозрачность) – 90.
Рис. 15.
16.Придадим кофе в чашке температуру, нарисовав пар. Пар – это небольшой полупрозрачный белый эллипс, размытый по краям края.
Рис. 16.
17.Добавьте в композицию струйку пара, нарисовав ее с помощью кривых Безье. Так же, как и общий пар над кофе струйка должна быть размытой и полупрозрачной.
Рис. 17.
18. Сгруппируйте объекты чашки и пара, чтобы разместить их над блюдцем.
Рис. 18.
Задания.
Выполнить пример Чайная пара, рассмотренный выше!
ДЛЯ ВСЕХ ЗАДАНИЙ: все графические композиции должны иметь послойную структуру!
1.Изобразить пейзаж, приведенный ниже. Указания:
–Для неба использовать градиент,
–Для воды установить коэффициент прозрачности
–Солнце изобразить без контура.
2.Используя возможности редактора Inkscape, создайте следующие орнаменты:
3.Используя возможности редактора Inkscape, создайте следующую композицию: