Лабораторные работы редакторе векторной графики "Inkscape"

Лабораторная работа №1 Основы работы.

1.1.Запуск: Меню KDE – Графика - Редактор векторной графики в формате SVG

1.2.Интерфейс программы. Панель в левой части окна содержит основные инструменты для

рисования и редактирования объектов. Верхняя панель (под меню) содержит элементы, специфичные для каждого конкретного инструмента. На полосу состояния внизу окна выводятся полезные подсказки и рабочие сообщения.

1.3.Изменение масштаба. Проще всего изменять масштаб клавишами - и + (или =). Также можно использовать щелчок средней клавишей мыши (shift + щелчок уменьшает масштаб), или вращение колеса мыши с нажатой клавишей Ctrl. Еще можно ввести нужный масштаб в поле ввода в левом нижнем углу окна и нажать Enter. И наконец, на панели слева есть инструмент Изменение масштаба, при помощи которого можно изменять масштаб, обводя мышью нужную область.

1.4.Создание документа. Для создания нового документа используйте меню Файл — Создать или клавиши Ctrl+N. Чтобы открыть существующий документ, используйте Файл — Открыть (Ctrl+O). Чтобы сохранить, нажимайте Ctrl+S, или, чтобы сохранить с другим именем, Shift+Ctrl+S. Inkscape открывает отдельное окно для каждого документа. Переключаться между окнами можно командой менеджера окон (обычно это Alt+Tab) или командой Inkscape Ctrl+Tab, которая циклически переключает рабочие окна.

1.5.Изменение параметров страницы. По умолчанию выдается лист формата А4 в альбомной ориентации, его можно видеть в центре рабочего поля. Область вне листа можно использовать для рисования, но на печать будет выдано то, что находится на листе. Изменить свойства документа можно из меню Файл — Свойства документа (Shift+Ctrl+D).

1.6.Сохранение документов. Для сохранения готового изображения нужно в меню Файл выбрать пункт Сохранить как. Собственный формат сохранения изображений в Inkscape — svg. Имеется возможность сохранить изображение в ряде других форматов, в том числе популярные и широко используемые форматы pdf, odg, ai. Следует учесть, что изображение, сохраненное в формате svg,

открывать для просмотра лучше всего самим редактором inksсape. Использование программ-просмотровщиков может дать некорректный результат или не дать его вообще.

Лабораторная работа №1 Основы работы.

1.1.Запуск: Меню KDE – Графика - Редактор векторной графики в формате SVG

1.2.Интерфейс программы. Панель в левой части окна содержит основные инструменты для

рисования и редактирования объектов. Верхняя панель (под меню) содержит элементы, специфичные для каждого конкретного инструмента. На полосу состояния внизу окна выводятся полезные подсказки и рабочие сообщения.

1.3.Изменение масштаба. Проще всего изменять масштаб клавишами - и + (или =). Также можно использовать щелчок средней клавишей мыши (shift + щелчок уменьшает масштаб), или вращение колеса мыши с нажатой клавишей Ctrl. Еще можно ввести нужный масштаб в поле ввода в левом нижнем углу окна и нажать Enter. И наконец, на панели слева есть инструмент Изменение масштаба, при помощи которого можно изменять масштаб, обводя мышью нужную область.

1.4.Создание документа. Для создания нового документа используйте меню Файл — Создать или клавиши Ctrl+N. Чтобы открыть существующий документ, используйте Файл — Открыть (Ctrl+O). Чтобы сохранить, нажимайте Ctrl+S, или, чтобы сохранить с другим именем, Shift+Ctrl+S. Inkscape открывает отдельное окно для каждого документа. Переключаться между окнами можно командой менеджера окон (обычно это Alt+Tab) или командой Inkscape Ctrl+Tab, которая циклически переключает рабочие окна.

1.5.Изменение параметров страницы. По умолчанию выдается лист формата А4 в альбомной ориентации, его можно видеть в центре рабочего поля. Область вне листа можно использовать для рисования, но на печать будет выдано то, что находится на листе. Изменить свойства документа можно из меню Файл — Свойства документа (Shift+Ctrl+D).

1.6.Сохранение документов. Для сохранения готового изображения нужно в меню Файл выбрать пункт Сохранить как. Собственный формат сохранения изображений в Inkscape — svg. Имеется возможность сохранить изображение в ряде других форматов, в том числе популярные и широко используемые форматы pdf, odg, ai. Следует учесть, что изображение, сохраненное в формате svg,

открывать для просмотра лучше всего самим редактором inksсape. Использование программ-просмотровщиков может дать некорректный результат или не дать его вообще.

Лабораторная работа №2 Создание и редактирование фигур.

2.1.Создание фигур. Приведенные на рисунке инструменты называются инструментами создания фигур. Каждая вновь созданная фигура имеет белые маркеры в некоторых точках контура. С помощью этих маркеров можно изменять размеры и пропорции фигур.

Верхняя панель содержит поля ввода для точной настройки параметров фигуры. Они (так же как и маркеры) изменяют ту фигуру, которая в данный момент выделена, а также определяют параметры, с которыми создаются новые фигуры.

2.2.Инструмент рисования Прямоугольник. При помощи этого инструмента можно построить прямоугольник, перемещая мышь по холсту и удерживая нажатой левую клавишу мыши. Если при этом удерживать нажатой клавишу ctrl, получится квадрат. Меняя на панели вверху параметры Горизонтальный радиус и Вертикальный радиус, можно по-

лучить квадрат со скругленными краями (то же самое, но с меньшей точностью, можно сделать при помощи круглых угловых маркеров). Для того чтобы отменить закругление объекта и вернуть его в исходное состояние (прямоугольник), можно нажать на панели свойств кнопку Не закруглен.

2.3.Инструмент рисования Эллипс. При помощи инструмента круги, эллипсы и дуги можно построить эллипс, перемещая мышь по холсту и удерживая нажатой левую клавишу мыши. Если при этом удерживать нажатой клавишу ctrl, получится круг. Меняя на панели вверху параметры

можно получить сегмент круга (то же самое, но с меньшей точностью, можно сделать при помощи круглых угловых маркеров). Установив флажок в поле Открыть дугу, можно превратить сектор в сегмент. Для того, чтобы вернуть объект в исходное состояние (эллипс), можно нажать на панели свойств кнопку Сделать целым.

2.4.Инструмент рисования Звезды и многоугольники. Перемещая мышь по холсту и удерживая нажатой левую клавишу мыши, можно построить многоугольник. Меняя на панели вверху параметр Отношение радиусов, можно получать различные фигуры, от выпуклого многоугольника (при значении, равном 1) до звезды с очень тонкими лучами (при значении, равном 0,1). Так же можно изменить количество углов и степень скругления. Каждый многоугольник содержит два ромбовидных маркера. Они позволяют изменять форму многоугольника различным образом. Например, можно получать интересные фигуры, вращая внутренний или внешний маркер вокруг центра фигуры.

2.5.Инструмент рисования Спираль. Инструмент спираль позволяет создавать простые и логарифмические спирали. На панели параметров можно изменить количество витков спирали, степень «раскрученности» (нелинейность) и величину внутреннего радиуса.

Задание:

Постарайтесь создать наиболее похожие изображения:

Сохраните под именем Прямоугольники и эллипс.                            

Сохраните под именем Спирали.

 

 

Сохраните под именем Звезды и многоугольники.

Лабораторная работа №3 Редактирование фигур.

3.1.Выделение фигур. Чаще всего в Inkscape используется инструмент выделения  (селектор). Щелкните мышью по самой верхней кнопке на панели инструментов. Теперь щелкните по любому объекту на холсте. Вокруг объекта вы увидите восемь инверсных стрелок.

Теперь вы можете:

● Перетаскивать сам объект мышью (нажмите Ctrl, чтобы двигаться строго по горизонтали или вертикали).

● Изменять размер объекта, перетаскивая мышью любую из стрелок (нажмите Ctrl, чтобы сохранить исходное отношение ширины и высоты).

Если щелкнуть по объекту еще раз, вид стрелок изменится.

Теперь можно:

● Поворачивать объект мышью при помощи угловых стрелок (с нажатой Ctrl объект поворачивается на углы, кратные 15 градусам).

● Выполнять скос объекта с помощью не угловых стрелок.

Можно использовать поля ввода на верхней панели для установки точных значений координат (X и Y) и размеров (W и H) выделенных объектов.

3.2. Выделение нескольких объектов

Вы можете выделить мышью сразу несколько объектов (Shift+щелчок на каждом). Можно обвести мышью все объекты, которые вы хотите выбрать. Каждый выделенный объект показывает небольшой инверсный маркер в левом верхнем углу. Маркеры помогают легко видеть, какой объект выбран, а какой нет. Shift+щелчок на выделенном объекте исключает его из выделения. Нажатие Esc снимает любое имеющееся выделение. Ctrl+A выделяет все объекты в документе.

3.3.Группировка объектов. Можно объединить несколько объектов в группу. При перемещении и трансформации группа ведет себя как один объект. Чтобы сгруппировать несколько объектов, нужно выделить их все и нажать Ctrl+G(или выбрать в меню Объект пункт Сгруппировать). Чтобы разгруппировать одну или несколько групп, нужно выбирать их и нажимать Shift+Ctrl+G(или выбрать в меню Объект пункт Разгруппировать). Сами группы можно объединять в группы, как и любые другие объекты: таким образом, группы могут быть рекурсивными с неограниченными уровнями вложенности. Shift+Ctrl+G отменяет только группирование верхнего уровня. Не обязательно разбивать группу, если нужно отредактировать один объект из нее. Достаточно щелкнуть по объекту с нажатой Ctrl (или Shift+Ctrl, если нужно отобрать несколько объектов), и можно будет работать с объектом в группе отдельно.

3.4.Заливка и штрих. Каждый объект имеет контур (штрих) и заливку. Самый простой способ изменить заливку объекта — кликнуть мышью на нужном цвете палитры при выделенном объекте. Имеется возможность более тонкой и подробной настройки свойств контура и заливки объекта. Многие функции Inkscape доступны через диалоги. Для изменения окраски объекта и свойств его контура можно использовать диалог Заливка и штрих (Shift+Ctrl+F) . Так же этот диалог доступен из меню. Нужно выбрать в меню Объект пункт Заливка и штрих. Или в контекстном меню.

Диалог содержит три вкладки: Заливка, Цвет штриха и Стиль штриха.

Вкладка Заливка позволяет редактировать окраску внутренней области фигуры. Используя кнопки внизу вкладки, можно убрать окраску, выбрать сплошную заливку, линейный или радиальный градиенты. Ниже на отдельных вкладках расположены панели: RGB, HSV, CMYK и Круг. Все панели содержат ползунок для регулирования альфа-канала(прозрачности) объектов. Каждый раз, когда выделяется объект, в панели появляются текущие значения цветов.

 Используя вкладку Цвет штриха, можно убрать штрих (контур) объекта или установить его цвет и прозрачность.

Последняя вкладка, Стиль штриха, позволяет установить толщину и другие параметры штриха.

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

Задание:

Изобразить пейзаж, приведенный в примере.

Указания:

Для неба использовать градиент,

Для воды установить коэффициент прозрачности

Солнце изобразить без контура.

Добавления к пейзажу могут быть вашими.

Лабораторная работа №4 Дублирование, выравнивание и распределение.

3.1. Дублирование объекта

Одна из самых распространенных операций – дублирование объекта (Ctrl+D). Дубликат располагается точно над исходным объектом, становится выделенным, и можно сразу перемещать его мышью или клавишами со стрелками

3.2. Выравнивание объектов

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

3.4. Изменение порядка объектов

Две команды в меню Объект Поднять на передний план (клавиша Home) и Опустить на задний план (клавиша End) поставят выделенные объекты на самую верхнюю или самую нижнюю позицию.

Две других команды, Поднять (PgUp) и Опустить (PgDn), опустят или поднимут выделенные объекты на один уровень относительно ближайшего не выделенного объекта (считаются только объекты, перекрывающие выделенные; если выделение ничем не перекрывается, оно будет поставлено на самую верхнюю или самую нижнюю позицию).

Задание. Создайте орнаменты, приведенные на рисунке.

Указание. Для выравнивания элементов орнамента используйте пункт Выровнять и расставить в меню Объект.

Лабораторная работа №4 Дублирование, выравнивание и распределение.

3.1. Дублирование объекта

Одна из самых распространенных операций – дублирование объекта (Ctrl+D). Дубликат располагается точно над исходным объектом, становится выделенным, и можно сразу перемещать его мышью или клавишами со стрелками

3.2. Выравнивание объектов

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

3.4. Изменение порядка объектов

Две команды в меню Объект Поднять на передний план (клавиша Home) и Опустить на задний план (клавиша End) поставят выделенные объекты на самую верхнюю или самую нижнюю позицию.

Две других команды, Поднять (PgUp) и Опустить (PgDn), опустят или поднимут выделенные объекты на один уровень относительно ближайшего не выделенного объекта (считаются только объекты, перекрывающие выделенные; если выделение ничем не перекрывается, оно будет поставлено на самую верхнюю или самую нижнюю позицию).

Задание. Создайте орнаменты, приведенные на рисунке.

Указание. Для выравнивания элементов орнамента используйте пункт Выровнять и расставить в меню Объект.

Лабораторная работа №5 Клонирование объектов.

Клон объекта — его точная копия, связанная с исходным объектом. Все изменения исходного объекта распространяются на его клоны. При этом изменения отдельного клона никак не отражаются ни на исходном объекте, ни на других клонах. Для клонирования объекта необходимо выделить исходный объект и выбрать в меню Правка пункт клон ‒ создать клон. Клон помещается над объектом и становится выделенным. Так же, как и дубликат, его можно перемещать при помощи мыши или стрелок.

Видоизменение клона никак не влияет на оригинал, но изменения оригинала (в данном примере меняется размер объекта и цвет заливки) немедленно отражаются на клоне.

Из клонов можно создавать узоры. Для этого нужно выделить исходный объект и выбрать в меню Правка пункт Клон — Создать узор из клонов.

Задание1: Используя клонирование объекта, составьте узор. Пример представлен на рисунке. Сохраните под именем Клон.

Для того, чтобы получилось изображение, представленное на рисунке, в диалоговом окне Создать узор из клонов введите параметры:

 

Задание2: Измените тип симметрии, цвет клонируемого объекта и т.д.. Сохраните три изменения под именами Клон1, Клон2, Клон3.

Лабораторная работа №5 Клонирование объектов.

Клон объекта — его точная копия, связанная с исходным объектом. Все изменения исходного объекта распространяются на его клоны. При этом изменения отдельного клона никак не отражаются ни на исходном объекте, ни на других клонах. Для клонирования объекта необходимо выделить исходный объект и выбрать в меню Правка пункт клон ‒ создать клон. Клон помещается над объектом и становится выделенным. Так же, как и дубликат, его можно перемещать при помощи мыши или стрелок.

Видоизменение клона никак не влияет на оригинал, но изменения оригинала (в данном примере меняется размер объекта и цвет заливки) немедленно отражаются на клоне.

Из клонов можно создавать узоры. Для этого нужно выделить исходный объект и выбрать в меню Правка пункт Клон — Создать узор из клонов.

Задание1: Используя клонирование объекта, составьте узор. Пример представлен на рисунке. Сохраните под именем Клон.

Для того, чтобы получилось изображение, представленное на рисунке, в диалоговом окне Создать узор из клонов введите параметры:

 

Задание2: Измените тип симметрии, цвет клонируемого объекта и т.д.. Сохраните три изменения под именами Клон1, Клон2, Клон3.

Лабораторная работа №6 Работа с текстом.

Для использования инструмента Текст существует две возможности.

В первом случае, выбрав инструмент Текст, нужно обрисовать при помощи мыши текстовое поле и ввести в него нужный текст.

Другой вариант — после выбора инструмента Текст выполнить щелчок левой клавишей мыши и сразу начать ввод текста.

Текст можно расположить вдоль какой-либо кривой. Для этого нужно выделить одновременно нужный текст и кривую и выбрать в меню Текст пункт Разместить по контуру. Текст разместится по кривой, начиная от левого ее края.

Любой текст можно поместить внутрь блока произвольной формы. Например, можно поместить текст внутрь овала. Необходимо нарисовать овал и создать текстовый объект. После этого овал и текстовый объект нужно выделить. В меню Текст выбрать пункт Заверстать в блок.

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

Лабораторная работа №7 Создание рисунков из кривых.

Задание 1.Упрощение созданного контура.

·     Инструментом Рисовать произвольные контуры создать кривую.

·     Создать копию этой кривой.

·     Выделить вторую кривую инструментом Редактировать узлы контура и усы узлов.

·     Выполнить команду Контуры — Упростить или нажать

·     сочетание клавиш <Ctrl>+L. Количество узлов уменьшится.

·     Создать копию этой кривой и снова упростите контур.

Получаемые результаты:

Задание 2.Работа с узлами.

·      Выделите узел.

·      Измените тип узла, щёлкнув по одной из кнопок на панели свойств

·      Обратите внимание, как тип узла влияет на изменение прилегающих к нему траекторий. Поэкспериментируйте со всеми типами узлов.

·      Дважды щёлкнуть на том месте кривой, куда должен быть добавлен узел, щёлкните на кнопке панели свойств.

·      Выделите узел, который нужно удалить, и нажмите сочетание клавиш <Shift>+<Del>.

Щёлкните на кнопке панели свойств .

·      Выделить произвольный узел, в котором произойдёт разрыв кривой. Щёлкните на панели свойств на кнопке

·      На месте выделенного узла получились два узла, разведите их.

·      Нажав клавишу <Shift>, выделите начальный и конечный узлы кривой, которые надо соединить, чтоб замкнуть кривую. Щелкните на панели свойств по кнопке

Задание 3. Рисование объектов из кривых.

Из приведенных примеров изобразите три на ваш выбор.

Лабораторная работа №8 Градиент, создание объемных изображений.

Задание 1.Создание изображения стакана с соком.

·  Нарисуйте Эллипс с параметрами: без заливки, цвет штриха 0,133,0,255, толщина штриха 6,78 px.

·  Скопируйте его и к копии примените параметры: заливка 250,194,0,255, цвет штриха 255,237,0,255, толщина 6,5 px.

·  Нарисуйте окружность с теми же параметрами, но толщиной штриха 0,8 рх  и преобразуйте ее в контур:

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

·  Нарисуем дно стакана: скопируйте его верхнюю каёмку и примените следующие параметры: цвет штриха 253,255,247,255, толщина 10 рх, заливка радиальный градиент 200,133,55,255

·  Еще одна составляющая дна: скопируйте предыдущий эллипс и примените следующие параметры: заливка сплошной цвет 108,66,0,255, контур толщина 7 рх. Нижний эллипс разместите немного впереди.

·  Для создания эффекта стекла:

делаем блики с помощью радиального градиента двух тонких белых линий по краю бокала.

l Для создания блика стекла нарисуйте  контур из окружности со следующими параметрами: заливка-сплошной белый, Общая прозрачность 16%, без штриха.

                                                           

l Создаем тень: эллипс с серым линейным градиентом.

Сгруппируйте все созданные вами элементы. Изображение  готово.

Задание 2.Создание изображения шара.

Лабораторная работа №9 Работа с текстом.

Задание 1.Основные навыки работы с текстом.

1. Инструментом Текст сделайте надпись. К примеру, адрес официального сайта школы: kolsch.ucoz.org
2. Сделаем надпись немного веселее: перейдите на английскую раскладку клавиатуры. Поставьте курсор между буквами.

ü При одновременном нажатии клавиши alt и одной из стрелок в стороны на клавиатуре(→ и ←) буквы будут раздвигаться/сужаться.

ü При одновременном нажатии клавиши alt и клавиши ] или [ буквы будут поворачиваться вверх/вниз.

Обработайте каждую из букв написанного текста. К примеру,

3. Выделите текст инструментом выделения и примените следующие параметры: заливка текста сплошной белый, цвет контура и толщину подберите по своему вкусу. Желательно яркие цвета: жёлтый, зелёный и т.д. Например,

4. Выделите текст инструментом выделения. Зайдите в главное меню "Контур" и выберите пункт "Связанная втяжка". Текст выделится в рамочку и наверху появиться точка(ромб) небольшого размера. Потянув его вверх, будет создаваться увеличенная копия контура текста:

5.                 Выделите текст инструментом выделения и примените контрастную заливку текста.

6.                 Примените эффект тени, выделив объект инструментов выделения выбрав меню "Фильтры" - "Свет и тень" - "Отбрасываемая тень…".

Задание 2: Редактирование контура текста.

1. Инструментом Текст сделайте надпись. К примеру, Коломна
2. Выполните следующие действия: выделите надпись инструментом выделения, выберите инструмент Редактировать узлы контура, преобразуйте объект в контур. При выделении каждой буквы появится её контур, точки которого нужно редактировать. Например,
3. Сделаем эффект букв, вырезанных на табличке: нарисуйте прямоугольный фон с заливкой и поместите его на задний план. Для текста примените параметры: заливка сплошной белый, черный контур.
4. К надписи и к прямоугольнику примените фильтр: "Выпуклости" - "Густая краска". К табличке также примените "Фильтры" - "Выпуклости" - "Выпуклости HSL" и "Фильтры" - "Свет и тень" - "Отбрасываемая тень"

Задание 3: Верстка и размещение текста по контуру.

1. Инструментом Текст сделайте надпись: Редактор векторной графики Inkscape
2. Ниже нарисуйте кривую:
3. Выделите оба объекта и выполните команду: Текст ⇨ Разместить по контуру.
4. Инструментом Текст сделайте надпись: Редактор векторной графики Inkscape разместит ваш текст на любой кривой
5. Ниже нарисуйте спираль:  
6. Выделите оба объекта и выполните команду: Текст ⇨ Разместить по контуру.
7. Инструментом Текст сделайте надпись: При помощи данной команды текст может быть завёрстан (попросту говоря, помещен) в любой контур или фигуру. Контуров при этом может быть несколько, тогда текст будет завёрстан в контуры в порядке, обратном порядку их выделения.
8. Нарисуйте следующие объекты:
9. С помощью кнопки Shift последовательно выделите текст, прямоугольник, пятиугольник, овал, звезду.
10. Выполните команду: Текст- заверстать в блок

Краткое описание документа:

Лабораторные работы в редакторе векторной графики "Inkscape"

Могут применяться на внеурочных занятиях, как дополнительный материал на уроках информатики по теме "Компьютерная графика"

Inkscape (Инкскейп) — свободно распространяемый векторный графический редактор, удобен для создания как художественных, так и технических иллюстраций (вплоть до использования в качестве САПР общего назначения, чему также способствует лёгкость обмена чертежами). Это стало возможным во многом благодаря открытому формату SVG, развиваемому консорциумом W3C. Формат SVG позволяет создавать иллюстрации различного типа, в том числе анимированные. Поскольку SVG основан на языке разметки XML, к нему можно писать расширения, чем авторы Inkscape и пользуются^[8]. Программа распространяется на условиях GNU General Public License.