close

Вход

Забыли?

вход по аккаунту

?

МелехинаОВ Редактор растровой графики Gimp

код для вставкиСкачать
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
МУРМАНСКИЙ ГОСУДАРСТВЕННЫЙ ГУМАНИТАРНЫЙ УНИВЕРСИТЕТ
О.В. Мелехина
РЕДАКТОР РАСТРОВОЙ ГРАФИКИ GIMP
Сборник лабораторных работ
МУРМАНСК
2012
УДК 004.92(075.8)
ББК 32.973.26-018.2я73
М47
Печатается по решению Совета по научно-исследовательской работе
и редакционно-издательской деятельности Мурманского государственного
гуманитарного университета
Рекомендовано учебно-методическим советом МГГУ к использованию в
учебном процессе (протокол № 4 от 22.02.2011 г.)
Рецензенты: В.В. Качала, канд. техн. наук, доцент, профессор кафедры
информационных систем и прикладной математики МГТУ;
О.И. Ляш, канд. пед. наук, доцент кафедры информатики и ОТД
МГГУ
Мелехина О.В.
Редактор растровой графики Gimp: Сборник лабораторных работ /
О.В. Мелехина. – Мурманск: МГГУ, 2012. – 62 с.
В сборник включены лабораторные работы по компьютерной графике,
выполняемые в свободно распространяемом растровом редакторе Gimp.
Сборник содержит краткие теоретические сведения о программе, тоновой и
цветовой коррекции изображения.
Сборник направлен на отработку необходимых навыков работы в
растровом редакторе: работа с основными инструментами выделения,
рисования, использование фильтров, работа со слоями, цветокоррекция.
В приложении приведены вопросы для закрепления и краткий словарь
основных понятий.
Сборник предназначен для студентов вузов, изучающих дисциплину
«Компьютерная графика».
Печатается в авторской редакции.
© Мелехина О.В., 2012
2
Содержание
Введение ...............................................................................................................4
Краткие теоретические сведения .......................................................................7
Интерфейс программы .................................................................................... 7
Краткая характеристика диалогов ................................................................. 8
Маски ................................................................................................................ 9
Тоновая коррекция изображения ................................................................... 9
Цветовая коррекция изображения ...............................................................15
Лабораторная работа № 1. Работа с основными инструментами редактора
Gimp (версия 2.6.8)............................................................................................18
Лабораторная работа № 2. Баннер «Закат».....................................................26
Лабораторная работа № 3. Работа с текстом в Gimp .....................................30
Лабораторная работа № 4. Эффект «пластиковых букв»..............................34
Лабораторная работа № 5. Фильтры................................................................37
Лабораторная работа № 6. Имитация огня .....................................................40
Лабораторная работа № 7. Молния .................................................................42
Лабораторная работа № 8. Пример использования IFS-фрактал .................44
Лабораторная работа № 9. Тоновая коррекция изображения.......................49
Лабораторная работа № 10. Цветовая коррекция изображения ...................55
Лабораторная работа № 11. Имитация дождя ................................................57
Литература..........................................................................................................58
Приложения .......................................................................................................60
3
Введение
В настоящее время компьютерная графика – одно из самых
динамически развивающихся направлений информационных технологий и
более глубокое изучение этого направления в рамках предметной
подготовки станет качественным дополнением в подготовке бакалавра
физико-математического образования.
В
Государственном
образовательном
стандарте
высшего
профессионального образования (ГОС ВПО, 2004) по направлению
подготовки 540200 «Физико-математическое образование» для студентовбакалавров обучающихся по профилям «Информатика», «Математика» и
«Физика» в блоке ЕН (Общие математические и естественнонаучные
дисциплины) предусматривается
региональный
(ЕН.Р.) и выборный
(ЕН.В.) компоненты, в рамках которых возможно расширение подготовки
студентов в области компьютерной графики.
Учебный план подготовки бакалавров по направлению 540200
«Физико-математическое
образование»
определяет
следующую
реализацию дисциплины «Компьютерная графика»:
− время проведения: 3 и 4 семестр;
− общая трудоемкость – 108 часов, всего аудиторных – 60 часов, из
них 20 часов – лекционные занятия, 40 часов –
лабораторные
занятия.
Учебно-методическим комплексом (УМК) по данной дисциплине
предусматривается изучение растровых графических редакторов, в числе
которых могут быть рассмотрены такие, как Adobe Photoshop, Gimp и
другие.
4
В результате изучения дисциплины студенты должны
− знать: виды компьютерной графики и области ее применения,
цветовые модели, форматы графических файлов, аппаратные
средства для работы с компьютерной графикой, возможности
получения готового изображения для его последующей обработки с
помощью
графических
редакторов,
технологию
работы
с
графическими программами;
− уметь: создавать, редактировать и сохранять файлы изображений с
помощью
графических
редакторов,
использовать
аппаратные
средства для получения изображений.
Настоящий сборник предназначен для реализации практической
части
дисциплины
«Компьютерная
графика».
В
него
включены
лабораторные работы, направленные на овладение студентами основными
умениями и навыками работы в растровых редакторах на примере
бесплатно распространяемого растрового редактора Gimp.
Результатом выполнения предложенных в сборнике лабораторных
работ должны стать следующие умения и навыки студентов:
− владение принципами и способами работы с инструментами
выделения, каналами и масками;
− возможность ретуширования изображения;
− осуществление тоновой и цветовой коррекции изображения;
− использование и умелое применение спецэффектов (фильтров);
− умение работать с многослойным изображением.
В каждую лабораторную работу включено выполнение как типовых,
так и самостоятельных и творческих заданий. Использование практических
разработок с подробным описанием выполнения хода работы поможет
студентам освоить основные приемы работы с графической средой Gimp,
что в свою очередь позволит им в дальнейшем придумывать свои
изображения и творчески их реализовывать.
5
Сборник содержит приложения, содержащие примерные вопросы
для собеседования по теме «Растровый графический редактор Gimp», а
также краткий словарь основных понятий и терминов по компьютерной
графике.
6
Краткие теоретические сведения
Гимп (Gimp - GNU Image Manipulation Program) – растровый
графический редактор, программа для создания и обработки растровой
графики. Частично поддерживается векторная графика. Проект основан в
1995 году Спенсером Кимбеллом и Питером Маттисом как дипломный
проект, в настоящий момент поддерживается группой добровольцев.
Распространяется на условиях GNU General Public License. Графический
редактор Gimp – свободный аналог Adobe Photoshop. В большей степени
используется не для создания изображения «с нуля», а для обработки уже
готовых
изображений:
компьютерной
живописи,
фотографий,
полиграфических иллюстраций с целью улучшения их качества и
реализации творческих замыслов дизайнеров, художников, оформителей.
Интерфейс программы
Окно программы
При запуске программы на экране появляется ее фирменная
заставка-логотип, а затем приложение Gimp, состоящее из нескольких
отдельных окон:
− основное окно программы, содержащее панель инструментов;
− окно изображения, содержащее внутреннее меню;
− окна диалогов (Слои, Каналы, Конуры, История действий и др.) в
соответствии с настройками. Настройка диалогов осуществляется
командой Окна – Прикрепляющиеся диалоги;
− контекстное меню параметров инструмента. Вызывается щелчком по
инструменту.
Окно изображения
В заголовке окна открытого файла указывается его имя, цветовой
режим, количество слоев и масштаб. В многослойном файле указывается
также имя активного слоя. Щелчок правой кнопкой мыши на заголовке
выводит на экран дополнительное меню по работе с окном.
Панель инструментов
Расположенные в ней инструменты могут вызываться нажатием
соответствующей «горячей» клавиши, что можно узнать из текста
7
всплывающей подсказки. Инструменты условно можно разделить на
четыре группы:
− инструменты рисования и закрашивания;
− инструменты для выделения и перемещения выделенных областей;
− текстовые инструменты;
− инструменты редактирования и ретуши.
Диалоги
Представляют способ ввода и управления информацией посредством
специальных окон, которые можно перемещать, сворачивать,
разворачивать и убирать. Диалоги служат для настройки атрибутов
основных инструментов, а также для выполнения операций над
изображением и его файлом. Срыть или показать палитру диалогов можно
через меню Окна – Прикрепляющиеся диалоги. Отображать все диалоги
на экране не всегда целесообразно. Ненужные диалоги можно спрятать.
Можно настроить меню диалогов по своему усмотрению, добавив нужные
вкладки, выбрав команду Добавить вкладку нажатием кнопки
Настроить вкладку, расположенной в правом верхнем углу любого
открытого диалога.
Краткая характеристика диалогов
Цвета. Показывает значения текущих цветов переднего и заднего
планов, которые можно отредактировать перемещением мыши по
цветовому полю.
Слои. Здесь перечислены все слои, начиная с верхнего и заканчивая
фоновым. Эта палитра используется для определения параметров слоев. В
Gimp новый слой не создается автоматически для вновь созданного
объекта (как, например, в Photoshop); для расположения объекта на новом
слое, этот слой нужно создать вручную (Слой – Создать слой).
Каналы. Предназначен для создания и редактирования каналов.
Контуры. Содержит список всех созданных контуров.
История отмен. Каждый шаг редактирования изображения
фиксируется в этом диалоге. В нем отображаются операции, выполнение с
помощью меню и панели инструментов.
Строка состояния
Состоит из трех частей. Слева отображаются единицы измерения,
правее – масштаб просмотра изображения и информация о файле
изображения.
Информацию о файле изображения можно вывести командой
Изображение – Размер холста. В разделе Изображение – Разрешение
при печати выводятся размеры печатного оттиска файла на принтере.
8
Маски
Все знают маску как трафарет или кусок бумаги (картона, пластика)
с прорезями. В графике под маской понимают невыделенную (или
неактивную) часть изображения, т.е. ту часть, которая находится вне
выделенной области. Растровая маска – это средство, позволяющее
защитить от изменений некоторую часть растрового изображения. Маски
могут инвертироваться, редактироваться и сохраняться с использованием
различных команд меню Выделение.
Во многих случаях маски создаются на короткое время – пока
выполняется одно или несколько действий, а потом сбрасываются. Однако
иногда возникает необходимость сохранить маску надолго. В большинстве
редакторов растровой графики для этого предусмотрены команды
сохранения и загрузки масок.
Компьютерная маска отличается от трафарета, которым привыкли
пользоваться художники-оформители. Она может быть полупрозрачной
(или, правильнее сказать, частично прозрачной). Под полупрозрачность
маски понимается то, что она пропускает изменения (воздействие
инструментами рисования и фильтрами) к защищенной области
изображения в ослабленном виде. Степень ослабления определяется тоном
полупрозрачных участков маски. Если черный цвет соответствует нулевой
проницаемости, а белый – 100%-ной, то 50%-ный серый задает ослабление
вдвое. Чем темнее оттенок серого на маске, тем меньше краски попадет в
этом месте на изображение.
Тоновая коррекция изображения
Смысл тоновой коррекции состоит в придании изображению
максимального динамического диапазона, который можно оценить с
помощью гистограммы изображения.
Тон – уровень (градация, оттенок) серого цвета. Тоновое
изображение имеет непрерывную шкалу градаций серого от белого до
черного. Для одного канала число таких градаций равно 256.
В свою очередь, это напрямую связано с настройкой яркости
изображения. Для оценки и коррекции яркости и контрастности
изображения (его тоновой коррекции) профессиональные растровые
редакторы предоставляют широкий набор средств, среди которых можно
отметить:
− два мощных универсальных инструмента – Уровни и Кривые;
− более простые инструменты, например, Яркость-Контраст,
предназначенные для устранения наиболее грубых дефектов типа
недостаточной яркости или повышенной контрастности.
9
Гистограммы
Гистограммой называется график, отображающий распределение
пикселей изображения по яркости. Гистограмма позволяет оценить
разброс между минимальной и максимальной яркостью изображения
(динамический диапазон). С его помощью можно получить также
наглядное представление о распределении всех тонов в изображении.
При построении этого графика по оси Х откладываются значения
яркостей в диапазоне от 0 (черный) до 255 (белый), а по оси Y –
количество пикселей, имеющих соответствующее значение яркости.
Если нужно улучшить плохое изображение (или плохо
отсканированное изображение), анализ его гистограммы позволит
установить, стоит этим заниматься или лучше отсканировать его заново. С
помощью гистограммы можно также определить пути и способы
дальнейшей коррекции изображения.
Если основная масса пикселей изображения смещена к одному из
краев графика, вряд ли получится исправить изображение с помощью
коррекции. И, наоборот, достаточно равномерное распределение пикселей
вдоль всей оси Х позволяет сказать, что изображение может быть
улучшено.
С помощью гистограммы можно оценить тоновый диапазон
изображения, т.е. определить какие тоновые области доминируют: тени
(темные области), света (светлые области) или средние тона. Так,
изображение, залитое серым однородным тоном, будет характеризоваться
гистограммой, содержащей один пик в области средних тонов.
Термины тени, средние тона и света используются в графических
редакторах для обозначения соответственно темных, средних и светлых
тонов изображения.
При помощи раскрывающегося списка Канал можно просматривать
гистограммы распределения цветов по отдельным цветовым каналам.
Данное средство расширяет возможности использования этого
инструмента и позволяет выполнять тонкую настройку.
Уровни
В основе работы данного инструмента лежит использование
гистограмм. Для работы с этим средством нужно открыть изображение и
выполнить команду Цвет – Уровни или Инструменты – Цвет – Уровни.
Параметры раздела Уровни на входе используются для установки
новых значений черной и белой точек изображения (см. ниже), что
позволяет сократить диапазон яркостей изображения и повысить его
контрастность. Для этого можно перемещать находящиеся под
гистограммой треугольники либо ввести численные значения в
10
соответствующие поля ввода. Например, установка в левом поле значения
30 приведет к тому, что все цвета, имеющие значение яркости меньше этой
величины, станут черными, и, соответственно, ввод значения 220 в правом
поле приведет к обращению в максимум всех яркостей в диапазоне 220255. В результате диапазон яркостей исходного изображения понизится с
255 до 195, а контрастность возрастет.
Следует помнить, что при выполнении такого преобразования
информация, содержащаяся в тоновых диапазонах 0-30 (светах) и 220-255
(тенях) будет потеряна. При неудовлетворительном результате
воспользуйтесь кнопкой Отменить.
Между крайними треугольниками, характеризующими значения
светов и теней, расположен третий треугольник, который предназначен
для управления яркостью в области средних тонов изображения. Этот
элемент управления в растровой графике имеет специальное название –
коэффициент гамма (коэффициент контраста в средних тонах
изображения), а действия, выполняемые путем перемещения среднего
треугольника, называют настройкой гаммы. Установка значения этого
параметра меньше 1 (это значение задается по умолчанию) приводит к
затемнению изображения, и наоборот, больше 1 – к осветлению
изображения в области средних тонов. В обоих случаях происходит
изменение контрастности изображения.
Параметрами раздела Уровни на выходе можно управлять так же,
как и входными параметрами. Однако, в отличие от них, перемещение
левого треугольника приводит к осветлению более темных пикселей
(теней), и, наоборот, перемещение правого треугольника затемняет более
светлые пиксели (света). Например, задав в левом поле значение, равное
40, вы настраиваете на эту величину яркость самого темного пикселя, что
приводит к повышению уровня освещенности изображения. Аналогичным
образом с помощью правого поля ввода можно установить новое, более
низкое значение самого светлого пикселя. В итоге это приводит к
снижению контрастности изображения.
Нажатие кнопки Авто является альтернативой выполнения
специальной команды Автоуровни. Оно приводит к запуску процедуры
автоматической тоновой коррекции, сущность которой состоит в
отбрасывании заранее установленного количества самых светлых и самых
темных пикселей изображения. По умолчанию эти значения равны 5%.
Обычно использование этого средства приводит к неудовлетворительным
результатам.
Набор из трех пипеток предназначен для установки значений белой и
черной точек и значения коэффициента гамма путем указания их
непосредственно на редактируемом изображении с помощью выбора
соответствующей пипетки.
11
Канал предоставляет доступ к любому цветовому каналу с помощью
раскрывающегося списка. С его помощью вы можете выполнять настройки
входных и выходных значений яркости отдельно для каждого канала.
Белая и черная точки
Белой точкой называется то место изображения, где оно выглядит
очень светлым, но при этом в нем еще можно различить какие-то детали
изображения. Белую точку в изображении можно задать искусственно
более темной, указав с помощью инструмента Белая пипетка (Выбор
белой точки) на более темное место изображения. В этом случае все
элементы изображения, более светлые, чем указанные данным
инструментом, будут полностью белыми без видимых деталей. Установка
нового значения белой точки позволяет для некоторых изображений
расширить тональный диапазон без потери деталей в светах и повысит
четкость средних тонов. Однако нельзя указывать в качестве белой точки
отблески от блестящих предметов (например, от металлических
никелированных или хромированных деталей), поскольку в этих частях
изображения нет вообще никаких видимых деталей.
Черной точкой называется то место изображения, где оно выглядит
очень темным, но при этом в нем еще можно различить какие-то детали
изображения. Черную точку в изображении можно задать искусственно
более светлой, указав в изображении с помощью инструмента Черная
пипетка (Выбор черной точки) на более светлое место. В этом случае все
элементы изображения, более темные, чем указанные данным
инструментом, будут полностью черными без видимых деталей. Установка
нового значения черной точки позволяет для некоторых изображений
расширить тональный диапазон без потери деталей в тенях и повысит
четкость средних тонов.
Кривые
Для вызова этого инструментального средства в Gimp используется
команда Цвет – Кривые или Инструменты – Цвет – Кривые.
По принципу действия команда Кривые близка к команде Уровни.
Для настройки яркости изображения в окне Кривые вместо гистограммы
используется кривая.
Кривая – это график, с помощью которого осуществляется
преобразование спектрального диапазона исходного изображения
(входные данные) к спектральному диапазону скорректированного
изображения (выходные данные). В некоторых источниках это
инструментальное средство называют также яркостная кривая,
настроечная кривая и градационная кривая.
12
Кривая – это инструмент для одновременного изменения контраста
во многих яркостных диапазонах изображения. Этим она отличается от
гистограммы (и, соответственно, инструмента Уровни), в которой для
настройки яркости используются только три области (света, тени и
среднего тона). По умолчанию в исходном виде кривая представляет собой
линию с наклоном в 450, что соответствует линейному возрастанию
уровней яркости от темного тона к светлому. В процессе редактирования
кривой изменяются конечные (выходные) уровни яркости относительно
исходной (входной) прямой линии.
Для RGB-изображений на кривой отображаются значения яркости в
диапазоне от 0 до 255 градаций, причем в левой части графика
расположены тени (0).
Устанавливая наклон кривой более 450 (выпуклая кривая),
расширяется диапазон тонов или цветов, входящих в соответствующие
области изображения, делая его контрастнее и детальнее. Наоборот,
установка вогнутой кривой приводит к сужению диапазона тонов и, как
следствие, - к уменьшению контраста.
СОВЕТ
Используйте вогнутые настроечные кривые для исправления
недостаточной экспозиции (недостаток деталей в тенях) и выпуклые –
для избыточной экспозиции (недостаток деталей в светах).
Для выбора вида кривой выбирают тип кривой: Сглаженная или
Рисуемая от руки.
Вариант
Сглаженная
устанавливается
по
умолчанию.
Редактирование формы кривой производится путем установки на кривой
или вблизи нее точек и перетаскивания их с помощью мыши. Для точной
настройки формы тоновой кривой может потребоваться установка
большего количества точек.
Если выбрать вариант Рисуемая от руки, то можно задать любую
форму кривой.
Яркость – Контраст
Часто редактирование изображения сводится к выполнению только
его тоновой коррекции. Например, полученное после сканирования
изображение оказалось слишком темным или исходная фотография была
слишком контрастной. В этом случае для коррекции всего изображения
лучше воспользоваться командой Цвет – Яркость-Контраст.
Вместо раздельной настройки каждого из трех тональных
диапазонов – теней, средних тонов и светов – это окно позволяет сразу
выполнить коррекцию всего изображения. И хотя это средство не обладает
гибкостью и возможностями инструментов Кривые и Уровни, оно
выигрывает в простоте и быстроте исполнения.
13
Инструменты и методы ретуширования
Традиционно методы ретуширования изображений предназначены
для восстановления поврежденных изображений, например, для ретуши
фотографий. Ретушь – коррекция изображения с целью устранения
мелких дефектов, исправления тонального и цветового балансов.
С другой стороны, для дизайнеров в области рекламы и маркетинга
основной целью ретуширования является украшение изображения,
придания ему большей убедительности. Для реализации этого может
потребоваться выполнение двух групп операций:
− устранить детали, мешающие созданию нужного эффекта. Обычно это
морщины на лице, блики и мелкие посторонние предметы;
− добавить некоторые детали, чтобы подчеркнуть (усилить) нужный
эффект.
Инструменты локального ретуширования
Изображения могут иметь царапины, пятна и другие дефекты
локального характера. В этом случае процесс ретуширования можно
выполнить без применения выделений или масок, используя лишь
входящие в состав используемого вами пакета инструментальные средства
локального улучшения.
Наиболее
часто
используемые
средства
ретуширования:
инструменты клонирования, инструменты размытия, инструменты
Палец, Губка, Осветление, Затемнение.
Инструменты Клонирования предназначены для копирования
деталей из одного места изображения (неповрежденного) в другое
(поврежденное). Типичным примером такого инструмента является
Штамп. Клонирование рекомендуется применять для удаления дефектов
сканирования, следов пыли, царапин, пятен путем замены на тона и детали
того же или другого изображения, сходного по цвету или более
совершенного.
Инструменты Размытия и Резкости позволяют соответственно
локально снижать или усиливать контраст между пикселями изображения.
Так, локальное ослабление нежелательных подробностей (морщин,
нездорового цвета кожи и т.д.) позволит акцентировать внимание на
главных деталях изображения, маскируя второстепенные детали. В то же
время локальное увеличение резкости может привлечь внимание к какимто особенностям изображения (например, блеску драгоценностей), что
составляет основу рекламы производимых изделий или имиджа человека,
использующего эти изделия.
14
Инструменты Палец и Губка сглаживают различия между соседними
оттенками в тех местах, где проходит кисть. Они применяются для
удаления морщин, складок на одежде, случайного шума, наложенного на
изображение при сканировании, а также для сглаживания границ между
исходными и клонированными с помощью инструмента Штамп
участками изображения.
Инструменты Осветление и Затемнение делают объекты более
светлыми или тусклыми. Эти средства предназначены для коррекции
освещенности или изменения значения яркости, чтобы выделить или
скрыть отдельные детали.
Инструмент Штамп
Инструмент Штамп предоставляет возможность создания точных
копий элементов изображения.
Инструменты группы Размытие
Резкость или размывание – инструмент для смазывания границ
изображения или повышения резкости Процесс размытия сводится к
перераспределению цветов изображения и смягчению резких границ. При
увеличении резкости повышается чуткость изображения за счет усиления
контраста между соседними пикселами, выделяются незаметные детали.
Размазывание (Палец) – смазывание по траектории. Он имитирует
смазывание сырой краски пальцем. Этот инструмент «берет» цвет в начале
штриха и «смазывает» его в направлении перемещения курсора.
Инструменты тонирования
Осветление/Затемнение – увеличивает или уменьшает яркость
изображения. Действие инструмента Осветление/Затемнение основано
на традиционной технике фотографии, связанной с уменьшением или
увеличением экспозиции на отдельных участках отпечатка. Чтобы
ограничить доступ света к определенным участкам изображения, фотограф
использует специальные непрозрачные маски (экраны) и увеличивает или
уменьшает время экспонирования.
Цветовая коррекция изображения
В современных настольных издательских системах для получения
качественных изображений (таких как рекламные объявления и обложки
15
журналов) используется технологическая цепочка, включающая
сканирование изображения с последующей его цветокоррекцией.
Цветокоррекция – изменение цветовых параметров пикселов
(яркости, крнтрастности, цветового тона, насыщенности) с целью
достижения оптимальных результатов.
К наиболее распространенным средствам, используемым для
повышения качества цветных изображений можно отнести следующие
команды:
− Цветовой баланс
− Тон-Насыщенность
Цветовой баланс
Цветовой баланс – соотношение цветов в изображении.
Регулировка цветового баланса позволяет усилить или ослабить один цвет
за счет другого дополнительного (комплиментарного ему). Красный цвет
комплиментарен голубому, зеленый – фиолетовому, желтый – синему. В
основе коррекции цвета с помощью команды Баланс цветов лежит
уменьшение величины избыточной цветовой составляющей за счет
усиления ее комплиментарного цвета. Увеличение красного цвета
приводит к уменьшению голубого, и наоборот, снижение красного
увеличивает содержание в изображении голубого цвета.
Команда
Цветовой
баланс
особенно
эффективна
при
редактировании и коррекции изображений, содержащих нежелательный
цветовой фон. Например, сканированная пожелтевшая фотография. В
этом случае коррекция изображения достигается удалением из него
избыточного желтого цвета без изменения остальной части цветового
спектра.
Тон-Насыщенность
С помощью этого инструмента можно управлять цветовыми
характеристиками изображения путем настройки компонент цветовой
модели HSL: Тон, Освещенность, Насыщенность.
Доступ к основным атрибутам этого инструмента реализуется с
помощью команды Цвет – Тон-Насыщенность.
Перемещение движка Тон осуществляется по периметру цветового
круга в диапазоне от -180 до 1800. После установки конкретного значения
данного параметра происходит автоматическое смещение всех цветов
изображения на заданную величину путем прибавления ее к градусному
эквиваленту каждого цвета.
Параметр Насыщенность функционирует так же, как регулировка
цветности в телевизоре. Перемещение его движка вправо позволяет
16
изменять значение этого параметра от 0 (исходное) до 100% (чистый цвет
без примеси серого компонента); перемещение влево – от 0 до -100 (цвет
исчезает, превращаясь в оттенок серого).
Параметр Освещенность используется для подстройки яркости
изображения в диапазоне от -100% (все цвета превращаются в абсолютно
черный цвет) до 100% (цвета исчезают, превращаясь в абсолютно белый
цвет). По принципу действия этот параметр напоминает регулировку
яркости в телевизоре.
Поле Выберите основной цвет для изменения включает в себя
шесть комплиментарных цветовых каналов и составной (Все сразу).
• Установка варианта Все сразу предназначена для применения
выполненных вами настроек одновременно ко всему цветовому диапазону
изображения.
• Выбор одного из шести базовых цветов позволяет выполнить
настройки перечисленных цветовых параметров отдельно для каждого
диапазона цветов независимо от других, что дает в ваши руки инструмент
для тонкой настройки всего изображения.
17
Лабораторная работа № 1.
Работа с основными инструментами редактора Gimp
(версия 2.6.8)
Цель: ознакомиться с интерфейсом редактора Gimp, научиться
пользоваться основными инструментами: кисть, выделение, быстрая маска,
научиться создавать и редактировать контуры, слои.
Средства для выполнения работы:
− файлы-заготовки исходных изображений: Dogs.jpg, Frog.jpg,
Nature.jpg, Fruit.jpg, Овощи.jpg, Bear.jpg;
− 3 – 4 файла изображений для редактирования (формат .jpg):
• портреты или пейзажи;
• изображения фона: цветы, листья, узоры.
Теоретические сведения
Баннер – графический элемент, который располагается на
определенных Web-страницах, щелчок по которому откроет сайт
рекламодателя. Стандартный размер баннера – 468 х 60 пикселей, но часто
используется 100 х 100 пикселей.
Самостоятельное задание
редактора Gimp (рис.1).
1.
Рассмотреть
структуру
Панель
инструментов
Строка
главного меню
Прикрепляющиеся
диалоги (слои, каналы,
контуры, история
действий, цветовая
карта)
Окно
изображения
Строка состояния
Рис.1. Окно редактора Gimp
18
окна
Задание 1. Создать баннер следующего вида (рис.2):
Рис.2. Простой баннер
1. Создать заготовку баннера размером 468 х 60 точек:
− задать размеры баннера (Файл – Создать);
− в диалоговом окне Создание нового изображения в поле Ширина
ввести 468, в поле Высота – 60, в раскрывающемся списке выбрать
единицы измерения точек растра;
− установить цветовой режим RGB:
• раскрыть список Расширенные параметры;
• в поле Цветовое пространство установить цвета RGB
• нажать ОК.
2. Задать цвет фона баннера – синий:
− вызвать диалоговое окно Изменить цвет переднего плана (щелкнуть
на указателе цвета переднего плана на панели инструментов, рис.3);
Переключатель основного
и фонового цветов
Цвет переднего плана
(основного цвета)
Цвет заднего плана (фона)
Рис.3. Цвета переднего плана и фона
− выбрать любой оттенок синего цвета, нажать ОК;
− перетащить мышью цвет на заготовку баннера.
3. Создать изображения листьев на баннере:
− нарисовать лист дерева в левой части баннера:
• нарисовать контур листа (инструмент Карандаш или Кисть, цвет –
черный R0 G0 B0, тип кисти – Circle (03) или Circle Fuzzy (03));
• увеличить масштаб изображения (щелкнуть по кнопке Лупа, навести
указатель мыши в область изображения и щелкнуть один раз), для
уменьшения масштаба удерживать клавишу Ctrl или переключить
инструмент в режим Отдалить через Параметры инструмента
• закрасить лист зеленым цветом;
• нарисовать прожилки листа.
Для стирания неудачного рисунка можно воспользоваться
инструментом Ластик: стирание кистью до фона или прозрачности.
Стирание происходит до фона, если стираемый рисунок расположен на
отдельном слое (не на слое Фон) или до прозрачности в противном случае.
19
Если случайно был стерт фон, восстановить его можно,
воспользовавшись переключателем Антиластик в Параметрах
инструментов ластика.
Также для стирания можно воспользоваться командой Окна –
Прикрепляющиеся диалоги – История действий или Правка –
Отменить.
− создать второй лист на другом конце баннера.
4. Сохранить рисунок.
Задание 2. Изучить возможности инструментов выделения
следующих групп:
− выделение прямоугольной и эллиптической области;
− свободное выделение;
− выделение смежных областей;
− выделение по цвету.
Указания:
1. Выделить фрагменты изображения инструментами Выделение
прямоугольной области и Выделение эллиптической области:
− открыть файл исходного изображения Dogs.jpg;
− выделить левую собаку инструментом Выделение прямоугольной
области;
− снять выделение (Выделение – Снять);
− выделить правую собаку инструментом Выделение эллиптической
области;
− снять выделение.
2. Выделить обеих собак инструментом Свободное выделение:
− нажать кнопку мыши на начальной точке будущего контура выделения
и обвести изображение собак, обходя все скосы и выступы;
− закрыть контур: довести мышь до начальной точки или дважды
щелкнуть в конечной точке обводки (программа автоматически
соединит начало и конец линии в замкнутый контур, если начальная и
конечная точки обводки не совпадают).
3. Выделить поочередно обеих собак инструментом Выделение по цвету
и инструментом Выделение смежных областей:
− выбрать инструмент Выделение по цвету;
− выделить фон, щелкнув по нему инструментом;
− добавить невыделенные области, щелкая по ним при нажатой клавише
Shift (вычитать фрагменты из выделения можно щелкая по ним при
нажатой клавише Ctrl);
− инвертировать выделение фона в выделение собак (Выделение –
Инвертировать);
− выбрать инструмент Выделение смежных областей;
20
− выделить фон, выбрав инструмент и щелкнув мышью по фону;
− добавить невыделенные фрагменты фона;
− инвертировать выделение фона в выделение собак.
Задание 3. Создать художественную
используя инструменты выделения.
рамку
изображения,
1. Открыть файл с изображением, для которого будет создаваться рамка
(формат *.jpg.).
2. Создать рамку, наложив фильтр на часть изображения:
− выделить область по размеру внутренней части будущей рамки (рис.4);
использовать любой удобный инструмент выделения; перемещать
выделение можно удерживая клавишу Alt;
Рис.4. Выделение области рамки
Рис.5. Применение фильтра к части
изображения
− инвертировать выделение внутренней области
в
область
рамки
(Выделение
–
Инвертировать); выделенной становится
рамка, а выделение внутренней области
становится не редактируемым;
− применить фильтр к области рамки: Фильтры
– Искажения – Мозаика.
3. Снять выделение (Выделение – Снять).
4. Сохранить три изображения с различными
областями выделения.
Рис.6. Применение фильтра
к прямоугольной области изображения
21
Задание 4. Создать коллаж (рис.7) из двух исходных фрагментов
изображений (Frog.jpg, Nature.jpg):
Рис.7. Коллаж на основе фрагментов двух изображений
1. Подготовить первый фрагмент коллажа – отделить изображение
лягушки от фона:
− открыть файл Frog.jpg;
− выделить фон инструментом Выделение смежных областей;
− инвертировать выделение фона в выделение лягушонка (Выделение –
Инвертировать);
− скопировать изображение лягушонка в буфер обмена (Правка –
Копировать).
2. Вставить первый фрагмент коллажа на новый фон:
− открыть файл Nature.jpg;
− вставить изображение лягушонка на новый прозрачный слой,
расположенный поверх фона:
• вызвать Диалог слоев и вставить новый прозрачный слой;
• разместить новый прозрачный слой на верхнем уровне, перетаскивая
мышью значки слоев в Диалоге слоев;
• вставить изображение лягушонка (Правка – Вставить);
• прикрепить плавающее выделение к прозрачному слою (Слой –
Прикрепить слой или нажать на кнопку Прикрепить плавающий
слой в окне Диалога слоев);
− уменьшить изображение лягушонка:
• выполнить команду Инструменты – Преобразование – Масштаб
или нажать кнопку Масштаб; вокруг лягушонка появится
прямоугольная рамка с маркерами;
• уменьшить размер лягушонка с помощью маркеров или на панели
свойств в полях Ширина и Высота задать нужные значения;
• нажать кнопку Изменить;
− передвинуть лягушонка на лист кувшинки инструментом
Перемещение.
22
3. Подготовить второй фрагмент коллажа и вставить его на тот же фон
(поместить на другой лист кувшинки еще одного лягушонка).
4. Объединить слои (Слой – Объединить с предыдущим).
5. Сохранить результирующее изображение в формате .jpg.
Задание 5. Создать копию фрагмента изображения, используя
инструмент Контуры:
1. Открыть файл исходного изображения (Fruit.jpg).
2. Приблизить изображение яблока, увеличив масштаб до 400%.
3. Создать контур изображения яблока:
− выбрать инструмент Создание и редактирование контуров;
− установить первую опорную точку, щелкнув мышью на верхней
границе изображения яблока;
− установить вторую опорную точку, зажав левую кнопку мыши и
протянув курсор до нижней левой границы яблока;
− сформировать кривую Безье между первой и второй точками; курсор
прикрепляется к направляющей точке; двигая направляющую точку,
сформировать плавную кривую, очерчивающую границы яблока,
создавая криволинейный сегмент контура;
− для завершения контура установить курсор на начальную точку и
щелкнуть по ней, удерживая нажатой клавишу Ctrl (рядом с курсором
появится маленький значок подковки, а после щелчка по закрывающей
точке курсор станет в виде руки).
Подкорректировать контур можно путем добавления новых
опорных точек (создаются при нажатой клавише Ctrl), а также путем
удаления и перемещения уже установленных опорных точек в новое
положение.
4. Убедиться в создании нового контура: вызвать диалог Контуры, в нем
появится контур Безымянный.
5. Задать видимость изображения: в диалоге
Слои в поле Непрозрачность установить
100%.
6. Преобразовать контур в выделение:
− в диалоге Контуры щелкнуть по кнопке
Настроить вкладку и выбрать Меню
контуров – Конур в выделение или
выполнить команду контекстного меню
созданного контура Контур в выделение.
Рис.8. Копии изображения,
созданные с использованием
инструмента Контуры
23
7. Создать новый файл с фоном для вставки созданного фрагмента: размер
200х200 пикселей, цветовая модель – RGB, фон – светло-желтый.
8. Скопировать выделенное яблоко и вставить 4 раза (рис.8).
9. Сохранить файл в формате .jpg.
Самостоятельное задание 2. Создать баннер (рис.9), используя
готовые изображения.
Рис.9. Баннер из готовых изображений
Задание 6. Создать коллаж (рис.10), используя несколько
исходных изображений.
1. Создать коллаж в новом файле, используя готовые фрагменты
изображений (файл Овощи.jpg).
Рис.10. Коллаж на основе нескольких исходных изображений
2. Задать размеры получившегося изображения:
− выбрать инструмент Кадрировать
− растянуть рамку вокруг изображения (для отмены нажать Esc);
− нажать Enter.
3. Сохранить итоговое изображение в формате .jpg.
24
Задание 7. Создать выделение, используя инструмент Быстрая
маска.
1. Изучить возможность выделения фрагмента изображения с помощью
инструмента Быстрая маска:
− открыть файл Bear.jpg с изображением бурого медведя;
− включить режим быстрой маски (Выделение – Переключить
быструю маску);
− установить цвет переднего плана белый;
− выбрать инструмент Кисть, размер – 19 пкс;
− провести на рисунке две линии крест-накрест;
− отключить режим быстрой маски (Выделение – Переключить
быструю маску); нарисованные кистью линии превратятся в область
выделения;
− снять
экспериментальное
выделение
комбинацией
клавиш
Shift+Ctrl+A.
2. Создать выделение всего медведя с помощью инструмента Быстрая
маска:
− переключиться в режим быстрой маски;
− выделить всего медведя:
• обвести кистью контур медведя (размер кисти 3 пкс);
• закрасить всего медведя (выбрать размер кисти больше);
• переключить закрашенную область в выделение (Выделение –
Переключить быструю маску (Shift + Q)).
Дальше с полученным выделением можно работать обычным
образом. Например, отделить изображение медведя от фона, сохранить
и использовать в дальнейшем для создания фотомонтажа.
Можно выделить в изображении первоначальную область любым из
рассмотренных инструментов выделения, затем войти в режим
Быстрая маска и модифицировать ее с помощью рисующих
инструментов.
Самостоятельное задание 3. Создать коллаж на произвольную
тему на основе 4 – 5 исходных изображений.
25
Лабораторная работа № 2.
Баннер «Закат»
Цель: закрепить навыки работы с кистями.
Средства для выполнения работы:
кисти с изображениями деревьев и травы
1
(расположить в папке
…\Program Files\GIMP-2.0\share\gimp\2.0\brushes):
My_Grass_Brushes_by_Archeleron.abr-02, Tree_pack_sample.abr-004,
The_Grasslands_by_midnightstouch.abr-008, The_Grasslands_by_midnightstouch.abr-009,
The_Grasslands_by_midnightstouch.abr-031, The_Grasslands_by_midnightstouch.abr-028,
The_Grasslands_by_midnightstouch.abr-029
Задание: Создать баннер (рис.11) с использованием фигурных
кистей.
Рис.11. Баннер с пейзажем «закат»
1. Создать файл-заготовку баннера: размер – 640x200 точек, цвет
переднего плана – ff6c00, цвет фона – ffc662.
2. Залить фон градиентом: выбрать инструмент Градиент и протянуть его
снизу-вверх.
Рис.12. Создание градиентного фона баннера
3. Создать эффект отблеска солнца:
1
Кисти для Gimp. Электронный ресурс] / Режим доступа:
http://www.progimp.ru/downloads/brushes/
26
− создать новый прозрачный слой и установить ему режим Перекрытие;
− инструментом Эллиптическое выделение выделить область для
отблеска солнца (рис.13);
Рис.13. Выделение области для отблеска солнца
− залить выделение белым цветом;
− снять выделение (Выделение - Снять);
− размыть выделение (Фильтры – Размывание – Гауссово размывание);
радиус размывания (по горизонтали и вертикали) – 100px (рис.14);
− объединить слои.
Рис.14. Изображение отблеска солнца
4. Создать солнце:
− создать новый прозрачный слой
− на новом прозрачном слое создать круг (рис.15) инструментом
Эллиптическое выделение (для получения круга во время выделения
зажать Shift);
Рис.15. Выделение фрагмента для изображения солнца
27
− залить круг белым цветом, снять выделение и размыть Гауссовым
размыванием на 50 px (рис.16);
− объединить слои.
Рис.16. Изображение солнца с отблеском на баннере
5. Добавить изображение травы:
− создать новый прозрачный слой, на нём кистью Circle Fuzzy (17) с
масштабом 7 провести чёрную линию внизу баннера (рис.17).
Рис.17. Подготовка к рисованию травы
− выбрать инструмент Кисть, в диалоге Параметры инструментов
поочередно выбирать кисти для травы и деревьев и рисовать ими
пейзаж, устанавливая нужный масштаб (рис.18, 19).
Для зеркального отображения растений по горизонтали создать их
на отдельном слое, выделить необходимый фрагмент и воспользоваться
инструментом Зеркало, протянув его по горизонтали вправо налево или
слева направо. Для завершения прикрепить выделение к фоновому слою.
Рис.18. Рисование травы
28
Рис.19. Рисование травы и дерева
6. Добавить эффекты заката: Фильтры – Свет и тень – Освещение или
Фильтры – Свет и тень – Отблеск; параметры задать по своему
усмотрению.
Самостоятельное задание. Создать собственный баннер (размер
640х200, 468х60, 100х100 точек), используя готовые кисти.2
2
Кисти для Gimp. Электронный ресурс] / Режим доступа:
http://www.progimp.ru/downloads/brushes/
29
Лабораторная работа № 3.
Работа с текстом в Gimp
Цель: отработать навыки работы с инструментами текста.
Средства для выполнения работы:
− файлы-заготовки исходных изображений: Choch.jpg, Big_sky;
Теоретические сведения
Для ввода текста используется инструмент Текст (T),
активизируемый нажатием одноименной кнопки на панели инструментов
или нажатием клавиши . Для написания текста нужно щелкнуть мышью
в том месте изображения, где должен размещаться текст, при этом
открывается окно Текстовый редактор Gimp и автоматически создается
новый слой. Текстовый слой Gimp отмечает буквой Т в названии слоя.
Настроить параметры текста можно в Параметрах инструмента
Текст. Чтобы изменить шрифт, размер, цвет текста нужно в диалоге слоев
выделить слой с текстом, выбрать инструмент Текст и дважды щелкнуть
по написанному тексту; в параметрах инструмента Текст установить
необходимые параметры.
Задание 1. Создать баннер (рис.20) с использованием текста и
фрагмента готового изображения.
Рис.20. Баннер с надписью и фрагментом изображения
1. Подготовить фрагмент изображения церкви:
− выделить фрагмент изображения (файл Choch.jpg) при помощи режима
быстрой маски, используя карандаш размером 1 пкс (цвет переднего
плана – белый) или инструмент Ластик.
2. Создать надпись на баннере:
− для текста выбрать шрифт Century Gothic Bold, размер 40, цвет
текста R48 G69 B110;
− переместить надпись при помощи инструмента Перемещение, когда
указатель мыши принимает вид перекрестья (в диалоге слоев
необходимо выделить слой с перемещаемой надписью).
30
3. Объединить все слои.
4. Создать рамку:
− выделить рисунок с надписью инструментом Прямоугольное
выделение;
− обвести выделенную область:
• выполнить команду Правка – Обвести выделенное;
• выбрать переключатель Обвести линией, Толщина линии 5 px;
• нажать кнопку Обвести.
5. Сохранить файл.
Задание 2. Создать изображение с использованием инструмента
Текст (рис.21).
Рис.21. Использование инструмента Текст для создания изображения
1. Подготовить фон изображения размером 650х300 точек (файл Big_sky):
− задать размеры холста: Изображение – Размер холста, параметры:
Ширина – 650, Высота – 300, единицы – точки растра; нажать кнопку
Изменить размер;
− задать размеры изображения на холсте:
• выбрать инструмент Масштаб и растянуть изображение до нужного
размера или ввести соответствующие значения в поля Ширина,
Высота;
• нажать кнопку Изменить.
2. Добавить изображение самолета:
− вставит символ самолета в документ приложения текстового редактора
(MS Word, OpenOffice.org Writer):
• в текстовом редакторе выполнить команду Вставка – Символ, шрифт
Webdings;
• увеличить размер самолета до 300 пт;
− скопировать в буфер обмена содержимое активного документа с
самолетом (Alt + PrintScrn);
− в приложение Gimp на новый слой вставить содержимое буфера
обмена:
31
• выполнить команду Правка – Вставить, в диалоге слоев появится
слой Плавающее выделение (Вставленный слой);
• в диалоге слоев нажать кнопку Новый слой, появится Вставленный
слой, к которому автоматически прикрепится вставленное выделение;
− вырезать самолет из вставленного слоя и вставить его на слой с
облаками:
• выделить самолет инструментом Выделение смежных областей;
• скопировать и вставить самолет на новый прозрачный слой;
• удалить рабочий слой со скриншотом;
• объединить фоновый слой (облака) и слой с самолетом.
3. Создать надпись:
− создать новый белый слой и расположить его на самом верхнем
уровне;
− выбрав инструмент добавления текста, написать текст черным цветом
(Bodoni MT Black Heavy, 32 px);
− объединить слой с текстом с белым слоем;
− размыть текст: применить к слою с надписью фильтр размывания
(Фильтры - Размывание - Гауссово размывание, радиус 4);
− задать цветовые эффекты для надписи:
• выбрать инструмент Кривые (Цвет – Кривые или Инструменты –
Цвет – Кривые), изобразить синусоиду (рис.22);
• добавить цвет: Цвет – Цветовой баланс
4. Вставить надпись на фоновый слой:
− переместить надпись из белого слоя на новый прозрачный слой:
• выделить
надпись
при
помощи
инструмента
Выделение
смежный
областей или Выделение по цвету
(выделить
белый
фон,
а
затем
инвертировать
выделение
фона
в
выделение
надписи;
пунктирное
выделение должно окружить весь текст);
• скопировать надпись и вставить ее на
новый прозрачный слой;
− удалить белый слой;
− объединить прозрачный слой с надписью
с фоновым слоем с облаками.
Рис.22. Настройка
инструмента Кривые
5. Выполнить обрезку (кадрирование) изображения.
6. Сохранить файл (формат .jpg).
32
Самостоятельное задание.
используя инструмент Текст.
Создать
изображение
(рис.23),
Рис.23. Комбинированное изображение, созданное с использованием инструмента
Текст
33
Лабораторная работа № 4.
Эффект «пластиковых букв»
Цель: расширить знания о возможностях применения фильтров и
слоев.
Задание: Создать надпись с эффектом «пластиковых букв»
(рис.24).
Рис.24. Надпись с эффектом «пластиковых букв»
1. Создать заготовку для надписи размером 250х100 точек, цет фона –
белый.
2. Создать надпись голубым цветом на новом прозрачном слое (выбрать
любой жирный шрифт, например, Arial Black или Bodoni MT Bold
высотой 80 px).
3. Создать размытие внутренней части надписи:
− преобразовать альфа-канал в выделение, выбрав одноименную
команду из контекстного меню слоя с надписью;
− уменьшить выделение на 4 пункта (Выделение - Уменьшить):
− не снимая выделения, создать новый прозрачный слой;
− отключить видимость всех слоев, кроме прозрачного, нажав на
изображение глаза слева от значка слоя в диалоге слоев;
− залить в прозрачном слое выделение белым цветом (получится слой с
уменьшенной белой надписью);
− размыть слой с белой надписью с радиусом 10 px: Фильтры –
Размывание – Гауссово размывание;
Радиус
зависит
от
размера
изображения: чем больше и толще
надпись, тем больше радиус.
− задать «просвечивание» белого слоя с
надписью: установить для него режим
«Перекрытие» в диалоге слоев;
Рис.25. Надпись с эффектом
внутреннего белого размытия
− скопировать слой с белой надписью;
− включить видимость всех слоев;
34
4. Сохранить созданную голубую надпись под именем Буквы.xcf.
5. Создать внешний глянцевый эффект для надписи:
− создать новое черное изображение (не новый слой!) такого же размера,
в котором написать ту же самую надпись белым цветом;
− объединить все слои;
− размыть белую надпись с радиусом
10 px: Фильтры - Размывание Гауссово размывание (радиус зависит
от размера изображения);
Рис.26. Промежуточное
изображение для создания
глянцевого эффекта
− сохранить созданную белую надпись на черном фоне под именем
Промежуточный.xcf;
− скопировать
в
буфер
обмена
изображение
из
файла
Промежуточный.xcf (Правка – Копировать или Ctrl+C);
− открыть файл Буквы.xcf, загрузить Диалог каналов (Окна –
Прикрепляющиеся диалоги – Каналы), создать новый канал
(непрозрачность заливки 50);
− вставить в Новый канал изображение из буфера обмена:
активизировать щелчком значок Новый канал в диалоге каналов и
выполнить команду Правка – Вставить;
− пододвинуть белое размытие под контуры надписи чуть сместив
вправо;
− отключить Новый канал, нажав на изображение глаза;
− прикрепить плавающее выделение к фоновому слою;
− объединить все прозрачные слои (Слой – Объединить с предыдущим);
− создать новый черный слой, поместить его на самый верх и установить
для него режим Осветление;
− Задать освещение для черного слоя: Фильтры – Свет и тень –
Освещение:
• Вкладка Свет: Тип – точечный, цвет – белый, интенсивность – 1,0,
позиция: x: -1, y: -1, z: 0,5;
• Вкладка Материал: Свечение 0,5; Яркость 0,1; Блики 5,0; Гладкость
27,0;
• Вкладка Карта рельефа: активировать опцию Использовать рельефное
отображение:
В качестве изображения рельефа
выбрать файл Промежуточный.xcf,
Кривая Линейный, Максимальная
высота 0,5.
Рис.27. Надпись с глянцевым
эффектом
35
6. Добавить тень:
− активизировать слой с надписью;
− задать тень: Фильтры – Свет и тень – Отбрасываемая тень со
смещением по х и у на 2-3 точки, радиусом размывания 10 и
непрозрачностью 85.
7. Усилить эффект пластиковых букв, включив видимость альфа-канала.
Самостоятельное задание. Создать рекламный баннер
текстовой надписью, которой придать эффект «глянцевого текста».
36
с
Лабораторная работа № 5.
Фильтры
Цель: углубить знания о возможностях применения фильтров.
Задание 1. Создать изображение водоворота,
используя фильтр Искажения (рис.28).
Рис.28. Использование
фильтра Искажения
1. Подготовить фон изображения:
− создать новое белое изображение 250х250 точек;
− установить цвет пера – светло-серый, цвет фона – темно-серый;
− залить изображение градиентом по диагонали,
протянув мышью из правого нижнего угла в левый
верхний.
2. Создать направляющую будущего водоворота:
− нарисовать спираль от руки кистью размером 15
пикселей.
Рис.29. Задание направляющей
для фильтра Искажения
− размыть направляющую: Фильтры – Размывание – Гауссово
размывание, радиус 8-10.
3. Задать
искажение:
применить
Фильтры
–
Искажения – Вихрь и щипок с параметрами Угол
вихря: -360, Величина щипка: 0, Радиус: 0,9.
Рис.30. Применение фильтра
Вихрь и щипок
4. Задать эффекты волн: Фильтры - Искажения – Волны, параметры:
Режим: размыть; Амплитуда: 15,00; Фаза: 0,00; Длина волны: 15,00.
37
5. Добавить цвет: Цвет – Цветовой баланс, параметры: Область для
изменения: Полутона; Цветовые уровни: -50, 0, 100.
Самостоятельное задание 1. Создать
применив к тексту фильтр Искажения.
фигурную
надпись,
Задание 2. Создать объемный шарик с эффектом
металла (рис.31).
Рис.31. Эффект металла
1. Создать изображение шара:
− создать новое изображение размером 120х120 точек, цвет фона –
белый, цвет переднего плана – черный;
− выделить круглую область инструментом Выделение
эллиптических областей при нажатой клавише Shift;
− поменять цвет фона и пера (фон – черный, цвет пера –
белый);
Рис.32. Направление
заливки градиента
− залить выделение градиентом:
• выбрать инструмент Градиент, Форма – радиальная;
• залить выделение, протянув мышью по диагонали сверху вниз.
2. Добавить тень:
− создать новый прозрачный слой;
− выделить область в виде эллипса для тени в новом
прозрачном
слое
инструментом
Выделение
эллиптических областей;
Рис.33. Задание тени
− залить область тени черным цветом;
− снять выделение;
− размыть тень: Фильтры – Размывание – Гауссово размывание, радиус
5 px.
3. Задать эффект металла:
− выделить слой с шариком;
− инструментом Кривые изобразить синусоиду.
Задание 3. Создать надпись с эффектом светящегося текста
(рис.34).
1. Создать новый документ размером 300х150 пикселей с черным фоном.
38
2. Создать надпись белым цветом (использовать инструмент Текст).
3. Создать эффект свечения:
− создать прозрачный слой, поместить его между существующими
слоями Фон и Текст;
− переименовать Новый слой в
Свечение:
• выбрать
команду
Изменить
атрибуты слоя из контекстного
меню Нового слоя;
• ввести новое имя;
Рис.34. Надпись с эффектом свечения
− выделить надпись: выбрать команду Альфа-канал в выделение из
контекстного меню слоя с текстом;
− не снимая выделения, перейти на слой Свечение, дальше продолжать
работать на нем;
− расширить выделение на 5 точек: Выделение – Увеличить;
− растушевать на 20 точек: Выделение – Растушевать;
− выбрать цвет для свечения: установить его в качестве цвета переднего
плана;
− заполнить выделение выбранным: Правка - Залить цветом переднего
плана.
Самостоятельное задание 2. Создать свою надпись светящегося
текста, используя фильтры из набора скриптов, расположенных в
Фильтры – Альфа в логотип, например Неон или Горячее свечение.
Чем тоньше выбранный шрифт, тем меньше должно быть
значение параметра Размер эффекта.
Самостоятельное задание 3. Создать новогоднюю открытку, на
которой должны присутствовать следующие элементы композиции:
«светящийся текст» и объемные разноцветные елочные шары.
39
Лабораторная работа № 6.
Имитация огня
Цель:
фильтрами.
усовершенствование
практических
навыков
работы
с
Задание. Создать «эффект пламени» (рис.35).
1. Создать
новое
прозрачное
изображение
размером 420х300 точек.
2. Создать заготовку для пламени: залить
изображение градиентом German Flag Smooth,
обесцветив в нем черную область:
− вызвать
диалог
Градиентов:
Окна
–
Прикрепляющиеся диалоги – Градиенты;
Рис.35. Эффект пламени
− выбрать градиент German Flag Smooth;
− создать его копию: выбрать команду Создать копию градиента из
контекстного меню;
− обесцветить левый край:
• в открывшемся окне Редактор градиентов вызвать контекстное меню
крайней левой точки;
• выбрать Цвет крайней левой точки;
• установить параметр Альфа в ноль;
• нажать ОК (цвет вместо черного станет
прозрачным);
− закрасить градиентом прозрачное изображение,
протянув градиент приблизительно от середины
сверху вниз (форма градиента – линейная).
Рис.36. Заготовка для
пламени
3. Сформировать языки пламени: применить Фильтры – Искажения –
Интерактивное искажение:
Основная идея фильтра: выбрать режим деформации и ее степень.
Степень означает, какую часть изображения нужно деформировать,
режим – что именно делать. Так, Нарастание будет увеличивать
сегмент, Вихрь – закручивать. Действие над изображением производится
прямо в смотровом окне фильтра путем нажатия на левую клавишу
мыши, либо, при нажатой левой клавише перемещением мыши по
изображению. Причем степень деформации будет сильно зависеть от
скорости перемещения.
40
− создать эффект огня, воспользовавшись вихрями по часовой стрелке и
против:
• установить радиус деформации примерно 35;
• проводить линии снизу вверх (слегка по
диагонали) с не очень большой скоростью;
4. Добавить фон, поместив под слой с огнем,
другой новый слой, например, черного цвета.
Рис.37. Формирование
языков пламени
Изменять порядок слоев можно в диалоге Слои, перетаскивая слой
при нажатой левой кнопки мыши до тех пор, пока указатель мыши не
примет вид черной стрелки.
Самостоятельное задание. Создать дружеский шарж, используя
фильтр Интерактивное искажение. За основу взять любую
фотографию.
41
Лабораторная работа № 7.
Молния
Цель: ознакомиться с инструментами
цветокоррекции.
Задание. Создать изображение молнии (рис. 38).
Рис.38. Изображение
молнии
1. Создать изображение – заготовку размером 250х250
точек.
2. Создать фон: залить изображение градиентной
заливкой от черного (0, 0, 0) до серого (191, 191, 191).
Рис.39. Фон молнии
3. Создать заготовку для будущей линии молнии:
− создать новый слой;
− применит к новому слою Фильтры – Визуализация
– Облака – Плазма;
Нужно
подобрать
такое
зерно,
чтобы
просматривался участок в виде линии одного цвета,
отличного от фона плазмы.
Рис.40. Подбор
плазмы для молнии
− обесцветить
слой
с
плазмой
(Цвет
–
Обесцвечивание) и установить для него режим
Разница;
Чтобы молния получилась, нужно, чтобы на
этом шаге просматривалась четкая черная линия.
Рис.41. Обесцвеченная
заготовка молнии
42
− объединить слои (Слой – Объединить с
предыдущим) и инвертировать изображение (Цвет –
Инвертировать).
Рис.42. Заготовка молнии
4. Создать линию молнии:
− вызвать инструмент Цвет – Уровни;
− установить для канала Значение Уровни на входе:
Выбор черной точки 171, Гамма 0,11, Выбор белой
точки 255.
Центральный
указатель
нужно
увести
максимально вправо. Так же, чем правее черный
указатель, тем меньше корона у молнии.
Рис.43. Изображение молнии
5. Развернуть
(если
нужно)
изображение:
Изображение
Преобразование
или
Инструменты
–
Преобразование – Вращение.
6. Добавить цвет: Цвет – Цветовой баланс:
Изменяемый диапазон Полутона, Цветовые уровни 35, 0, 100.
–
Рис.44. Молния
с добавлением цвета
Самостоятельное задание. Создать законченный пейзаж с
использованием созданной молнии.
43
Лабораторная работа № 8.
Пример использования IFS-фрактал
Цель: получить представление об
особенностях построения фрактальных
изображений.
Задание. Создать изображение дерева на
основе фильтра IFS-фрактал (рис.45).
Рис.45. Изображение дерева,
созданного с помощью
фрактального фильтра
1. Создать новое изображение 256х256 точек.
2. Создать новый прозрачный слой для изображения дерева.
3. Задать зеленый цвет для кроны: установить зеленый в качестве цвета
переднего плана.
4. Создать изображение дерева:
− запустить Фильтры – Визуализация – Природа – IFS-фрактал. Если
была произведена работа с предыдущим изображением в этой сессии
Gimp, нажать Сбросить.
Рис.46. Заготовка фильтра IFS-фрактал
Далее будут использоваться основные действия IFS-фрактал,
такие как Переместить, Повернуть, Растянуть. Выбор этих операций
можно осуществлять следующими способами:
1. Выбор инструмента в строке меню.
2.Установка
соответствующих
параметров
на
вкладке
Пространственное преобразование под окном рисования.
2. Всплывающее меню, вызываемое правой клавишей.
44
3. Горячие клавиши (M/R/S).
5. Создать крону дерева:
− передвинуть средний треугольник в окне рисования по направлению к
центру и повернуть два верхних треугольника по окружности;
Рис.47. Формирование кроны дерева
6. Создать три компоненты для ствола дерева:
− создать новую фигуру для ствола: в IFS-фрактал нажать кнопку
Создать;
− задать цвет ствола – темно-коричневый:
• щелчком мыши выбрать новую фигуру, щелкнуть на закладку
Преобразование цветов; передвинуть два ползунка Масштабировать
оттенок и Масштабировать яркость до конца влево (это укажет IFSфрактал не смешивать цвета для этого объекта);
• поменять цвет (переключатель Простое) на темно-коричневый;
− переместить новый объект вниз и растянуть его приблизительно в 2.5
раза по вертикали (нажав кнопку Растянуть щелкнуть на объект и
тащить вниз);
− выбрать операцию Растянуть и уменьшить параметр Масштаб до
начальной высоты;
Рис.48. Создание одной компоненты ствола дерева
45
− создать еще два таких же искаженных треугольника.
Рис.49. Создание трех компонент ствола дерева
7. Построить ствол:
− выделить один из коричневых объектов (самый широкий), повернуть
его на 180 градусов и передвинуть так, чтобы его центральная точка
коснулась центра нижней части окна;
− передвинуть следующий объект (без поворотов) так, чтобы его
центральная точка была над первым объектом;
− передвинуть так же третий объект.
Рис.50. Построение ствола
8. Построить крону:
− применять операции Повернуть (параметр Масштаб) и Переместить
к трем верхним треугольникам, пока ветви не коснуться ствола;
− сделать наружные части кроны более светло-зелеными, чем внутренняя
часть: нажать на кнопку выбора цвета в диалоге Преобразование
цветов и подобрать соответствующие цвета.
46
Рис.51. Построение кроны
9. Вернуться в Gimp, нажав ОК. Для улучшения результата можно
вернуться в IFS-фрактал.
10.Добавить цветы:
− создать новый прозрачный слой;
− открыть IFS-фрактал;
− стереть ствол: выделить каждый объект ствола и нажать кнопку
Удалить;
− выделить каждую часть кроны и изменить ее цвет с зеленого на разные
оттенки розового или белого;
− выделить все объекты для цветов кнопкой Выделить все (Ctrl+A) и
слегка их растянуть, используя опцию Повернуть, параметр
Масштаб;
− прорисовать цветы: уменьшить и разделить точки фрактала:
• в строке меню выбрать Параметры визуализации (если этой опции не
видно, отобразить свернутые пункты меню, нажав на двойную стрелку
в строке меню);
• уменьшить радиус пятна до 0,3;
• уменьшить параметры Число повторов и Подразделять до 1/10 от
начальной величины, ОК.
Рис.52. Построение цветов
47
11.Добавить фон:
− в диалоге слоев выделить слой с фоном;
− выбрать цвет фона – темно-синий, цвет пера –
голубой;
− залить фон с помощью градиента.
12.Обрезать изображение, если необходимо.
Рис.53. Сведение
изображения дерева и
фона
Самостоятельное задание. Создать законченный пейзаж с
использованием фрактальных объектов цветы, деревья и кусты.
48
Лабораторная работа № 9.
Тоновая коррекция изображения
Цель: углубить навыки тоновой коррекции изображения, закрепить
навыки работы с основными инструментами тоновой коррекции.
Средства для выполнения работы:
файлы изображений для тоновой и цветовой коррекции: Boat.jpg,
Dream.jpg, Veteran.jpg, key.jpg, Fishman.jpg, Flower.jpg, Slalom.jpg,
foto.jpg.
Задание 1. Осуществить тоновую коррекцию изображения с
помощью инструмента Уровни.
1. Открыть изображение для тоновой коррекции (Boat.jpg).
2. Выбрать инструмент Уровни: Цвет – Уровни.
Визуальный анализ изображения показывает, что яркостной спектр
изображения смещен в область темных тонов (теней). Это
подтверждается гистограммой. Необходима корректировка исходного
спектра путем перераспределения его в область светов.
3. Установить возможность отображения результатов коррекции в окне
просмотра: флажок Предварительный просмотр.
4. В раскрывающемся списке Канал выбрать Значение.
5. Установить новое значение белой точки 189:
− переместить расположенный под гистограммой правый светлый
треугольник влево до значения 189 или ввести это число в правое поле
раздела Уровни на входе (всем цветам в диапазоне 189-225 будет
назначен «чистый» белый цвет (255, 255, 255)), изображение заметно
посветлело.
6. Установить новое значение черной точки 6:
− переместить вправо левый черный треугольник до значения, равного 6
или введите его в левое поле раздела Уровни на входе (всем пикселям,
расположенным в диапазоне яркостей от 0 до 6, будет назначен
«чистый» черный цвет (0, 0, 0)), изображение немного потемнело, а
контрастность увеличилась.
7. Добавить яркости средним тонам:
− переместить средний треугольник влево до значения 1,18.
Изображение стало более светлым, а контрастность понизилась.
8. Повысить контрастность изображения – задать новый динамический
диапазон яркостей:
− установить новые граничные значения яркостной шкалы равными 20 и
235: в разделе Уровни на выходе переместить правый и левый
треугольники до соответствующих значений.
49
Новый динамический диапазон яркостей содержит теперь 215 градаций
вместо 255. В результате все промежуточные градации яркости
изображения будут приведены к этому диапазону, и контрастность
повысится.
9. Нажать ОК и сохранить результат работы в новом файле Boat1.jpg.
10.Самостоятельно провести новую тоновую коррекцию изображения
Boat.jpg и сохраните в файле Boat2.jpg.
Задание 2. Осуществить тоновую коррекцию изображения с
помощью инструмента Кривые.
1. Открыть изображение для тоновой коррекции (файл Boat.jpg).
2. Выполнить команду Цвет – Кривые. Откроется диалоговое окно
Кривые.
3. Установить
флажок
Предварительный
просмотр.
4. Осветлить изображение, изобразить вид
кривой как на рисунке 54.
5. В окне Кривые нажать ОК для закрытия окна
и сохранения коррекции изображения.
Рис.54. Настройка инструмента
Кривые для осветления
изображения
6. Сохранить изображение в файле Boat3.jpg.
Используя команду Цвет – Уровни, сравнить его с изображением
Boat1.jpg, полученным с помощью команды Уровни. Визуальное сходство
подтверждается близкими для обоих изображений гистограммами.
Таким образом, разные инструментальные средства обеспечивают
практически идентичные результаты коррекции исходного изображения.
7. Самостоятельно выполнить новую коррекцию изображения Boat.jpg с
помощью кривой и сохранить результат в файле Boat4.jpg.
Задание 3. Осуществить тоновую коррекцию изображения с
помощью инструмента Яркость-Контраст.
1. Открыть изображение с высокой контрастностью для тоновой
коррекции (Dream.jpg).
2. Осуществить коррекцию яркости и контраста изображения:
− выбрать инструмент Яркость-Контраст: Цвет – ЯркостьКонтраст.
50
− повысить яркость изображения: в диалоговом окне в поле параметра
Яркость ввести значение 24 или переместить движок параметра
вправо.
− снизить контраст изображения: переместить движок параметра
Контраст влево до значения -26;
− нажать ОК.
3. Сохранить файл.
Изображение стало мягче, небо приняло более естественный цвет,
повысилась освещенность, но при этом сократилось число некоторых
деталей в области светов.
Самостоятельное задание 1. Осуществить тоновую коррекцию
изображения (файл Veteran.jpg) с помощью инструментов ЯркостьКонтраст, Уровни и Кривые.
Задание 4. Создать копию изображения, используя инструмент
Штамп.
1. Открыть файл изображения,
копия которого будет создаваться
(key.jpg).
2. Создать новое изображение размером 300 х 300 пикселей.
3. Создать копию изображения:
− выбрать инструмент Штамп, на панели свойств установить размер
кисти 19x19.
− установить указатель инструмента на верхнюю часть ключа (источник
копирования);
− удерживая клавишу Ctrl, щелкнуть мышью для задания клонируемого
образца;
− переместить указатель инструмента в окно нового изображения, то
есть на то место, куда нужно скопировать образец (приемник
изображения);
− нажав левую кнопку мыши и не отпуская ее, двигать мышь для
попиксельного переноса изображения в новое место; старое
изображение-источник при этом также сохраняется. При этом по
источнику изображения двигается крестик, который указывает на
клонируемую часть.
4. Самостоятельно создать в файле с ключом копию его части с помощью
штампа.
Самостоятельное
задание
2.
Осуществить
коррекцию
изображения Fishman.jpg: с помощью инструмента Штамп удалить с
фотографии зрителя, оставив только рыбака (заштамповать зрителя
водной гладью).
51
Самостоятельное задание 3. Размыть изображение ключа (файл
key.jpg) с помощью инструментов Резкость или размывание и
Размазывание (Палец).
Задание 5. Осуществить тоновую коррекцию цветка: осветлить
нижний лист цветка и затемнить бутон (файл Flower.jpg).
1. Осветлить нижний лист цветка:
− выбрать
инструмент
Осветление/Затемнение,
установить
переключатель Осветлить;
− в списке Кисть выбрать кисть небольшого размера;
− осветлить нижний лист цветка, передвигая мышь по листу.
2. Затемнить бутон цветка:
− выбрать
инструмент
Осветление/Затемнение,
установить
переключатель Затемнить;
− затемнить бутон цветка, передвигая по нему мышью.
Задание 6. Выполнить ретушь черно-белой фотографии.
Общее правило при ретушировании любых изображений: устранять
сначала глобальные дефекты, затем – локальные.
1. Загрузить изображение для ретуширования (Slalom.jpg).
2. Очертить область изображения, содержащую
сюжетно важную часть фотографии (рис. 55),
используя инструмент Кадрирование.
Если черно-белая фотография сохранена в
режиме RGB модели, то удобно ее сначала
преобразовать в модель Градации серого
для
уменьшения объема файла с помощью команды
Изображение – Режим – Градации серого.
Рис.55. Выделение
сюжетно-важного
фрагмента фотографии
3. Осуществить предварительный анализ изображения:
− выполнить команду Цвет – Уровни;
Из предварительного анализа видно, что фотография содержит
дефекты, связанные с отсутствием областей светов и теней, что
требует коррекции диапазона по яркости. Основная масса пикселей
смещена в область светлых полутонов, отсутствуют пиксели ниже
уровня 40 и выше 240, то есть динамический диапазон составляет всего
200 вместо 255. Основная информация сгруппирована в области
градаций 150 – 200. Изображение нуждается в тоновой коррекции.
4. Осуществить автоматическую коррекцию: в диалоговом окне щелкнуть
по кнопке Авто. Это приведет к преобразованию наиболее темных
52
пикселей в черные, а самых светлых – в белые. В полях для вводных
значений появятся новые значения. Движки регуляторов белой и черной
точек сместятся в соответствующие этим цифрам позиции. В результате
контраст повысится, а вуаль исчезнет, появятся черные и белые
области. Если полученные изменения не устраивают, можно проделать
коррекцию фотографии вручную.
5. Сохранить промежуточный результат в файле Slalom1.xcf
Не сохраняйте промежуточные изображения в формате JPG. Если
придется возвратиться к промежуточному результату, будет считан
файл более низкого качества, чем исходный, так как компрессия с
потерей качества каждый раз будет применяться к текущему
изображению, что приведет к его постепенной деградации.
6. С помощью инструмента Штамп устранить на очках лыжницы
царапину:
− подобрать удобный для работы масштаб изображения, используя
комбинацию клавиш Shift + «+» (увеличение масштаба);
− выбрать инструмент Штамп, параметры: Непрозрачность – 100%,
Режим – Нормальный;
− выбрать небольшую мягкую кисть из раскрывающегося списка Кисть;
− удерживая клавишу Ctrl, щелкнуть мышью на фрагменте «хорошей»
области изображения, расположенной в непосредственной близости с
дефектной области, устанавливая источник изображения;
− отпустить клавишу Ctrl и щелкнуть мышью на области царапины. На
участок царапины, который указан мышью, накладывается выбранный
источник изображения, исправляя данный дефект;
− повторять предыдущий шаг до полного удаления царапины на очках
лыжницы.
7. Аналогично проштамповать все дефекты на костюме лыжницы и на ее
лице.
8. Сохранить результат в файле Slalom2.tif.
9. Убрать пятна на снеге:
− выбрать инструмент Размазывание (Палец);
− выбрать мягкую кисть среднего размера;
− выполнить инструментом Палец «размазывание» снега, убирая пятна.
Мелкие пятна можно удалять также инструментом Размывание.
Следует всегда учитывать, что инструменты Палец и Размытие
нарушают фактуру обрабатываемой поверхности. Поэтому применять
их необходимо с предельной осторожностью, так как при неумелом
использовании вместо одного вы можете внести другой локальный
дефект.
53
10.Повысить резкость изображения. Исходная фотография сама по себе
была недостаточно резкой. После применения различных инструментов
в ходе ее коррекции она стала еще более размытой. Для повышения
резкости изображения применить фильтр, повышающий контраст:
Фильтры – Улучшение – Повышение резкости.
11.Сохранить окончательный результат в виде файла Slalom3.tif.
Самостоятельное задание 4. Отретушировать
фотографию (файл foto.jpg).
Рис.56. Фотография с дефектами,
нуждающаяся в тоновой
коррекции
54
Лабораторная работа № 10.
Цветовая коррекция изображения
Цель: углубить навыки цветовой коррекции изображения, закрепить
навыки работы с основными инструментами цветокоррекции.
Средства для выполнения работы:
файлы изображений для цветовой коррекции: redeye.jpg, hippie_a.jpg,
hippie_b.jpg, tulip.jpg, green.gif.
Задание 1. Освоить технологию применения инструмента
Цветовой баланс для цветокоррекции изображения.
1. Загрузить изображение для цветовой коррекции, при необходимости
выделить нужный фрагмент изображения.
2. Выбрать инструмент Цветовой баланс: Цвет – Цветовой баланс.
3. Установить один из переключателей: Тени, Полутона, Светлые части.
Если редактируется все изображение, то рекомендуется начинать
цветовую коррекцию с области полутонов, так как на них обычно
приходится порядка 90% всего изображения.
4. Проверить установку флажка Сохранить яркость. Это предотвратит
нежелательное изменение яркости редактируемого изображения при
осуществлении цветового сдвига. Если изменение яркости некритично
можно снять этот флажок.
5. Перемещением соответствующих движков установить значения
цветового сдвига для каждого из трех компонентов цвета.
Изменяющиеся значения чисел в соответствующих полях ввода
свидетельствуют о количественной величине сдвига. Она может быть
установлена в диапазоне от 0 до 100 (в направлении красного, зеленого
и синего) и от 0 до -100 (в направлении голубого, пурпурного и
желтого).
6. Выполнить аналогичную настройку для темных и светлых тонов. Если
полученный результат не удовлетворяет, нажать кнопку Сбросить или
Отменить и повторить описанную процедуру еще раз.
7. Для применения к изображению сделанных корректировок нажать
кнопку ОК.
Задание 2. Устранить эффект красных глаз с помощью
Цветового баланса.
1. Открыть файл для цветовой коррекции (redeye.jpg).
2. Увеличить масштаб изображения.
3. Выделить область глаза с помощью Эллиптического выделения.
4. Вызвать окно Цветового баланса.
5. Откорректировать цвет глаза.
55
6. Аналогично проделать операцию цветокоррекции для второго глаза.
7. Сохранить файл.
Самостоятельное задание 1. Осуществить цветовую коррекцию
фотографий (файлы hippie_a.jpg, hippie_b.jpg): изменить цвет глаз на
1) голубой, 2) зеленый..
Задание 3. Создать букеты цветных тюльпанов с помощью
инструмента Тон-Насыщенность.
1. Открыть файл для цветовой коррекции (tulip.jpg).
2. Выделить цветки тюльпанов инструментом Выделение смежных
областей или Выделение по цвету.
3. Вызвать окно инструмента Тон-Насыщенность.
4. Передвигая ползунки изменить цвет тюльпанов. Нажать ОК.
5. Сохранить файл под именем tulip1.jpg.
6. Открыть файл для цветовой коррекции (tulip.jpg).
7. Изменить цвет бутонов, листьев и стеблей тюльпанов.
8. Сохраните файл под именем tulip2.jpg.
Самостоятельное задание 2. Используя команду замены цвета:
Цвет – Тонирование изменить цвет кленового листа из файла green.gif
на коричневый, затем на желтый. Изображения сохранить.
56
Лабораторная работа № 11.
Имитация дождя
Цель: усвоить основы создания анимированных изображений.
Задание. Создать для изображения эффект дождя
1. Открыть исходное изображение, к которому будет применен эффект
дождя.
2. Создать заготовки слоев - капель дождя:
− создать две копии исходного слоя;
− над каждым изображением создать белый слой. В итоге – 6 слоев;
3. Создать стоп-кадры дождя:
− для каждого белого слоя проделать операцию:
Фильтры – Шум – Шум RGB. Это стопкадры дождя, а каждая точка – капля. Двигая
ползунки,
создать
дождь
нужной
интенсивности, например, установить канал
альфа на показателе 0,60.
Рис.57. Создание капель дождя
4. Создать падающие капли дождя:
− Для белых слоев применить Фильтры –
Размывание – Размывание движением. Тип
размывания Линейное, Длина 33, Угол 82.
5. Выставить для каждого белого слоя режим
«умножение».
Рис.58. Задание падения капель
6. Объединить каждый белый слой с предыдущим слоем с изображением.
В итоге – три слоя.
7. Применить Фильтры – Анимация – Воспроизведение. Если нужен
более заметный, зрелищный дождь, можно увеличить интенсивность
шума в пункте 3.
8. Сохранить файл как gif – анимацию, просмотреть результат.
57
Литература
Основная
1. Залогова Л.А. Компьютерная графика. Элективный курс: Учебное
пособие / Л.А.Залогова. – 2-е изд. – М.: БИНОМ. Лаборатория ззхнаний,
2006 г. – 212 с. ил.: ил.
2. Компьютерная графика: Учебник для вузов. 2-е изд. (+CD_/
М.Н.Петров, В.П.Молочков. – СПб.: Питер, 2004. – 811 с.: ил.
3. Рейнбоу В. Компьютерная графика / Рейнбоу В. - СПб.: Питер, 2003. 768 с.: ил.
4. Шнейдеров В. С. Рисунок на компьютере : самоучитель / Шнейдеров В.
С. - СПб.: Питер, 2004. - 282 с.: ил.
Дополнительная
1. Барон С. Цифровая фотография для начинающих: пер. с англ. /
Барон С., Пек Д. – КУДИЦ-ОБРАЗ, 2004. – 256 с.: ил.
2. Бурлаков М. В. Самоучитель Adobe Photoshoр CS / Бурлаков М. В. СПб. : БХВ-Петербург, 2004. - 720 с.: ил.
3. Гурский Ю. Компьютерная графика: Photoshop CS, CorelDRAW 12,
Illustrator CS. Трюки и эффекты (+CD) / Гурский Ю., Гурская И.,
Жвалевский А. - СПб.: Питер, 2005. - 812 с.: ил.
4. Заика А. Цифровое фото и ретушь в Photoshoр CS / Заика А. - СПб. :
Питер, 2005. - 416 с.: ил.
5. Иванова Т.М. Компьютерная обработка информации. Допечатная
подготовка (+CD). – СПб.: Питер, 2004. – 367 с.: ил.
6. Кириленко А. Photoshop CS – стань профессионалом! Самоучитель. –
СПб.: Питер; Киев: Издательская группа BHV, 2004. – 448 с.: ил.
7. Компьютерная графика: Учебник (+CD) / М.Н. Петров, В.П. Молочков.
– СПб.: Питер, 2003. – 736 с.: ил.
8. Куприянов Н.И. Рисуем на компьютере: Word-Photoshop, CorelDRAWFlash / Куприянов Н.И. – СПб.: Питер, 2006. – 128 с.: ил.
9. Кэмпбелл М. Компьютерная графика: [полное руководство] / Марк
Кэмпбелл; [пер. с англ. А. Н. Степановой]. - М.: АСТ, 2007; Астрель. 382, [2] с.: ил.
10.Левковец Л. Б. Уроки компьютерной графики. Photoshoр CS : учеб. курс
/ Левковец Л. Б. - СПб. : Питер, 2005. - 361 с.: ил.
11.Леонтьев Б. К. Энциклопедия дизайна и графики на персональном
компьютере / Леонтьев Б. К. - М. : Новый издательский дом, 2004. 1040 с.: ил.
58
12.Молочков В.П. Компьютерная графика для Интернета /
Молочков В.П. – СПб.: Питер,2004. – 368 с.: ил.
13.Мураховский В. И. Азбука цифрового фото / Мураховский В. И.,
Симонович С. В. - СПб.: Питер, 2006. - 144 с.: ил.
14.Мураховский В. И. Цифровое фото. Ступени мастерства / Мураховский
В. И. - СПб.: Питер, 2006. - 144 с.: ил.
15.Панкратова Т. В. Обработка цифровых фотографий / Панкратова Т. В. СПб.: Питер, 2006. - 272 с.: ил. + CD-ROM.
16.Панкратова Т. В. Photoshop CS : учеб. курс / Панкратова Т. В. - СПб.:
Питер, 2004. - 587 с.: ил. + CD-ROM.
17.Херн Д., Бейкер М.П. Компьютерная графика и стандарт OpenGL, 3-е
издание.: Пер. с англ. – М.: Издательский дом «Вильямс», 2005. – 1168
с. (+48 с. цв.ил.): ил.
Интернет-ресурсы
1. Закрытый клуб успешных дизайнеров [Электронный ресурс] / Режим
доступа: http://gimpmania.ru/
2. Официальный сайт программы Gimp [Электронный ресурс] / Режим
доступа: http://www.gimp.org/
3. Руководство пользователя по Gimp [Электронный ресурс] / Режим
доступа: http://docs.gimp.org/ru/ GNU Image Manipulation Program
4. Уроки по Gimp [Электронный ресурс] / Режим доступа:
http://www.progimp.ru/
5. Уроки по Gimp [Электронный ресурс] / Режим доступа:
http://solnushki.ru/creative/tutor/gimp/
59
Приложение 1
Вопросы для собеседования по теме «Компьютерная
графика. Растровый графический редактор Gimp».
1. Основы работы с цветом. Цвет и окраска. Характеристики источника
цвета. Особенности восприятия цвета человеком.
2. Основы работы с цветом. Элементы цвета. Свет и цвет. Излученный и
отраженный свет. Спектральные характеристики отражения и
пропускания. Яркостная и цветовая информация.
3. Цветовые модели: понятие. Типы цветовых моделей. Способы описания
цвета.
4. Аддитивные цветовые модели: механизм формирования цвета.
RGB-модель. Первичные и вторичные цвета. Параметры цвета.
5. Субтрактивные цветовые модели: механизм формирования цвета. CMYи CMYK-модели.
6. Перцепционные цветовые модели: механизм формирования цвета.
HSB-модель.
7. Цветовые режимы: понятие. Режим черно-белой графики. Режим RGB
Color.
8. Разрешение и графические форматы. Форматы графических
изображений. Растровые форматы. Универсальные графические
форматы.
9. Растровая графика. Средства для работы с растровой графикой.
10.Инструментальные средства растровых редакторов. Инструменты
выделения. Каналы и маски. Маска и понятие альфа-канала.
11.Инструментальные средства растровых редакторов. Инструменты и
методы ретуширования. Инструменты локального ретуширования.
Фильтры для ретуши.
12.Инструментальные средства растровых редакторов. Гистограммы.
Тоновая коррекция изображения.
13.Растровая графика. Цветовая коррекция и цветовой баланс. Инструмент
Тон/Насыщенность.
14.Растровая графика: фильтры и спецэффекты. Работа со слоями. Монтаж
изображений (коллажи).
15.Преимущества и недостатки растровой графики.
60
Приложение 2
Словарь терминов (глоссарий)
Альфа-канал (Alpha channel) – 8-битовый канал, резервируемый для
маскирования или дополнительной информации о цвете.
Баланс по серому – комбинация цветных красок, соответствующая
нейтральному серому (для цветной RGB-модели серый тон получается при
равенстве всех трех цветовых компонент этой модели).
Баннер (banner) – крупный заголовок во всю ширину полосы.
Канал (channel). Единичный слой информации в графическом файле. В
файле CMYK каналы представляют информацию для каждой фотоформы.
Кернинг – установка расстояния между двумя символами для лучшего
зрительного восприятия.
Комплиментарный цвет. Цвет, который формируется вычитанием
другого цвета из белого. Например, при вычитании голубого (cyan) из
белого получается красный (red).
Насыщенность (цвета) – мера чистоты цвета, определяющая количество
содержащегося в нем серого. Чем выше содержание серого, тем ниже
насыщенность цвета.
Непрозрачность – характеристика, определяющая способность объектов
на данном слое закрывать объекты на других слоях, более удаленных от
точки наблюдения.
Окраска – способность предмета отражать излучение в том или ином
диапазоне длин волн
Пиксел – наименьший дискретный элемент оцифрованного изображения.
Разрешение (разрешающая способность, пространственное разрешение)
изображения. Характеризует степень детализации изображения.
Измеряется в пикселах на дюйм (ppi). Чем выше разрешение изображения,
тем лучше детализация и тем больше объем соответствующего ему файла.
Разрешение оптическое (оптическая разрешающая споосбность). Число
пикселов на дюйм (ppi), получаемое прямой дискретизацией.
Ретуширование – процесс обработки вручную иллюстрации или пленки
путем очистки или изменения различных деталей изображения.
Слой, уровень (layer). Графические программы способны обеспечивать
наличие нескольких отдельных изображений (слоев), которые при
наложении дают окончательную картинку. Каждым слоем можно
управлять и манипулировать независимо от других слоев. Это свойство
графических программ часто используется при работе со сложными
изображениями, например, для видеомонтажа или создания коллажа.
Точка черного (black point). Точка, определяющая самые темные участки
изображения по которым регулируются все остальные части изображения
в области теней.
61
Цвет – понятие, включающее окраску и условия освещения
Цвета базовые – цвета, с помощью которых можно получить практически
весь спектр видимых цветов.
Цветовая модель (color model). Способ представления информации о
цвете в цифровых изображениях.
Banner head – рекламный заголовок с гипертекстовыми ссылками на webстранице.
Bitmap – битовая карта. Цифровое (растровое) изображение,
представленное в виде матрицы пискелов. Цвет каждого пиксела
определяется числом битов.
Blur – размытие. Способ имитации размытого изображения
быстродвижущегося объекта.
CMYK (cyan-magenta-yellow-black) – голубой, пурпурный, желтый,
черный. Основные цвета в печатном процессе. CMY – основные цвета
субтрактивного синтеза.
Cropping – обрезка, кадрировка. Вырезание, копирование выделенного
фрагмента изображения.
Didot point – пункт Дидо, французский пункт. Единица измерения размера
шрифта, принятая в типографской системе мер. Один пункт Дидо равен
0,376 мм. Синоним: French point.
Dpi (dots per inch) – точек на дюйм. Единица измерения разрешающей
способности устройств ввода-вывода, применяемых для работы с
растрированными изображениями.
Font — шрифт. Конечный набор символов определенного стиля, размера и
начертания, имеющий свое название. Шрифты, применяемые в
электронных издательских системах, подразделяются на растровые и
векторные. В растровых шрифтах каждый символ представляется в виде
совокупности пикселов по определенному для него шаблону. При этом в
отличие от векторных шрифтов для каждого размера (кегля) шрифта
требуется свой шаблон. Векторные шрифты базируются на
математическом описании каждого символа в виде набора векторов
определенного размера и направления. Данный тип шрифтов легко
масштабируется простым умножением или делением базовых величин
(длин) векторов на коэффициент масштабирования.
Lpi (lines per inch) – линий на дюйм (лин/дюйм). Линиатура растра, с
которой печатается полутоновое изображение, обычно от 55 до 200 lpi.
Midtone – средние тона (изображения), значения градаций серого,
расположенных посередине между светами и тенями, то есть в районе 50%
черного, или 128 в 24-битной системе цветопередачи.
RGB (Red, Green, Blue) – красный, зеленый, синий. Первичные (базовые)
цвета аддитивной модели цвета.
62
Мелехина Ольга Витальевна
РЕДАКТОР РАСТРОВОЙ ГРАФИКИ GIMP
Сборник лабораторных работ
Подписано в печать 15.12.2011 г. Формат 60×90/8.
Усл. печ. л. 3,9. Тираж 50 экз.
Отпечатано в редакционно-издательском отделе (РИО) МГГУ
с готового оригинал-макета.
Мурманский государственный гуманитарный университет.
183720, г. Мурманск, ул. Капитана Егорова, 15.
63
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
МУРМАНСКИЙ ГОСУДАРСТВЕННЫЙ ГУМАНИТАРНЫЙ УНИВЕРСИТЕТ
О.В. Мелехина
РЕДАКТОР РАСТРОВОЙ ГРАФИКИ GIMP
МУРМАНСК
2012
64
Документ
Категория
Без категории
Просмотров
14
Размер файла
1 258 Кб
Теги
GIMP, растровое, график, мелехинаов, редактора
1/--страниц
Пожаловаться на содержимое документа