Растровые и векторные редакторы

Для обработки изображений на компьютере используют­ся специальные программы — графические редакторы. Гра­фические редакторы также можно разделить на две катего­рии: растровые и векторные.

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

Среди растровых графических редакторов есть простые, на­пример стандартное приложение Paint, и мощные профессио­нальные графические системы, например Adobe Photoshop.

К векторным графическим редакторам относятся графи­ческий редактор, встроенный в текстовый редактор Word. Среди профессиональных векторных графических систем наиболее распространена CorelDRAW.

4f Графический редактор — это программа созда­ли ния, редактирования и просмотра графических изображений.

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

На рис. 7.4 представлены панели инструментов растрово­го графического редактора Paint и векторного графического редактора, входящего в состав Microsoft Word. Хорошо видно, что панели имеют много одинаковых инструментов.

1.1 V	I...J.
О
*	Q
9	Г
Г*	А
\	^
□	а'
о	о
|i|gg
га
, i

выделяющие инструменты рисующие инструменты

инструменты создания объектов

выделяющие инструменты

о а Р

О"

К

К

инструменты

создания

объектов

рисующии инструмент

выделяющий инструмент

инструменты группировки и разгруппировки

Microsoft Word

Рис. 7.4. Панели инструментов растрового и векторного графических редакторов

Инструменты рисования объектов. Графические редакто­ры имеют набор инструментов для рисования простейших графических объектов: прямой линии, кривой, прямоуголь­ника, эллипса, многоугольника и так далее. После выбора объекта на панели инструментов его можно нарисовать в любом месте окна редактора.

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

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

Paint

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

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

Для выделения объектов в растровом графическом редакто­ре обычно имеются два инструмента: выделение прямоуголь­ной области и выделение произвольной области. Процедура выделения производится аналогично процедуре рисования.

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

Инструменты редактирования рисунка. Инструменты ре­дактирования позволяют вносить в рисунок изменения: сти­рать части рисунка, изменять цвета и так далее. Для стира­ния изображения в растровых графических редакторах используется инструмент Ластик, который стирает фраг­менты изображения (пиксели), при этом размер Ластика можно менять.

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

Палитра цветов. Операцию изменения цвета можно осу­ществить с помощью меню Палитра, содержащего набор цветов, используемых при создании объектов (рис. 7.5). Раз­личают основной цвет, которым рисуются контуры фигур, и цвет фона. В левой части палитры размещаются индикаторы основного цвета и цвета фона, которые отображают текущие установки (в данном случае установлен черный основной цвет и белый цвет фона). Для изменения основного цвета необхо­димо осуществить левый щелчок на выбранном цвете палит­ры, а для цвета фона — правый щелчок.

Рис. 7.5

Меню Палитра

Текстовые инструменты. Текстовые инструменты позво­ляют добавлять в рисунок текст и осуществлять его форма­тирование.

В растровых редакторах инструмент Надпись (буква А на панели инструментов) позволяет создавать текстовые облас­ти на рисунках. Установив курсор в любом месте текстовой области, можно произвести ввод текста.

Форматирование текста производится с помощью панели атрибутов текста (рис. 7.6). В редакторе Paint панель атри­бутов текста добавляется (удаляется) при выбранном инстру­менте Надпись командой [Вид-Панель атрибутов текста].

Рис. 7.6. Панель атрибутов текста

В векторных редакторах тоже можно создавать текстовые области, в которые можно вводить и форматировать текст. Кроме того, для ввода надписей к рисункам можно исполь­зовать так называемые выноски различных форм (рис. 7.7). В векторном графическом редакторе, входящем в Word, вы­носка выбирается на панели Рисование командой [Автофи- гуры-Выноски].

Надпись

Рис. 7.7. Выноски в векторном редакторе

Надпись

Надпись

Масштабирующие инструменты. В растровых графиче­ских редакторах масштабирующие инструменты позволяют увеличивать или уменьшать масштаб представления объек­та на экране, но не влияют при этом на его реальные разме­ры. Обычно такой инструмент называется Лупа.

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

Вопросы дл^&мышления

1. С какими графическими редакторами вам приходилось работать? К какому типу (растровый или векторный) отнесится каждый из них?

2. Какой тип графического редактора (растровый или векторный) вы выберете для ретуширования отсканированной фотографии?

■

>

Практические задания

Л-

7.2. Если установить указатель мыши на инструмент растрового ре­дактора Paint, то появится всплывающая подсказка с названи­ем инструмента. Определить таким способом название каждого инструмента.

% £><*— imitw.

7.3. Запустить редактор Word. Добавить панель Рисование. Распре­делить имеющиеся инструменты по группам в зависимости от их назначения.

7.2.2. Редактирование изображений в растровом редакторе Paint

В качестве примера использования различных возможно­стей редактора Paint рассмотрим редактирование копии эк­рана рабочего стола Windows.

Редактирование растрового изображения

1. Поместить в буфер Windows копию экрана в тот момент, когда загружен Рабочий стол, для этого нажать клавишу {Print Screen}.

2. Запустить редактор Paint. Для загрузки в редактор Paint изображения из бу­фера ввести команду [Правка-Вставить]. В окне редактора появится изображение Рабочего стола, содержащее знач­ки и ярлыки. Г ■^шштг

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

4. Закрасить оставшийся на месте перемещенного фрагмен­та белый прямоугольник цветом фона. Для этого выбрать инструмент Выбор цветов (Пипетка), установить его в любой точке фона и щелкнуть мышью. Цвет фона стал значением основного цвета. Далее выбрать инструмент Заливка и щелкнуть в поле белого прямоугольника.

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

6. Закрасить оставшуюся на месте перемещенного фрагмен­та белую область с помощью инструмента Распылитель.

7. Создать прямоугольный контур красного цвета вокруг значка корзины. Воспользоваться для этого рисованием объекта Прямоугольник незакрашенный, в палитре вы­брать красный основной цвет.

8. Заслонить значок Мои документы красным эллипсом с белым фоном. Воспользоваться для этого рисованием объекта Эллипс закрашенный, предварительно устано­вив требуемые значения основного цвета и цвета фона.

9. Перечеркнуть значок Downloads. Установить белый цвет фона, выбрать инструмент Ластик и переместить его с нажатой левой клавишей мыши по значку. Аналогичный результат можно получить с использованием инструмен­та Кисть и установкой белого цвета в качестве основного.

10. Создать в центре рисунка надпись «Рабочий стол», выб­рать инструмент Надпись, с помощью мыши создать об­ласть надписи и ввести текст. Форматирование текста можно провести, вызвав Панель атрибутов текста с по­мощью команды [Вид-Панель атрибутов текста] или кон­текстного меню.

<rr*VTTWWTV

11. Результатом редакти- швнннма^нц рования будет являть­ся данное изображе­ние.

Практические задания

7.4. Нарисуйте шахматную доску и подпишите клетки с использо­ванием растрового графического редактора StarOffice Image.

7.2.3. Создание изображений в векторном редакторе, входящем в состав текстового редактора Word

В качестве примера рассмотрим создание в векторном ре­дакторе блок-схемы линейного алгоритма.

Создание векторного изображения

1. Запустить текстовый редактор Word. Командой [Вид-Па­нели инструментов-Рисование] вывести панель Рисова­ние векторного редактора.

В контекстном меню па­нели Рисование выбрать пункт Настройка. Сформировать панель, выбрав перечень необхо­димых для работы команд и тематически сгруппировав их.

ИИ

Фамп	ж		& цвет	>
Dpdfi-J Ьд			JL Цвет
Вставка			5 Тип п**ч	>
Iqw	—^		~ Типштркм	►
аблица		Ej Видстреял*	►
л/е*		9 тень	»
н и -рае а	Hd	В etik*M

Панели цсгрументое Haisicpi*

£окэнды J памнетры j КСЩЗнДы

0|<

ifjOCMAL ОТ

Создать, например, следующие группы на па­нели Рисование".

• выбор объекта и действия над объектом;

• графические примитивы и автофигуры;

• выбор цвета заливки и шрифта;

• работа с текстом;

• типы линий;

• работа с изображениями.

Действия• \ 4QO Автофисуры - ь - .± Z В Д.-

В группе Автофигуры вы­брать пункт Блок-схема, со­держащий различные эле­менты блок-схем. Для построения блок-схемы линейного алгоритма снача­ла дважды выбрать Блок-схе- ма: знак завершения, а по­том Блок-схема: процесс.

4. Нарисовать элементы блок-схе- мы, расположить их в нужном порядке и соединить стрелочка­ми.

5. В контекстном меню каждого из элементов блок-схемы выбрать пункт Добавить текст и ввести текст.

При необходимости с помощью контекстного меню текста от­форматировать текст.

6. Сгруппировать все элементы блок-схемы в один объект, для этого нажать клавишу {Shift} и, не отпуская ее, по­следовательно активизировать все элементы мышью.

ма

*'.] £айл Прав'8 Вид Бс авка Формат ; 1облии» С*к> 2 Jfij xj

7. В результате получим единый графический объект, кото­рый можно с помощью пункта меню Действия изменять различными способами: изменять размер, поворачивать, сдвигать и так далее.

Графический редактор, входящий в Word, может произво­дить некоторые преобразования и с растровыми изображе­ниями (например, сделать прозрачным фон какой-то части рисунка или вырезать какую-либо его часть).

Преобразование растрового изображения

1. Запустить текстовый редак­тор Word.

-ЛИ

W MicreseH Weri - а«ум*нт2

^J Файл Ораею Эйд Встдвка «ор^ат Сереис ХвЬлиив £*но I _ ,g| хj

о в-a sa v * ifeia^ ^ я

s? V 4 6 8 \

«гЯШ I

user штооьи надо сдают, прс

2. Открыть новый документ и командой [Вставить-Рису- нок-Из файла...] вставить в до­кумент растровый рисунок. Рисунок оказывается встав­ленным в документ редактора Word.

На панели Рисование выбрать операцию Установить прозрачный фон (кнопка ) и переместить указатель мыши, принявший форму, изображенную на кнопке, на любую точку фона и щелкнуть. Фон станет прозрачным.

4. На панели Рисование выбрать операцию Обрезка (кнопка УЙ). Подвести указатель мыши, принявший форму, изображенную на кнопке, по очереди к маркерам, от­мечающим границы рисун­ка, и сместить их к центру. В результате «отрежутся» ненужные края изображе­ния.

Pp.!

Обрезанное изображение с прозрачным фоном примет вид, показанный на рисун­ке.

Практические задания

■лад

7.5. Нарисовать блок-схемы алгоритмических конструкций «ветв­ление» и «цикл» с помощью векторного редактора StarOffice Draw.

7.6. Нарисовать генеалогическое дерево вашей семьи.