mozok.click » Інформатика » Знакомство с векторным графическим редактором
Інформація про новину
  • Переглядів: 1195
  • Автор: admin
  • Дата: 2-10-2017, 16:42
2-10-2017, 16:42

Знакомство с векторным графическим редактором

Категорія: Інформатика

Векторные изображения можно создавать в разных программах, даже в программах офисных пакетов, например Microsoft Office. Однако самые широкие возможности предоставляют специализированные векторные графические редакторы.

Векторный графический редактор Inkscape

Редактор векторной графики Inkscape является многоплатформенным (т. е. его версии выходят для разных операционных систем: <

Linux, Windows и т. д.) и распространяется под лицензией GNU GPL.

Рассмотрим главное окно программы Inkscape (рис. 8.1). Следует обратить внимание на то, что панели могут располагаться и по-другому.



Построение графических примитивов

Программа Inkscape позволяет использовать при построении рисунка различные объекты: группы примитивов, растровые изображения и т. п.

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

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

Рассмотрим инструменты Прямоугольник, Эллипс, Звезда и Спираль. Чтобы добавить объект с помощью одного из них, нужно:

1) выбрать инструмент, переместить указатель на рабочее поле;

2) нажать левую кнопку мыши и, наблюдая за формой будущего объекта, выполнить перетаскивание;

3) отпустить кнопку мыши.

Форму и размеры объекта можно изменять, перетаскивая маркеры — белые квадратики или кружки (рис. 8.2).

Ознакомимся с действием таких маркеров:

Инструмент

Действие маркеров

Пример

Если перетаскивать круглые маркеры (сначала совмещенные), получим скругленные углы, если квадратные маркеры — изменим размеры

Если перетаскивать круглый маркер так, чтобы указатель мыши находился за пределами эллипса, «вырежем» сектор; если так, чтобы находился внутри — «отрежем» сегмент. Два других маркера позволяют изменить размеры

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

Если с помощью мыши вращать два маркера на концах спирали, увеличим или уменьшим ее длину


Дополнительные возможности при изменении формы объекта получают, удерживая нажатыми клавиши Ctrl, Shift или Alt. Их действие описывают подсказки в строке состояния.

Если в ходе построения прямоугольника (или эллипса) удерживать нажатой клавишу Ctrl, стороны прямоугольника (или оси эллипса) будут относиться как целые числа (например, 1:1, 2:1, 3:1). При отношении 1:1 получим квадрат (круг).

Перед тем как выполнять какую-либо операцию над объектом, его следует выделить с помощью инструмента Стрелка

Чтобы выделить отдельный объект, его нужно щелкнуть. Вокруг объекта появится пунктирная прямоугольная рамка, а возле нее — стрелки для изменения размеров (рис. 8.3, см. ниже).

Чтобы выделить несколько отдельных объектов, их следует поочередно щелкнуть, удерживая нажатой клавишу Shift.

Чтобы выделить несколько объектов, расположенных рядом, следует:

1) установить стрелку слева и выше них;

2) нажать левую кнопку мыши и, не отпуская, переместить стрелку вправо и вниз, охватив объекты прямоугольником;

3) отпустить кнопку мыши.

В ходе работы будет виден прямоугольник, охватывающий выделенные объекты. Над выделенными объектами можно выполнять ряд операций.

Чтобы переместить объект, на него следует навести указатель мыши и перетащить.

Для масштабирования (изменения размеров) объекта следует потянуть нужные стрелки (рис. 8.3). Угловые стрелки позволяют изменить одновременно и длину, и ширину объекта, боковые стрелки — один из размеров.

Объекты можно вращать и наклонять.

Чтобы повернуть объект на некоторый угол, нужно по нему щелкнуть — вид стрелок изменится. Появится крестик, обозначающий центр вращения (рис. 8.4), — он остается неподвижным. По мере перемещения угловых стрелок объект будет вращаться. Центр вращения можно передвинуть, сместив крестик.

Чтобы изменить угол наклона объекта, нужно действовать аналогично. Передвигая неугловые стрелки (рис. 8.5), можно сдвигать одни части объекта относительно других. Центр остается неподвижным, как в случае вращения.

Кнопки

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

Отразить объект относительно горизонтальной или вертикальной оси (она проходит через центр вращения) позволяют кнопки

расположенные на панели параметров инструмента Стрелка.

Заливка и обводка графических примитивов

Цвета обводки и заливки внутренней области объекта можно менять: выделить объект, на панели команд щелкнуть кнопку

1 — кнопки выбора типа заливки

2 — регулятор прозрачности цвета

3 — пипетка для выбора цвета на изобра

жении

4 — регулятор прозрачности объекта

5 — выбор способа заливки сложных

объектов

6 — переключение способа выбора цвета

7 — колесо цветов

8 — числовой код цвета

9 — регулятор размытости объекта

Рассмотрим основные элементы управления окна Заливка и обводка:

Кнопка

Тип заливки

Пример

Заливки нет, видна только обводка

Сплошная заливка выбранным цветом с учетом прозрачности

Линейный градиент — плавный переход от одного цвета к другому или от окрашенного участка к прозрачному

Радиальный градиент — плавный переход цветов от центра к краям фигуры

Узор

На рис. 8.6 рассмотрим вкладку Заливка в момент выбора цвета для сплошной заливки объектов с использованием колеса цветов (7). В этом режиме желаемый цвет можно подобрать на основе цветовой модели HSB. Щелкнув колесо цветов, следует выбрать также тон, а щелкнув

в треугольнике — насыщенность и яркость. Чтобы заливка стала полупрозрачной, нужно с помощью регулятора (2) установить уровень ее прозрачности.

На экране можно сразу наблюдать, как изменяются параметры цвета.

На вкладке Обводка можно настроить цвет обводки объекта (вкладка содержит подобные элементы управления).

На вкладке Стиль обводки можно задать толщину и другие параметры обводки (рис. 8.7).

Масштабирование просмотра изображения

Бывает, что, работая с рисунком, нужно лучше рассмотреть мелкие детали, бывает наоборот — нужно увидеть весь рисунок целиком.

Для управления масштабом предназначен инструмент Масштаб

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

Управлять масштабом удобно также кнопками на панели команд:

На панели параметров инструмента Масштаб доступны дополнительные возможности масштабирования: масштаб по ширине страницы, кнопки истории масштабирования и т. д.

Изменение масштаба никак не влияет на рисунок, изменяется только его размер на экране.

Инструменты для рисования линий

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

На панели инструментов Inkscape есть ряд инструментов для рисования линий. Рассмотрим два из них — Карандаш

Инструмент Карандаш предназначен для рисования линий произвольной формы и отрезков.

Чтобы нарисовать кривую линию, нужно:

1) выбрать инструмент;

2) нажать левую кнопку мыши и, не отпуская, рисовать линию указателем;

3) отпустить кнопку мыши, чтобы завершить рисование.

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

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

На рис. 8.9. изображен объект Спиро, а также его контур (красная линия) — кривая Безье, на основе которой он построен.

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

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

Форма кривой Безье определяется положением четырех точек: начальной, конечной и двух управляющих (рис. 8.10). Кривая полностью помещается в четырехугольнике с вершинами в этих точках.

Интересно, что французский ученый, математик и инженер Пьер Безье разработал эти кривые в 1968 году, проектируя кузов автомобиля для компании «Рено» (Франция). Кривые Безье легли в основу не только графических, но и других программ.

Работа с контурами

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

Построение контура

Различают простые и составные контуры. Простой контур может быть замкнутым (рис. 8.11, а) или незамкнутым (рис. 8.11, б). В незамкнутом

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

Если выбрать инструмент Узлы и щелкнуть одну из линий, на ней или рядом с ней появятся квадратики, обозначающие узлы (узловые точки).

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

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

Изменение формы контура

Существует несколько способов изменения формы контура:

• если перетащить в другое место один или несколько узлов, то изменится форма прилегающих к ним сегментов;

• если перетащить любую точку контура, то изменится форма сегмента, которому принадлежит данная точка.

Если выделить узел, то возле него появится

один или два отрезка касательных к кривой, — каждый с управляющей точкой (круглым маркером) на конце. Маркеры также появятся возле двух соседних узлов (рис. 8.12). Если возле выделенного узла не появились маркеры, это означает, что они совмещены с узлом. Маркеры можно «вытащить» мышью при нажатой клавише Shift.

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

Работа с узлами

Различают гладкие, симметричные и острые узлы. Тип узла можно распознать по «поведению» маркеров его управляющих точек (см. рис. 8.12). У гладкого узла маркеры всегда находятся на одной прямой с узлом, у симметричного — на одной прямой с узлом и на одинаковых расстояниях от него, а оба маркера острого узла можно перемещать независимо друг от друга.

На панели параметров инструмента Узлы расположены кнопки для выполнения операций с узлами и сегментами. Ознакомимся с ними подробнее.

Чтобы изменить тип узла, его следует выделить и щелкнуть одну из кнопок:

Чтобы изменить вид сегмента, его нужно выделить и щелкнуть одну из кнопок:

Чтобы добавить новые узлы, следует выделить один или более сегментов и щелкнуть кнопку

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

Чтобы удалить узлы, их следует выделить и щелкнуть кнопку

или

нажать клавишу Delete — узлы исчезнут. Контур останется неразрывным (если он был таковым до этого), форма контура в результате удаления узлов может немного измениться.

Чтобы соединить два конечных узла контура, их нужно выделить и щелкнуть одну из кнопок:

сегменты искривятся и соединятся одним узлом;

между узлами появится новый сегмент.

Если требуется соединить контуры двух разных объектов, их следует предварительно объединить в один объект. Чтобы объединить два или более контуров в один, объекты следует выделить и выбрать команду меню Контур ^ Объединить (или комбинацию клавиш Ctrl + K).

Чтобы разорвать контур, можно либо выбрать сегмент и удалить его кнопкой

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

Нарисуем парус (см. рис. 8.8). Инструментом Перо щелкнем по очереди в вершинах четырехугольника (рис. 8.13, а). Первый из полученных узлов щелкнем еще раз в конце построения, чтобы замкнуть контур. Инструментом Узлы выберем контур и, удерживая клавишу Shift, выберем все четыре его узла.

Щелкнув кнопку

сделаем все сегменты криволинейными: после этого появятся маркеры управляющих точек (рис. 8.13, б).

Чтобы получить желаемую форму контура, перетащим маркеры (рис. 8.14, а).

Открыв окно Заливка и обводка кнопкой подберем цвет (голубой), затем вид заливки (линейный градиент) (рис. 8.14, б).

Работа с файлами в Inkscape

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

Для работы с файлами на панели команд расположены кнопки:

— создать новый документ;

— напечатать документ;

— открыть существующий документ;

— сохранить документ.

Чтобы записать в файл растровую копию обрабатываемого изображения, нужно:

1) выбрать команду меню Файл ^ Экспортировать в PNG;

2) в диалоговом окне указать параметры экспорта, имя файла;

3) щелкнуть кнопку Экспорт.

Вопросы для самопроверки

1. Назовите элементы главного окна Inkscape.

2. Что такое градиент?

3. Как изменить толщину обводки графического примитива?

4. Как изменить масштаб изображения на экране?

5. Как с помощью инструмента Перо получить ломаную линию?

6. Какие операции выполняют с помощью инструмента Узлы?

7. Перечислите типы узлов контура.

8. Как добавить на контуре новый узел?


Упражнение 8

1. Построить рисунок, состоящий из графических примитивов, и изменить их параметры.

1) Запустите программу Inkscape. Рассмотрите главное окно программы, найдите панели: инструментов, команд, параметров инструментов; палитру.

2) Установите такой масштаб, чтобы видеть страницу полностью.

3) Постройте изображение телевизора (рис. 1):

• выберите инструмент Прямоугольник и постройте три примитива: большой («корпус»), средний («экран») и маленький («ножка»);

(Примечание. Если построенной фигуры на экране не видно, возможно включен белый цвет обводки и заливки или прозрачность.)

• с помощью инструмента Эллипс постройте окружность в центре «экрана»» и половину эллипса («опора»);

• вызовите окно Заливка и обводка, измените заливку и обводку, как на рис. 1;

• добавьте на «экран» спираль.

4) Сохраните документ в файле с именем Упражнение 8_1 в своей

папке.

2. Построить изображение, используя линии произвольной формы

и другие графические примитивы, по образцу (рис. 2).

1) Запустите программу Inkscape. Пользуясь инструментом Перо, постройте замкнутую ломаную (рис. 2, а), последовательно щелкая ее вершины.

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

3) Подберите цвета обводки и заливки, ориентируясь на рис. 2, в.

4) Дорисуйте остальные объекты рисунка (рис. 2, в): рот и нос — инструментом Перо; глаза — инструментом Эллипс.

5) Сохраните документ в файле с именем Упражнение 8_2 в своей папке.

6) Экспортируйте изображения в растровый файл dog.png, установив ширину 400 пикселей. Сравните объемы полученных файлов.

Завершите работу за компьютером.

Компьютерное тестирование

Выполните тестовое задание 8 с автоматической проверкой на сайте interactive.ranok.com.ua.

 

Это материал из учебника Информатика 9 класс Бондаренко

 






^