§ 3.3. Создание графических изображений

§ 3.3. Создание графических изображений

Информатика. 7 класса. Босова Л.Л. Оглавление


Ключевые слова:

  • графический редактор
  • растровый графический редактор
  • векторный графический редактор
  • интерфейс графических редакторов
  • палитра графического редактора
  • инструменты графического редактора
  • графические примитивы

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

Различают растровые и векторные графические редакторы.

Интерфейс графических редакторов

Примером простейшего растрового графического редактора является программа Microsoft Paint, которая поставляется вместе с операционной системой Windows. Окно этой программы представлено на рис. 3.11.

§ 3.3. Создание графических изображений

Значительно больше возможностей имеет растровый графический редактор Gimp, версии которого существуют для различных ОС и распространяются как свободное программное обеспечение. Gimp можно использовать для обработки фотографий, создания графических композиций и коллажей, создания элементов дизайна web-страниц и многого другого.

Изображение — основной объект, с которым работает Gimp. Сложное изображение, как правило, состоит из нескольких слоёв. Слои можно сравнить с накладываемыми друг на друга прозрачными плёнками с фрагментами изображения. Слои дают возможность посмотреть на всю композицию целиком, оставляя её при этом «несклеенной». Их можно перемещать в любое место изображения, менять местами в стопке, дублировать.

Рассмотрим основные элементы интерфейса приложения Gimp (рис. 3.12).

§ 3.3. Создание графических изображений

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

Ниже строки заголовка расположена строка меню, содержащая названия групп команд, объединённых по функциональному признаку. Каждое слово в этой строке — кнопка, открывающая список команд. Рядом со словами-командами могут быть дополнительные символы:

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

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

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

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

Графический редактор Gimp имеет множество диалоговых окон, которые принято группировать, используя панели. На панелях каждое диалоговое окно находится на своей странице (вкладке) и вызывается щелчком на заголовке страницы вверху панели.

По умолчанию в Gimp отображаются две панели:

  • 1) панель слоёв, каналов, контуров и путей, позволяющая управлять слоями активного изображения;
  • 2) панель кистей, текстур и градиентов, позволяющая управлять параметрами кистей, текстур и градиентов.

Сравните основные элементы интерфейса графических редакторов Paint и Gimp. Что в них общего? Каковы основные различия?

Приёмы работы в растровом графическом редакторе

Для рисования нужен холст (рабочая область), краски и инструменты.

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

Рассмотрим более подробно инструменты графического редактора Gimp. Их можно объединить в следующие группы:

  • инструменты выделения, необходимые для определения областей обработки изображения: Прямоугольное выделение, Эллиптическое выделение, Свободное выделение, Выделение смежных областей, Выделение по цвету, Выделение переднего плана, Умные ножницы (выделение фигур при помощи распознавания краёв);
  • инструменты рисования, предназначенные для работы с точками изображения: Ластик (стирание до фона или до прозрачности), Аэрограф (рисование кистью с переменным давлением), Перо (каллиграфическое рисование), Штамп (выборочное копирование из изображения при помощи кисти), Лечебная кисть («лечит» дефекты в изображении, Размазывание (выборочное размазывание кистью), Карандаш, Кисть, Градиентная заливка, Размывание- Резкость, Осветление—Затемнение, Плоская заливка;
  • инструменты преобразования, предназначенные для работы с выделенными областями, контурами или слоями изображения: Выравнивание, Перемещение, Кадрирование, Вращение, Масштаб, Наклон, Перспектива, Зеркало, Преобразование по рамке;
  • инструменты цвета, предназначенные для корректировки различных характеристик цвета (яркости, насыщенности, контрастности и пр.) в активном слое или выделенной области;
  • прочие инструменты — Контуры, Измеритель, Пипетка, Лупа, Текст.

Во многих графических редакторах реализована возможность конструирования цвета на основе цветовой модели HSB (по первым буквам английских слов Hue — цветовой тон (оттенок), Saturation — насыщенность (контраст), Brightness — яркость).

Окно конструирования цвета в графическом редакторе Paint открывается командой Палитра-Изменить палитру-Определить цвет. Сначала выбирается цвет в радуге (перемещение крестообразного указателя слева направо), потом устанавливается его контрастность (перемещение того же указателя сверху вниз), а затем перемещением треугольного указателя задаётся яркость (рис. 3.13).

§ 3.3. Создание графических изображений

Выясните, каким образом можно установить требуемый цвет в графическом редакторе Gimp.

Такие инструменты рисования, как Карандаш и Кисть, пользователь перемещает по экрану с помощью мыши. Получить таким способом нужную линию под силу только опытному пользователю, к тому же хорошо владеющему обычными карандашом и кистью. Начинающему художнику лучше всего использовать в своей работе инструменты, позволяющие не только строить контур изображения, но и вносить в него правки. Так, в Gimp с помощью инструмента Контуры путём последовательного уточнения простых контуров можно строить достаточно сложные графические изображения (рис. 3.14).

§ 3.3. Создание графических изображений

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

§ 3.3. Создание графических изображений

Графический редактор Paint ориентирован на процесс рисования простых изображений и на комбинирование готовых фрагментов. Большинство растровых графических редакторов предназначены не столько для создания изображений, сколько для их обработки (Adobe Photoshop, Gimp). Они позволяют изменять цветовую палитру всего изображения и цвет каждого отдельного пикселя, проводить художественную обработку графических изображений (рис. 3.16).

§ 3.3. Создание графических изображений

Задача. Некое растровое изображение было сохранено в файле pl.bmp как 24-разрядный рисунок (т. е. глубина цвета = 24). Во сколько раз будет меньше информационный объём файла p2.bmp, если в нём это же изображение сохранить как 256-цветный рисунок?

Решение. Для кодирования 256 разных цветов требуется 8-разрядный двоичный код (256 = 28), т. е. для кодирования цвета каждого пикселя используется 8 битов. Для кодирования цвета каждого пикселя исходного изображения использовалось 24 бита. Так как количество пикселей в двух изображениях одинаково, то информационный объём файла p2.bmp в 3 раза меньше информационного объёма исходного файла.

Ответ: в 3 раза.

Самым мощным растровым графическим редактором, широко распространённым среди специалистов, работающих с растровыми изображениями, является Adobe Photoshop. Это коммерческий продукт, работающий под управлением ОС Microsoft Windows. На сайте http://www.psd.ru/ вы можете получить самую полную информацию об этом графическом пакете, а также взять уроки работы в нём.

На сайте http://www.progimp.ru/ вы можете познакомиться и получить навыки работы с графическим редактором Gimp — свободно распространяемой программой, работающей в таких операционных системах, как Microsoft Windows, Mac OS, Linux.

Особенности создания изображений в векторных графических редакторах

Конструирование сложных графических изображений из простых геометрических фигур (графических примитивов) — основная идея векторных графических редакторов. Особенности работы в векторных редакторах рассмотрим на примере редактора OpenOffice.org Draw.

К графическим примитивам в Draw относятся: линии и стрелки; прямоугольники; окружности, эллипсы, дуги, сегменты и секторы; кривые; фигуры-символы, выноски, звёзды; соединительные линии; трёхмерные объекты (куб, шар, цилиндр и т. д.); текстовые объекты ит. д. (рис. 3.17).

§ 3.3. Создание графических изображений

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

§ 3.3. Создание графических изображений

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

§ 3.3. Создание графических изображений

Каждый графический примитив рисуется в новом слое. Это позволяет создавать сложные изображения, накладывая объекты друг на друга (рис. 3.20).

§ 3.3. Создание графических изображений

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

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

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

Одним из самых мощных векторных графических редакторов является CorelDraw, позволяющий не только создавать очень сложные графические объекты, но и выполнять трансформации одного объекта в другой. По заранее подготовленным исходному и конечному рисункам программа сама выполнит все необходимые расчёты и выведет на экран заданное вами множество промежуточных рисунков, наглядно представляющих, например, «превращение» мухи в слона.

Уроки для начинающих на сайте http://www.coreldrawgromov.ru/ позволят вам в свободное время освоить основные приёмы работы в векторном графическом редакторе CorelDraw.


Самое главное

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

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

Различают растровые и векторные графические редакторы.

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


Вопросы и задания

1. Ознакомьтесь с материалами презентации к параграфу, содержащейся в электронном приложении к учебнику. Что вы можете сказать о формах представления информации в презентации и в учебнике? Какими слайдами вы могли бы дополнить презентацию?

2. Для чего предназначены графические редакторы? Имеете ли вы опыт работы в графическом редакторе? Если да, то опишите этот редактор.

3. Перечислите основные элементы интерфейса графического редактора.

4. Опишите основные возможности растровых графических редакторов.

5. Опишите основные приёмы работы в графическом редакторе Gimp.

6. Почему с помощью цветовой модели HSB человеку более удобно подбирать нужный цвет, чем с помощью цветовой модели RGB?

7. В каком редакторе, растровом или векторном, вы будете редактировать фотографию?

8. Что такое графический примитив?

9. Опишите основные возможности векторных графических редакторов.

10. Сравните результаты всевозможных преобразований фрагментов изображений в растровом и векторном редакторах.

11. Некое растровое изображение было сохранено в файле как 256-цветный рисунок. Во сколько раз уменьшится информационный объём файла, если это же изображение сохранить как монохромный (чёрно-белый без градаций серого) рисунок?


Оглавление

§ 3.2. Компьютерная графика

§ 3.3. Создание графических изображений

Задания для практических работ

Тестовые задания для самоконтроля

Глава 4. Обработка текстовой информации

§ 4.1. Текстовые документы и технологии их создания