close

Вход

Забыли?

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

?

Широкова И.Э., Гончарова Н.Ю. Графический редактор Adobe Photoshop: учебное пособие

код для вставкиСкачать
Иркутск: ИПКРО, 2010. – 96 с.
Министерство образования и науки РФ
Иркутский институт повышения квалификации работников
образования
Широкова И.Э., Гончарова Н.Ю.
Графический редактор Adobe Photoshop
Учебное пособие
Иркутск, 2010
1
Печатается по решению Редакционно-издательского совета Иркутского ИПКРО
УДК 371.01
ББК 74.262
Ш 64
Широкова И.Э., Гончарова Н.Ю. Графический редактор Adobe Photoshop:
учебное пособие. – Иркутск: ИПКРО, 2010. – 96 с.
Рецензенты:
Иванова Е.Н. – кандидат педагогических наук, доцент, зав. кафедрой ИиМОИ
ГОУ ВПО «Восточно-Сибирская государственная академия образования»
Мелехов Е.В. - кандидат технических наук, доцент ГОУ ВПО «Иркутский
государственный технический университет»
Данное пособие содержит теоретические основы, практические задания,
задания для самостоятельного выполнения по созданию и редактированию
графической информации в редакторе Adobe Photoshop. Все материалы пособия
сопровождаются примерами и иллюстрациями.
Пособие имеет модульную структуру, что позволяет изучать широкие
возможности этого редактора в зависимости от уровня подготовки учащихся.
Рекомендуется учителям информатики и ИКТ, графики, ИЗО, а также
школьникам и студентам, изучающим редактор Adobe Photoshop.
К пособию прилагается диск с учебно-методическими материалами для
выполнения практических заданий.
ISBN 978-5-91344-188-1
© Иркутский ИПКРО, 2010
© Широкова И.Э., Гончарова Н.Ю., 2010
2
Содержание
МОДУЛЬ 1. ОСНОВНЫЕ ПОНЯТИЯ КОМПЬЮТЕРНОЙ
ГРАФИКИ
Тема 1.1. Понятие компьютерной графики
Тема 1.2. Цвет и его модели
Тема 1.3. Типы изображений и форматы графических файлов
Тема 1.4. Графические редакторы
5
МОДУЛЬ 2. ОСНОВНЫЕ ПРИНЦИПЫ РАБОТЫ
В РЕДАКТОРЕ ADOBE PHOTOSHOP
Тема 2.1. Интерфейс программы
Тема 2.2. Работа с документами
ПРАКТИЧЕСКАЯ РАБОТА № 1
МОДУЛЬ 3. ВЫДЕЛЕНИЕ ОБЛАСТЕЙ ИЗОБРАЖЕНИЯ
Тема 3.1. Инструменты для выделения областей изображения
ПРАКТИЧЕСКАЯ РАБОТА № 2
Тема 3.2. Работа с выделенными областями: масштабирование,
поворот, искажение.
ПРАКТИЧЕСКАЯ РАБОТА №3
МОДУЛЬ 4. РАБОТА СО СЛОЯМИ
Тема 4.1. Понятие слоя, многослойные изображения
ПРАКТИЧЕСКАЯ РАБОТА №4
Тема 4.2. Эффекты слоя
ПРАКТИЧЕСКАЯ РАБОТА №5
МОДУЛЬ 5. РИСОВАНИЕ.
Тема 5.1. Работа с инструментами Brush Tool (Кисть), Pencil
Tool(Карандаш), Eraser Tool (Ластик). Создание собственной кисти.
ПРАКТИЧЕСКАЯ РАБОТА №6.
Тема 5.2. Градиент.
МОДУЛЬ 6. МАСКИ И КАНАЛЫ.
ПРАКТИЧЕСКАЯ РАБОТА №7.
МОДУЛЬ 7. РАБОТА С ТЕКСТОМ
ПРАКТИЧЕСКАЯ РАБОТА №8.
МОДУЛЬ 8 . ТОНОВАЯ И ЦВЕТОВАЯ КОРРЕКЦИЯ
ИЗОБРАЖЕНИЯ.
Тема 8.1. Коррекция тонового диапазона.
ПРАКТИЧЕСКАЯ РАБОТА №9
Тема 8.2. Цветовая коррекция изображения.
22
ПРАКТИЧЕСКАЯ РАБОТА №10.
МОДУЛЬ 9. ХУДОЖЕСТВЕННАЯ ОБРАБОТКА
ФОТОГРАФИЙ.
Тема 9.1. Методы устранения дефектов с фотографий.
52
54
3
5
9
14
18
22
23
25
29
29
29
31
31
33
33
34
36
36
38
38
40
42
44
44
46
47
49
49
49
52
54
ПРАКТИЧЕСКАЯ РАБОТА №11.
Тема 9.2. Фотомонтаж и коллаж.
ПРАКТИЧЕСКАЯ РАБОТА №12. Фотомонтаж.
ПРАКТИЧЕСКАЯ РАБОТА №13. Коллаж.Создание каты желаний
МОДУЛЬ 10. РАБОТА С ВЕКТОРНЫМИ ОБЪЕКТАМИ.
Тема 10.1. Пути.
ПРАКТИЧЕСКАЯ РАБОТА №14.
Тема 10.2. Фигуры.
ПРАКТИЧЕСКАЯ РАБОТА №15.
МОДУЛЬ 11. ФИЛЬТРЫ
ПРАКТИЧЕСКАЯ РАБОТА №16.Создание различных эффектов с
помощью фильтров.
ПРАКТИЧЕСКАЯ РАБОТА №17.Текстуры.
ПРАКТИЧЕСКАЯ РАБОТА №18.Создание художественного
текста.
МОДУЛЬ 12. СОЗДАНИЕ АНИМИРОВАННЫХ
ИЗОБРАЖЕНИЙ.
ПРАКТИЧЕСКАЯ РАБОТА №19. Новогодняя елка.
4
55
56
56
57
60
60
61
69
69
73
73
82
87
95
95
МОДУЛЬ 1. ОСНОВНЫЕ ПОНЯТИЯ КОМПЬЮТЕРНОЙ ГРАФИКИ
Тема 1.1. Понятие компьютерной графики
Основное назначение компьютерной графики – визуализация, построение
изображения графического объекта по его описанию (прикладной модели).
В зависимости от области применения к визуализации предъявляются
различные требования: скорость построения, качество изображения,
реалистичность, эстетические характеристики, достоверность и другие, которые
должны учитываться графической программой1.
Изображение строится на основе прикладной модели, являющейся
внутренним
(программным)
представлением
графического
объекта,
задаваемого в пространстве той или иной размерности.
Компьютерная графика – это создание, хранение и обработка моделей
объектов и их изображений с помощью компьютера.
Одно и то же изображение может быть представлено в памяти компьютера
двумя принципиально различными способами. Поэтому компьютерная графика
по способу кодирования может быть разделена на два основных типа:
векторная и растровая (точечная).
Под растровым (bitmap, raster) понимают способ представления
изображения в виде совокупности отдельных точек (пикселей) различных
цветов или оттенков.
Возьмем любой растровый рисунок и увеличим его в несколько раз. Стало
видно, что изображение состоит из конечного числа «квадратиков»
определенного цвета. Эти квадратики и называют пикселями.
Теперь каким-либо образом занумеруем цвета. Пойдем по порядку слева
направо и сверху вниз и будем выписывать номер цветов встречающихся
пикселей. Мы получили, так называемую битовую карту изображения.
Рис. 1. Представление растрового изображения в памяти компьютера.
В векторной графике все изображения описываются в виде
математических объектов – контуров (path), т.е. разбиение изображения на ряд
графических примитивов – точки, прямой, ломанной, дуги, многоугольника.
1
Яхонтов В.Н. Компьютерная графика. – М.: ТИСБИ, 2003. С.3.
5
Рис. 2. Представление векторного изображения в памяти компьютера.
При использовании векторного представления изображение хранится в
памяти компьютера как база данных описаний примитивов. Векторное
изображение может быть легко масштабировано без потери деталей.
Таблица 1
Достоинства и недостатки растровой и векторной графики
Графика

Р
А
С
Т

Р
О 
В
А
Я
Достоинства
Недостатки
Простота, техническая

реализуемость автоматизации
ввода (оцифровки)
изобразительной информации;
Фотореалистичность;

Форматы файлов являются
стандартными, легко
открываются и импортируются в
редакторах точечной и
векторной графики, браузерах.

Векторное изображение может
быть легко масштабировано без
В
потери качества;
Е

Файлы, в которых хранятся
К
векторные изображения, имеют 
Т
существенно меньший, по
О
сравнению с растровыми, объем;
Р
Векторная графика
Н 
максимально использует

А
возможности разрешающей
Я
способности любого выводного
устройства.
6
Объем файла в точечной графике
однозначно определяется
произведением площади
изображения на квадрат разрешения
и на глубину цвета;
При любых трансформациях
(поворотах, масштабировании,
наклонах и т.д.) в точечной графике
невозможно обойтись без
искажений.
Ограничена в живописных
средствах и не предназначена для
создания фотореалистичных
изображений;
Сложность векторного принципа
описания изображения не позволяет
автоматизировать ввод графической
информации в память компьютера;
Наличие проблемы обмена
векторными изображениями между
графическими редакторами.
Пиксели, разрешение, размер изображения
Изображение на экране состоит из маленьких ячеек. Каждая из них может
иметь определенный цвет. Такая ячейка получила название пикселя (pixel).
Совокупность пикселов составляет матрицу и образует изображение на экране.
В зависимости от модели монитора параметры матрицы в пикселях могут
изменяться: 640×480, 800×600, 1024×768, 1600×1200 и т.д.
Величина матрицы не влияет на физический размер экрана и не зависит от
него. Чем больше матрица на одном и том же экране, тем размер ячейки
меньше, а, стало быть, качество изображения лучше.
Таким образом, под разрешением (resolution) следует понимать степень
детализации изображения, число пикселей (точек) отводимых на единицу
площади.
Следует
четко
различать: разрешение
экрана;
разрешение
печатающего устройства; разрешение изображения.
Все эти понятия относятся к разным объектам. Друг с другом эти виды
разрешения никак не связаны, пока не потребуется узнать, какой физический
размер будет иметь картинка на экране монитора, отпечаток на бумаге или
файл на жестком диске.
Разрешение экрана (экранного изображения) — это свойство
компьютерной системы (зависит от монитора и видеокарты) и операционной
системы (зависит от настроек Windows). Разрешение экрана измеряется в
пикселях и определяет размер изображения, которое может поместиться на
экране целиком. Для измерения экранного разрешения используют обозначение
ppi (pixel per inch).
Разрешение принтера (печатного изображения) — это свойство
принтера, выражающее количество отдельных точек, которые могут быть
напечатаны на участке единичной длины (растра). Оно измеряется в единицах
dpi (точки на дюйм) и определяет размер изображения при заданном качестве
или, наоборот, качество изображения при заданном размере. В зависимости от
сорта бумаги выбирают следующие величины частоты растра: для газетной
бумаги - 70-90 lpi, для бумаги среднего качества - 90-100 lpi, для глянцевой 133 lpi и выше.
Разрешение изображения (оригинала) — это свойство самого
изображения. Разрешение оригинала используется при вводе изображения в
компьютер и измеряется в точках на дюйм (dots per inch – dpi), задается при
создании изображения в графическом редакторе или с помощью сканера.
Установка разрешения оригинала зависит от требований, предъявляемых к
качеству изображения и размеру файла. В общем случае действует правило:
чем выше требования к качеству, тем выше должно быть разрешение
оригинала.
Значение разрешения изображения хранится в файле изображения и
неразрывно связано с другим свойством изображения — его физическим
размером.
Физический размер изображения может измеряться как в пикселях, так и
7
в единицах длины (миллиметрах, сантиметрах, дюймах). Он задается при
создании изображения и хранится вместе с файлом.
Если изображение готовят для демонстрации на экране, то его ширину и
высоту задают в пикселях, чтобы знать, какую часть экрана оно занимает.
Если изображение готовят для печати, то его размер задают в единицах длины,
чтобы знать, какую часть листа бумаги оно займет. Нетрудно пересчитать
размер изображения из пикселей в единицы длины или наоборот, если известно
разрешение изображения (Табл. 2).
Таблица 2
Связь между линейным размером иллюстрации и размером файла
при разных разрешениях отпечатка
Разрешение
Размер отпечатка
75 dpi
150 dpi
300 dpi
600 dpi
10х15 см
380 Кбайт
1,5 Мбайт
6 Мбайт
24 Мбайт
фотоснимок
25х30 см
1,9 Мбайт
7,5 Мбайт
30 Мбайт
120 Мбайт
обложка журнала
50х30 см
3,8 Мбайт
15 Мбайт
60 Мбайт
240 Мбайт
разворот журнала
При работе с растровой графикой необходимо помнить про разрешение,
поскольку информация, описывающая изображение, прикреплена к сетке
определенного размера. Поэтому редактирование растровой графики может
привести к изменению качества изображения. Например, может появится
эффект «ступенек» изображения (рис. 3).
8 ppi
32 ppi
72 ppi
Рис. 3. Отображение экранного изображения с различным разрешением.
Таблица 3
Связь между размером иллюстрации (в пикселях)
и размером отпечатка при разных разрешениях отпечатка
Разрешение
Размер
иллюстрации, ppi
75 dpi
150 dpi
300 dpi
600 dpi
640×480
212×163 мм
108×81 мм
55×40 мм
28×20 мм
800×600
271×203 мм
136×102 мм
68×51 мм
34×26 мм
1024×768
344×260 мм
173×130 мм
88×66 мм
44×33 мм
1152×864
390×293 мм
195×146 мм
98×73 мм
49×37 мм
1600×1200
542×406 мм
271×203 мм
136×102 мм
68×51 мм
8
Тема 1.2. Цвет и его модели
Мир, окружающий человека, — это океан цвета. Цвет имеет не только
информационную, но и эмоциональную составляющую. Для многих отраслей
производства, в том числе для полиграфии и компьютерных технологий,
необходимы объективные способы описания и обработки цвета.
Понятие света и цвета
в компьютерной графике является
основополагающим. Цвета образуются в природе различным образом. С одной
стороны, источники света (солнце, лампочки, экраны компьютеров и
телевизоров) излучают свет различных длин волн, воспринимаемый глазом как
цветной свет. Попадая на поверхности несветящихся предметов, свет частично
поглощается, а частично отражается. Отраженное излучение воспринимается
глазом как окраска предметов. Таким образом, цвет объекта возникает в
результате излучения или отражения. Описание цвета может опираться на
составление любого цвета на основе основных цветов или на такие понятия как
светлота, насыщенность, цветовой тон.
В связи с необходимостью описания различных физических процессов
воспроизведения цвета, были разработаны различные цветовые модели,
позволяющие с помощью математического аппарата описать определенные
цветовые области спектра.
Цветовые модели описывают цветовые оттенки с помощью смешивания
нескольких основных цветов. Основные цвета разбиваются на оттенки по
яркости от темного к светлому и каждой градации яркости присваивается
цифровое значение (например, самой темной – 0, самой светлой – 255).
Считается, что в среднем человек способен воспринимать около 256 оттенков
одного цвета. Поэтому, любой цвет можно разложить на оттенки основных
цветов и обозначить его набором цифр – цветовых координат.
Таким образом, при выборе цветовой модели можно определять
трехмерное цветовое координатное пространство, внутри которого каждый
цвет представляется точкой. Такое пространство называется пространством
цветовой модели.
Цветовая модель RGB
Цветов огромное количество, однако, при цветовосприятии человеческим
глазом непосредственно воспринимаются три цвета — красный, зеленый,
синий. Остальные цвета образуются при смешивании этих трех основных.
Именно на данных цветах основана цветовая модель RGB – Red (красный),
Green (зеленый), Blue (синий). При сложении (смешении) двух основных
цветов результат осветляется (речь идет о световых лучах определенного цвета,
чем больше света, тем светлее).
9
Рис. 3. Цветовая модель RGB.
Если смешиваются все три цвета, в результате образуется белый. Цвета
этого типа называются аддитивными.
Смешав три базовых цвета в разных пропорциях, можно получить все
многообразие оттенков. В модели RGB количество каждого компонента
измеряется числом от 0 до 255, то есть имеет 256 градаций. Цветовые
компоненты иначе называются каналами.
RGB — трехканальная цветовая модель. Эта модель представляется в
виде трехмерной системы координат. Каждая координата отражает вклад
каждой составляющей в результирующий цвет в диапазоне от нуля до
максимального значения. Внутри полученного куба и «находятся» все цвета,
образуя цветовое пространство.
Важно отметить особенные точки и линии этой модели.
 Начало координат: в этой точке все составляющие равны нулю,
излучение отсутствует (черный цвет)
 Точка, ближайшая к зрителю: в этой точке все составляющие имеют
максимальное значение (белый цвет)
 На линии, соединяющей предыдущие две точки (по диагонали),
располагаются серые оттенки: от черного до белого (серая шкала, обычно —
256 градаций). Это происходит потому, что все три составляющих одинаковы и
располагаются в диапазоне от нуля до максимального значения
 Три вершины куба дают чистые исходные цвета, остальные три
отражают двойные смешения исходных цветов.
Применение: в этой модели кодирует изображение сканер, и отображает
рисунок экран монитора.
Цветовая модель CMYK
В цвета модели CMYK окрашено все, что не светится собственным светом.
Окрашенные несветящиеся объекты поглощают часть спектра белого света, их
освещающего. В зависимости от того, в какой области спектра происходит
поглощение, объекты окрашены в разные цвета.
10
Рис. 3. Цветовая модель CMYK.
Цвета, которые сами не излучают, а используют белый свет, вычитая из
него определенные цвета называются субтративными («вычитательными»).
Для их описания используется модель CMYK. В этой модели основные
цвета образуются путем вычитания из белого цвета основных аддитивных
цветов модели RGB.
При смешениях двух субтративных составляющих результирующий цвет
затемняется (поглощено больше света, положено больше краски).
CMYK — четырехканальная цветовая модель. С — это Cyan
(голубой), М — это Magenta (пурпурный), Y — Yellow (желтый), а (внимание!)
К — это BlасК (черный), то есть из слова взята не первая, а последняя буква.
Модел CMYK аналогична модели RGB, в которой перемещено начало
координат.
Особенные точки и линии модели.
 Начало координат: при полном отсутствии краски (нулевые значения
составляющих) получится белый
цвет (белая бумага)
 Точка,
ближайшая
к
зрителю:
при
смешении
максимальных значений всех трех
компонентов должен получиться
черный цвет.
 Линия,
соединяющая
предыдущие две точки (по
диагонали). Смешение равных
значений трех компонентов даст
оттенки серого.
 Три вершины куба дают чистые исходные цвета, остальные три
отражают двойные смешения исходных цветов.
11
Применение. Так как модель описывает реальные полиграфические
краски, ее используют для получения полиграфического оттиска. Пурпурный,
голубой, желтый цвета составляют так называемую полиграфическую триаду.
Цветовая модель HSB
Эта цветовая модель является наиболее простой для понимания. Кроме
того, она равно применима и для аддитивных, и для субстративных цветов.
HSB — это трехканальная модель цвета. Она получила название по
первым буквам английских слов: цветовой тон (hue), насыщенность (saturation),
яркость (brightness).
Рис. 4. Цветовая модель HSB.
Характеризующие параметры цвета.
 Цветовой тон (собственно цвет).
Цветовые тона или спектральные цвета располагаются на цветовом
круге. Цветовой тон характеризуется положением на цветовом круге и
определяется величиной угла в диапазоне от 0 до 360 градусов. Эти цвета
обладают максимальной насыщенностью и максимальной яркостью.
 Насыщенность (процент добавления к цвету белой краски) — это
параметр цвета, определяющий его чистоту.
Если по краю цветового круга располагаются максимально насыщенные
цвета (100%), то остается только уменьшать их насыщенность до минимума
(0%). Цвет с уменьшением насыщенности осветляется, как будто к нему
прибавляют белую краску. При значении насыщенности 0% любой цвет
становится белым.
 Яркость (процент добавления черной краски) — это параметр цвета,
определяющий освещенность или затемненность цвета.
Все цвета рассмотренного выше цветового круга имеют максимальную
яркость (100%) и ярче уже быть не могут. Яркость можно уменьшить до
минимума (0%). Уменьшение яркости цвета означает его
зачернение. Работу с яркостью можно характеризовать как
добавление в спектральный цвет определенного процента
черной краски.
В общем случае, любой цвет получается из
спектрального цвета добавлением определенного процента
белой и черной красок, то есть фактически серой краски.
На цветовом круге основные цвета моделей RGB и
12
CMYK находятся в такой зависимости: каждый цвет расположен напротив
дополняющего его (комплиментарного) цвета; при этом он находится между
цветами, с помощью которых получен. Например, сложение зеленого и
красного цветов дает желтый. Чтобы усилить какой-либо цвет, нужно ослабить
дополняющий его цвет (расположенный напротив него на цветовом круге).
Например, чтобы изменить общее цветовое решение в сторону голубых тонов,
следует снизить в нем содержание красного цвета.
К «плюсам» этой модели относят то, что она неплохо согласуется с
восприятием человека: цветовой тон является эквивалентом длины волны света,
насыщенность — интенсивности волны, а яркость — количества света. Кроме
того, данная модель является удобной и понятной, имеет большой цветовой
охват.
К «минусам» данной модели относят наличие необходимости
преобразования в модель RGB для отображения на экране монитора или в
модель CMYK для получения полиграфического оттиска, а любое
преобразование из модели в модель не обходится без потерь
цветовоспроизведения.
Применение. HSB — модель, которую используют компьютерные
художники.
Цветовая модель Lab
Lab — трехканальная цветовая модель. Она была создана
Международной комиссией по освещению (С1Е) с целью преодоления
существенных недостатков моделей RGB, CMYK, HSB, в частности, она
призвана стать аппаратно-независимой моделью и определять цвета без
оглядки на особенности устройства (монитора, принтера, печатного станка
и т. д.).
Рис. 5. Цветовая модель Lab.
Любой цвет данной модели определяется
 светлотой (L)
13
двумя хроматическими компонентами: параметром a, который
изменяется в диапазоне от зеленого до красного, и параметром b,
изменяющимся в диапазоне от синего до желтого
Применение.
 Программа Adobe Photoshop 5.0 использует Lab в качестве моделипосредника при любом конвертировании из модели в модель
 при печати на принтерах с PostScript Level 2 и работе с форматом PCD
 при конвертировании цветного изображения в серую шкалу
Изображения, выполненные в этой модели, поддерживаются Photoshop.

Тема 1.3. Типы изображений и форматы графических файлов
Изображение характеризуется максимальным числом цветов, которые
могут быть в нем использованы, то есть иметь различную глубину цвета.
Существуют типы изображений с различной глубиной цвета — черно-белые
штриховые, в оттенках серого, с индексированным цветом, полноцветные.
Некоторые типы изображений имеют одинаковую глубину цвета, но
различаются по цветовой модели. Тип изображения определяется при создании
документа.
Черно-белые штриховые изображения (Line Art Graphic, Bitmap)
На каждый пиксел такого изображения отводится один
бит информации. Одним битом кодируются два состояния, в
данном случае это два цвета: черный и белый. Этот тип
изображения называется Bitmap (Битовый). Глубина цвета
такого изображения — один бит.
Конвертирование тонального изображения в штриховое
— процесс творческий, связанный с содержанием, смыслом и
красотой изображения. Это дело художника, поручать его
компьютеру бесполезно.
Полутоновые изображения (Grayscale)
Пиксель
полутонового
изображения
(grayscale)
кодируется 8 битами (8 бит составляют 1 байт). Глубина
цвета изображения данного типа составляет, таким
образом, восемь бит, а каждый его пиксель может
принимать
256
различных
значений.
Значения,
принимаемые пикселями, называются серой шкалой . Серая
шкала имеет 256 градаций серого цвета, каждая из которых
характеризуется значением яркости в диапазоне от 0
(черный) до 255 (белый). Этого вполне достаточно, чтобы
правильно отобразить черно-белое полутоновое изображение, например, чернобелую фотографию.
В Photoshop 4.0 появилась поддержка изображений с 16-битными
каналами, позволяющими увеличить количество передаваемых цветов или
14
оттенков серого. Так, в режиме с 16-битными каналами полутоновое
изображение может содержать не 256, а 65 536 оттенков серого. С другой
стороны, размер файла с 16-битными каналами в два раза больше, чем с
традиционными, 8-битными. Размер файла и место в оперативной памяти —
дорогая плата за глубину цвета.
Любое изображение можно превратить в полутоновое. Если исходный
материал, например, цветная фотография, то она станет черно-белой.
Изображения с индексированными цветами (Index Color)
Первые цветные мониторы работали с ограниченной цветовой гаммой:
сначала 16, затем 256 цветов. Они кодировались 4 битами (16
цветов) или 8 битами (256 цветов). Такие цвета называются
индексированными (indexed color). Разумеется, 16 (и даже
256) цветами невозможно убедительно передать цветовую
гамму фотоизображений.
Применение индексированных цветов снизилось с
распространением высококачественных мониторов, однако с
ними работают до сих пор, например, Web-мастера. Кроме
того, ограничение числа цветов можно использовать для
получения интересных эффектов.
Индексированные цвета кодируются обычно
четырьмя или восемью битами в виде так называемых
цветовых таблиц. Глубина индексированного цвета
может составлять 2-8 бит. Например, графическая
среда Windows 95 поддерживает цветовую таблицу из
восьми бит на пиксель, она называется системной
палитрой (system palette). В этой таблице цвета уже
предопределены, как мелки в коробке пастели, и вам остается только
использовать то, что есть в коробке, то есть в таблице.
Полноцветные изображения (True Color)
К полноцветным (true color) относятся типы изображений с глубиной
цвета не менее 24 бит, то есть каждый пиксель
такого изображения кодируется как минимум 24
битами, что дает возможность отобразить не
менее 16,7 миллиона оттенков. Поэтому иногда
полноцветные типы изображение называют True
Color (истинный цвет).
Битовый объем каждого пикселя распределяется
по цветовым составляющим: каждый цвет
кодируется 8 битами. Цветовые составляющие в программе организуются в
виде каналов, совмещенное отображение каналов и определяет цвет
изображения.
15
Полноцветные
изображения
являются
многоканальными.
К
изображениям этого класса относятся RGB, CMYK, Lab и другие. Они
отличаются по глубине цвета и по способу математического описания цветов,
то есть по цветовой модели.
Таблица 4
Сравнительная характеристика типов изображений
Глубина цвета (бит на
пиксель)
2
2-8
16
24
Количество цветов
Название режима
2
4-256
65 536
16 772 216
Bitmap, Line Art
Index Color
Grayscale
True Color
Форматы файлов
Формат (format) в определенной степени понятие бюрократическое,
каждому приходилось заполнять всевозможные анкеты. Анкета — это и есть
формат для организации данных, ее нудно заполнять, зато потом легко
обрабатывать.
Без формата информации не существует. Ее нельзя сохранить и передать.
Соответствие форматов — это как разговор на одном языке. Существует
множество различных форматов файлов. Для каждого вида компьютерной
деятельности существуют стандартные форматы (самые удобные, или часто
применяемые). Для текстов такими форматами является DOC, ТХТ, для
полиграфической продукции — TIFF, РIСТ, для графики в Интернет — GIF,
JPEC и т.д.
Для того чтобы программы понимали файлы различных форматов,
существуют конверторы. Они переводят информацию из собственного
формата файла в формат, понятный данной программе. Чем больше
конверторов есть в программе, тем больше различных форматов файлов она
может распознать.
В таблице 3 представлены распространенные графические форматы
растровых изображений с краткой характеристикой.
Таблица 5
Характеристика графических форматов
Формат
PCX
ВМР
Режим
изображения
Все, кроме
CMYK
Только
индексированные
цвета
Применение
Практически вышел из употребления, заменен на
GIF и TIFF.
Формат поддерживается всеми приложениями. Не
применяется в издательской деятельности из-за
большого объёма файлов.
16
TIFF
PSD
JPEG
GIF
PNG
Универсальный формат для хранения
сканированных изображений с цветными
каналами. Включает схемы сжатия для
уменьшения размера файла. Важным
достоинством формата является его
Все
переносимость на разные платформы. В
традиционном виде TIFF можно считать
предпочтительным форматом для изготовления
макетов, ориентированных на типографскую
печать и другие способы тиражирования.
Является внутренним для программы Adobe
PhotoShop. Единственный формат, в котором
сохраняются все сведения о документе, включая
Поддерживает слои и каналы. Однако, готовое изображение
все типы
лучше сохранять в других графических форматах,
изображений
по двум причинам. Во-первых, файл PSD по
размеру гораздо больше. Во-вторых, этот формат
не импортируется программами верстки и
объектной графики.
Предназначен для сохранения точечных файлов
со сжатием. Сжатие по этому методу уменьшает
размер файла от десятых долей процента до ста
Только
раз (практический диапазон — от 5 до 15 раз), но
полноцветные
сжатие в этом формате происходит с потерями
изображения в
качества (в пределах допустимого). Очень
моделях RGB и
эффективный алгоритм сжатия обусловил
CMYK
широчайшее распространение JPEG в среде Wold
Wide Web. Использование этого формата в
полиграфии не рекомендуется.
Создан специально для передачи изображений в
глобальных сетях. Обладает самым эффективным
методом сжатия, что необходимо для сокращения
Только
времени передачи изображений. Новая версия
индексированные допускает хранение в одном файле нескольких
изображения
изображений. Чаще всего такая возможность
используется на страницах Web. Web-браузер
демонстрирует изображения, находящиеся в
файле GIF, последовательно.
Само название формата, Portable Network
Поддерживает
Graphics, говорит о его предназначении – для
полноцветные
передачи изображений в сетях. Возможно
изображения
использование единственного дополнительного
RGB и
канала для хранения маски прозрачности. Имеет
индексированные
эффективный алгоритм сжатия без потери
изображения.
информации. Формат применяется на Web.
17
PCD
Описание
изображения на
языке PostScript
EPS
Все
Используется в настольных редакционноиздательских системах. Формат является
обычным способом хранения большого числа
изображений. Обладает возможностью
определения требуемого разрешения
изображения при импорте. Это избавляет от
длительного импорта 20-мегабайтных
изображений со столь же длительным их
пересчетом на более низкое разрешение.
Применяется в полиграфии.
Возможно хранение векторной и точечной
графики, шрифтов, растрированных изображений
и информации о растрировании, контуров и
кривых калибровок.
Тема 1.4. Графические редакторы
Казалось бы, с появлением компьютеров и специальных программ
(графических редакторов), при помощи которых мы можем обрабатывать и
создавать изображения, каждый может научиться с легкостью делать
качественные рисунки, однако, это не так. Графические редакторы –
инструмент сложный и для того, чтобы хорошо его освоить, уйдет немало
времени. Чтобы сделать рисунок с нуля, от вас потребуются минимальные
художественные знания, т.е. вы должны представлять, что такое перспектива,
светотень, как создавать иллюзию объема и т.д.
Итак, под графическими редакторами понимают инструменты
компьютера для получения графических изображений: рисунков, картинок,
чертежей, диаграмм, графиков и т.д., которые получаются на экране монитора и
могут быть напечатаны.
Виды графической информации: рисунки, схемы, чертежи, фотографии,
карты, объёмные изображения и т.д. Рисунок - образное представление
объектов реального или вымышленного мира. Рисунки могут быть как
статическими (неподвижными), так и динамическими (движущимися).
Фотография – полное графическое изображение объектов реального мира.
Схема - условное изображение объектов, процессов, систем и т.п. Чертёж схематическое изображение объекта с точным сохранением геометрических
пропорций.
Средствами машинной (компьютерной) графики создаётся как печатная
продукция, так и рекламные ролики, видеоклиппы, мультфильмы (анимация) и
др. Все современные компьютеры снабжены аппаратными и программными
средствами получения графических изображений. Аппаратные средства
включают в себя видеомонитор (как правило, цветной - типа EGA, VGA, а
лучше SVGA), видеокарту (видеопамять 256К, 512К, 1М и более), накопитель
на жёстком магнитном диске, процессор, ОЗУ, клавиатура, мышь и другие
18
составные части компьютера. От качества видеосистемы зависит качество
изображения, палитра цветов, максимальное разрешение монитора.
3D Studio Max
3D-графика
Компас
AutoCAD
Инженерная
Анимация
Компьютерная
графика
Corel R.A.V.E.
Macromedia
Flash
GIF Animator
Векторная
Растровая
Adobe Illustrator
Corel Draw
Macromedia FreeHand
Adobe Photoshop
Paint
Corel Photo-Paint
Gimp
Рис. 6. Классификация программ по работе с графикой.
Редакторы для работы с растровой графикой
ADOBE PHOTOSHOP является безусловным лидером среди
профессиональных графических редакторов за счет своих широчайших
возможностей, высокой эффективности и скорости работы. В данном редакторе
имеются все необходимые средства для создания, коррекции, монтажа и
подготовки изображений к печати.
Основное назначение программы – создание фото реалистичных
изображений, работа с цветными изображениями, ретуширование,
цветокоррекция, коллажирование и др. Adobe Photoshop располагает всеми
средствами для работы с точечными изображениями с возможностью работы с
многослойными изображениями.
PAINT  простой растровый графический редактор компании Microsoft,
входящий в состав операционной системы Windows. Отличается интуитивным
и инновационным пользовательским интерфейсом. В новой версии Paint.NET
стали доступными средства для работы со слоями, а также появились
19
бесконечная отмена действия, специальные эффекты и широкое разнообразие
других полезных инструментов.
GIMP  свободно распространяемый графический растровый редактор,
поддерживающий более тридцати форматов изображений, содержит средства
для работы со слоями, масками, фильтрами и режимами смешивания. В
арсенале программы есть огромный спектр инструментов для цветокоррекции и
обработки любых фотографий и изображений.
COREL PHOTO-PAINT предназначен для обработки растровых
фотоизображений. С его помощью можно выполнять профессиональную
подготовку изображений для публикации, как в печатных изданиях, так и в сети
Internet , также в формате PDF. Имеет средства для создания нестандартных
интерфейсов программ, Web-графики, создания изображений на основе
монтажа, коллажа, рисования кистями и готовыми объектами.
Не имеет такой популярности как Adobe Photoshop, но сопоставим с ним
по техническим возможностям.
Редакторы для работы с векторной графикой
ADOBE ILLUSTRATOR позволяет создавать векторные изображения
любого уровня сложности, используя стандартные в этой области инструменты
рисования и возможности управления цветом. Понятный интерфейс и легкий
доступ ко всем функциям приложения обеспечивают профессиональный
уровень контроля всего процесса создания графики.
CORELDRAW – один из мощнейших пакетов, предназначенных для
создания векторной графики. С помощью инструментов CorelDraw можно
создавать различной сложности иллюстрации, буклеты, логотипы и т.п. В
программе имеются средства для редактирования кривых, созданных с
помощью мышки.
MACROMEDIA FREEHAND – уникальная многостраничная среда для
создания сложных иллюстраций и макетов для публикации в печати. В отличие
от Adobe Illustrator, программа поддерживает работу с многостраничными
документами, что позволяет использовать ее для верстки. Начиная с
одиннадцатой версии редактора в документ можно вставлять SWF-ролики.
20
МОДУЛЬ 2. ОСНОВНЫЕ ПРИНЦИПЫ РАБОТЫ
В РЕДАКТОРЕ ADOBE PHOTOSHOP
Тема 2.1. Интерфейс программы
Окно программы имеет стандартный вид (рис. 7).
1
2
3
4
51
6
Рис. 7. Окно программы Adobe Photoshop CS3.
В строке заголовка (1) указывается название программы. Справа имеются
три управляющие кнопки, позволяющие соответственно свернуть развернуть во
весь экран окно и закрыть программу.
Под строкой заголовка располагается строка меню (2) программы.
Каждое меню содержит определенную группу команд. Под строкой меню
располагается панель свойств (3). Содержание команд на ней зависит от
текущего выбранного инструмента. Например, при выборе инструмента Brush
(Кисть) на панели свойств будут отображены команды для изменения формы и
размера кисти, уровень непрозрачности и т.д.
В левой части окна располагается панель инструментов (4), которая
содержит инструменты для рисования, выделения, закрашивания,
редактирования и т.д.
Справа находятся различные палитры (5). Какие палитры необходимо
отразить на экране определяет пользователь с помощью команды меню Window
(Окно). Часто используемые палитры: навигатор, образцы, история и слои.
21
Вдоль нижней границы окна изображения обычно находится строка
состояния (6), содержащая информацию о текущем открытом документе:
объем памяти, масштаб просмотра и др.
Тема 2.2. Работа с документами
Для начала рассмотрим основные принципы работы с документом:
создание, сохранение, открытие.
Создание нового документа
Для создания нового документа выберите в меню команду File (Файл) 
New (Новый). В открывшемся диалоговом окне укажите:
имя документа (1), размер (2), разрешение (3), режим изображения (4),
содержимое фона (5) и нажмите кнопку ОК (рис. 8).
1
12
3
4
5
Рис. 8. Диалоговое окно создания нового документа.
Помните, что размер изображения может указываться в пикселях,
сантиметрах, миллиметрах и др. Режим изображения чаще всего выбирают или
черно-белое, или RGB цвет (цветное). Содержимое фона может быть либо
белый, либо прозрачный, либо цвет фона.
Сохранение документов
Сохранение документов в Adobe Photoshop происходит также как в любой
другой программе: необходимо воспользоваться командой меню File (Файл) 
22
Save (Сохранить) или File (Файл)  Save As… (Сохранить как…) в случае,
если вы хотите сохранить уже существующий документ под другим именем
или на другом носите информации.
В открывшемся диалоговом окне необходимо указать место сохранения
файла (1), имя файла (2) и формат файла (3) после чего нажать кнопку
Сохранить (рис. 9).
1
2
3
Рис. 9. Диалоговое окно сохранения документа.
Помните, если вы планируете в дальнейшем изменять документ, то
укажите формат файла - PSD. При сохранении файла с форматом JPEG теряется
вся информация о слоях и масках документа, что осложняет его дальнейшее
редактирование в Adobe Photoshop.
Открытие документов
Чтобы
открыть существующий
(уже
сохраненный) документ
воспользуйтесь командой меню File (Файл)  Open (Открыть). В
открывшемся диалоговом окне укажите нужный файл и нажмите кнопку
Открыть (рис. 10). Обратите внимание на формат файла: если нужный файл
имеет расширение jpg, а в текущем поле формат psd, то данный файл не будет
отображаться в списке.
23
!
Рис. 9. Диалоговое окно открытия документа.
ПРАКТИЧЕСКАЯ РАБОТА № 1
Наша задача - научиться открывать, сохранять документы, изменять
масштаб отображения изображения на экране, работать с палитрами: навигатор,
образцы, история; инструментом Кисть, Пипетка.
Задание 1*. Открыть файл zadanie1.jpg и, применяя инструменты кисть и
пипетка, доработать изображение (см. рис. 10).
Исходное изображение
Результат
(файл zadanie1.jpg)
Рис. 10. Преобразование изображения в файле zadanie1.jpg.
24
Порядок выполнения.
1. Откройте файл zadanie1.jpg.
2. Научитесь изменять масштаб отображения на экране и перемещаться по
частям изображения с помощью палитры Навигатор (рис. 11). Для увеличения
или уменьшения используйте указатель (1) – при нажатой левой клавише
мышки перемещение указателя вправо (увеличение), соответственно влево
(уменьшение). Текущий масштаб отображения изображения на экране можно
увидеть внизу слева (3). Для перемещения в нужную часть изображения просто
щелкните в соответственной области на картинке навигатора (2).
2
1
3
Рис. 11. Палитра Навигатор.
3. Теперь необходимо научиться использовать инструмент Кисть
, чтобы
раскрасить изображение. После того, как выберите этот инструмент, на панели
свойств появятся команды, позволяющие изменить параметры кисти: диаметр
мазка, стиль и т.д. (рис. 12).
1
2
3
4
5
Рис. 12. Панель свойств инструмента Кисть.
Рассмотрим подробнее команды панели свойств. Работая с инструментом
Кисть, можно настраивать следующие параметры: тип (аэрограф, кисть,
распылитель), диаметр мазка кисти, твердость, стиль (профиль). Тип
инструмента кисть выбирается с помощью команды (1) на панели свойств.
Airbrush – Аэрограф
Paintbrush – Кисть
Transparent – Распылитель
Рис. 13. Типы кисти.
25
Команда (2) используется для выбора стиля и диаметра мазка кисти.
Команда (3) позволяет настраивать различные режимы наложения мазка кисти.
Например, при выборе режима затемненный яркость мазка будет меньше
яркости фона. Команда (4) позволяет установить прозрачность мазка кисти.
При указании 100% мазок кисти будет непрозрачным, соответственно 50% полупрозрачный и 0% - абсолютно прозрачный. Команда (5) позволяет
настроить скорость перемещения мазка кисти. При 100% линия мазка будет
однородной.
Для выполнения задания нам необходимо изменить диаметр мазка кисти
на панели свойств, для этого раскройте список (2, рис. 12). После чего в
появившемся меню с помощью указателя (1, рис. 14) настройте нужный
диаметр. Выбранный размер диаметра отображается в поле (2, рис. 14). Стиль
мазка можно выбрать в списке (3, рис. 13).
2
1
Используйте
линейку прокрутки
для перемещения по
набору кистей
1
Рис. 14. Изменение параметров мазка кисти.
4. После настройки диаметра мазка кисти необходимо выбрать цвет, который
можно выбирать в палитре Образцы (рис. 15). Для этого просто щелкните по
нужному цвету.
Рис. 15. Палитра Образцы.
26
При редактировании уже готовых изображений (как в случае с заданием 1) цвет
можно выбирать на самом изображении с помощью инструмента Пипетка
. Выбрав этот инструмент, щелкните мышкой
по нужному цвету на
редактируемом изображении, после чего выберите инструмент Кисть
редактируйте изображение.
и
Задание 2*. Раскрасить изображения, находящиеся в файлах zadanie2.gif,
zadanie3.gif, zadanie4.jpg (рис. 16).
zadanie2.gif
zadanie3.gif
zadanie4.jpg
Рис. 16. Изображения файлов к заданию 2.
* Идея заданий взята: Стрелкова Л.М. Photoshop. Практикум – М.: Интеллект-Центр,
2006. – С. 20-22. Изображения для заданий взяты с сайта www.solnet.ee.
27
МОДУЛЬ 3. ВЫДЕЛЕНИЕ ОБЛАСТЕЙ ИЗОБРАЖЕНИЯ
Тема 3.1. Инструменты для выделения областей изображения
Как правило, обработка изображений в Adobe Photoshop происходит путем
редактирования его частей. Поэтому необходимо научиться выделять
различные части изображения. Для этого программой предусмотрены
инструменты для выделения:
- выделение прямоугольной
области
- выделение овальной области
- полигональное Лассо
(выделение контура
отрезками)
- магнитное Лассо (выделение
контура по пути движения
курсора с автоматическим
определением яркости точек)
- выделение вертикальной
строки
- выделение горизонтальной
строки
- Лассо (выделение области,
имеющий любой контур)
- волшебная палочка
(выделение лежащих рядом
близких по цвету точек
области)
Выделение на изображении обозначается в программе пунктирной чернобелой линией, которая бежит вокруг выделенной области по часовой стрелке.
При этом команды и инструменты воздействуют только на выделенный
фрагмент.
ПРАКТИЧЕСКАЯ РАБОТА № 2
1. Откройте файл пр1.jpg из папки «Портреты». Нам необходимо
преобразовать изображение так, как показано на рис. 9. Выберите инструмент
Elliptical Marquee Tool (Эллиптическая область), установите значение
Feather (Растушевка) 20пкс. Выделите лицо девочки. Инвертируйте
выделение
(команда
Select – Inverse (Выделение – Инвертировать
выделение)) и примените команду Edit – Cut (Редактирование – Вырезать)
или нажав клавишу Del на клавиатуре.
Сделайте задание еще раз, выбрав инструмент Rectangular Marquee Tool
(Прямоугольная область) и изменив значение растушевки (Feather) на 40
пкс.
28
Исходное изображение
(файл пр1.jpg)
Результат
Рис. 9. Выделение областей изображения при помощи инструментов Elliptical
Marquee Tool и Rectangular Marquee Tool.
2. Откройте файл p1.jpg из папки «Пейзажи». Наша задача – оставить на
фото только золотую рощу, убрав с заднего плана вид на город, заводские
трубы (рис. 10). Для этого мы выделим все, что на рисунке выше деревьев, и
удалим выделенное с помощью команды Edit – Cut (Редактирование –
Вырезать) или нажав клавишу Del на клавиатуре.
Рис. 10. Выделение, созданное при помощи инструмента Magnetic Lasso Tool
(Магнитное Лассо)
Попробуйте воспользоваться всеми известными вам инструментами
выделения из группы Lasso (Лассо), Magic Wand (Волшебной палочкой).
Каким инструментом пользоваться удобнее всего?
3. Откройте файл 1.jpg из папки «Цветы». Выделите цветок одним из
инструментов из группы Lasso (Лассо). Удерживая нажатой клавишу Alt, с
помощью инструмента Move Tool (Перемещение) заполните поле цветами.
29
Исходное изображение (файл 1.jpg)
Результат
Рис. 11. Исходное изображение и результат выполнения упр. 3.
Тема 3.2. Работа с выделенными областями:
масштабирование, поворот, искажение.
Для изменения размеров выделенной области, поворотов, искажения
используются команды меню Edit – Transform (Редактирование –
Трансформация):
Изменение масштаба
Поворот
Искажение
Отразить горизонтально
Отразить вертикально
Рис.12. Команды меню Edit – Transform
После выбора команды вокруг выделенной части изображения появляется
рамка с маркерами, потянув за которые вы можете изменить размер или форму
выделения или повернуть его. Чтобы закончить операцию трансформации,
сделайте двойной щелчок внутри выделенной области.
ПРАКТИЧЕСКАЯ РАБОТА №3
1. Увеличиваем глаза. Откройте файл пр2.jpg из папки «Портреты».
Выделите глаз девушки. Установите значение для Feather (Растушевка) 5 пкс.
Можно использовать инструмент Polygonal Lasso Tool (Полигональное
Лассо). Затем выберите в меню Edit (Редактирование) пункт Transform 
30
Scale (Трансформация  Масштаб). Немного увеличьте глаз, потянув за один
из маркеров изменения размера. Чтобы применить трансформацию, сделайте
двойной щелчок мышью в области выделения. При необходимости можно
немного сдвинуть или повернуть выделенную область.
Исходное изображение (файл пр2.jpg)
Результат
Рис. 13. Исходное изображение и результат выполнения упр. 1.
2. Новогодняя елка. Откройте файл елка.psd из папки «Новый год».
Наша задача – нарядить елку.
Сначала выделите звезду,
поверните ее и
немного уменьшите.
Переместите звезду на верхушку елки. Затем выделите каждую игрушку, при
необходимости поверните и измените ее размер, создайте 2-3 копии каждой
игрушки, перетаскивая ее мышью при нажатой клавише Alt. И, наконец,
поместите игрушки на елку.
Исходное изображение (файл елка.
psd)
Результат
Рис. 14. Исходное изображение и результат выполнения упр. 2.
31
МОДУЛЬ 4. РАБОТА СО СЛОЯМИ
Тема 4.1. Понятие слоя, многослойные изображения
Применение слоев позволяет обрабатывать отдельные части изображения
независимо друг от друга. Самый нижний слой изображения (Background,
Фон) появляется автоматически во время создания нового изображения.
Изображение, созданное в другом графическом редакторе, также будет
состоять из этого единственного слоя.
Этот слой полностью непрозрачный, а вот все остальные слои,
добавленные к изображению, будут иметь прозрачный фон.
Все команды для работы со слоями доступны из палитры Layers (Слои).
Значок
видимости слоя
с
Непрозрачность слоя
Активный слой
Фоновый слой
Значок частичной
блокировки фонового слоя
Кнопка удаления слоя
Кнопка создания нового
лоя
с
Рис. 15. Панель Layers (Слои)
Часть команд содержится в контестном меню (то есть вызываевым
щелчком правой кнопкой мыши) слоя. Команды в контекстном меню зависят от
типа слоя и могут отличаться для разных слоев.
32
Свойства слоя
Создать копию слоя
Удалить слой
Растеризовать слой (команда для
слоев, содержащих объекты
векторной графики)
Рис. 16. Контекстное меню слоя
Еще одно меню для работы со слоем вызывается нажатием кнопки в
правом верхнем углу панели Layers:
Кнопка вызова меню
Рис. 17. Кнопка вызова меню
ПРАКТИЧЕСКАЯ РАБОТА №4
1. Букет. Откройте файл букет.psd из папки «Цветы». Ваша задача
собрать цветы в вазу. Для этого необходимо скорректировать размеры вазы и
цветов (сделать вазу больше, большие цветы можно уменьшить, маленькие –
увеличить) при помощи команды Edit  Transform  Scale. Прежде чем
изменить размер цветка (или вазы), его необходимо выделить. Так как у этого
рисунка прозрачный фон, проще всего воспользоваться инструментом
Elliptical Marquee Tool (Эллиптическая область). Чтобы снять выделение,
выберите в меню Select (Выделение) пункт Deselect (Убрать выделение).
33
Если вы не хотите изменять размер цветка, выделите его инструментом
Elliptical Marquee Tool (Эллиптическая область), а затем выберите на панели
инструментов инструмент Move Tool (Перемещение). При наведении
указателя мыши на выделенную область рядом со значком курсора появится
маленькое изображение ножниц. Щелкните по центру цветка, из области
выделения будут удалены все прозрачные пикселы, останется выделенным
только цветок по контуру. Теперь его можно переместить.
Исходное изображение (файл
Результат
букет.psd)
Рис. 18. Исходное изображение и результат выполнения упр.1.
Чтобы создать копию цветка, выделите его и сдвиньте на свободное место
инструментом Move Tool (Перемещение), нажав и удерживая клавишу Alt на
клавиатуре.
2. Рамки для фото.
Откройте файл р1.png из папки «Рамки». Сохраните его под названием
портрет.psd. Откройте файл пр3.jpg из папки «Портреты». Выделите портрет
полностью и вставьте его в файл портрет.psd. Поменяйте слои местами так,
чтобы слой с рамками стал верхним. Установите значение Opasity
(непрозрачность) этого слоя 70%.
Сделайте активным слой с фотографией. Подгоните размеры фото под
размеры рамки, используя команды Scale (Масштаб) и Rotate (Поворот) из
меню Edit Transform (Редактирование – Трансформация).
Откройте файл пр4.jpg из папки «Портреты». Вставьте эту фотографию
во вторую рамочку.
Установите значение Opasity (непрозрачность) верхнего слоя 100%.
Исходные изображения
Результат
Рис. 19. Исходные изображения и результат выполнения упр.2.
34
Тема 4.2. Эффекты слоя
Вы можете добавить к слою эффекты, или стили, слоя: тени, объем,
отблески, текстуру и т.д. Чтобы вызвать на экран окно добавления эффекта,
достаточно сделать двойной щелчок мышью по слою в палитре слоев, или
выбрать в меню
Layer – Layer style и далее любую из команд
раскрывающегося списка. И в том и в другом случае перед вами появится окно
настройки эффектов слоя.
ПРАКТИЧЕСКАЯ РАБОТА №5
1. Рамка для фото, созданная с использованием готового стиля слоя.
Откройте файл пр7.jpg из папки «Портреты».
Создайте новый слой, назовите его Рамка.
Далее все время работаем со слоем
Рамка:
-выберите в меню Select  All
(Выделение  Все);
-выберите в меню Select  Modify 
Border (Выделение  Модифицировать 
Граница) и установите в появившемся окне
значение 1 пкс;
-выберите в меню Select  Modify 
Expand (Выделение  Модифицировать Расширить) и установите значение 50 пкс;
-установите в качестве основного цвета
ярко-розовый;
-выберите в меню Edit  Fill
(Редактировать  Залить), выберите
значение Use  Foreground Color. (Залить
основным цветом).
Теперь выделение можно убрать.
Вызовите на экран палитру стилей:
Window  Styles (Окно  Стили), и
выберите в палитре стиль Puzzle (рис. 20.)
Рис. 20. Выбор стиля слоя
2. Рамка, созданная с использованием эффектов слоя Рельефность и
Текстура.
Продолжаем работать с изображением, полученным в ходе выполнения
предыдущего задания.
Создайте копию слоя Рамка, удалите все эффекты (контекстное меню
Clear Layer Style (Очистить эффекты)).
35
Далее применяем к рамке эффекты слоя: выберите в меню Layer  Layer
style  Bevel and Emboss (Слой  Эффекты слоя  Рельефность) и
установите следующие значения:
Рис. 21. Настройки стиля для упр.2.
Пункты меню Styles:
Drop Shadow - Падающие тени
Inner Shadow - Внутренние тени
Outer Glow - Внешний отблеск
Inner Glow - Внутренний отблеск
Contour - Контур
Texture - Текстура
Satin - Глянец
Color Overlay - Наложение цвета
Gradient Overlay - Наложение градиента
Pattern Overlay - Наложение шаблона
Stroke – Обводка
Пункты меню Bevel and Emboss – Struсture:
Inner Bevel - Внутренний скос
Smooth - Сглаживание
Depth - Глубина
36
Direction - Направление
Size - Размер
Soften - Мягкость
Пункты меню Shading:
Angle - Угол освещения
Use Global Light - Использовать сферический свет
Altitude - Высота
Gloss Contour - Контур глянца
Anti-aliased - Сглаженное
Highlight mode - Режим яркости
Opacity - Полупрозрачность
Shadow mode - Режим тени
Вот что получается в результате:
Рис.22. Текстурная рамка
Если вам понравилась рамочка, настройки эффектов слоя можно сохранить
как New Style (Новый стиль) (кнопка в правой части окна Layer Style
(Эффекты слоя). После этого созданный вами стиль слоя будет доступен через
меню Window  Styles (Окно  Стили).
МОДУЛЬ 5. РИСОВАНИЕ
Тема 5.1. Работа с инструментами Brush Tool (Кисть), Pencil
Tool(Карандаш), Eraser Tool (Ластик). Создание собственной кисти
При работе в программе Photoshop нужно учитывать, что кистью здесь
называется не только отдельный инструмент, но и «наконечники» целой
группы других инструментов рисования и коррекции изображения, в том числе
карандаша и ластика. В панели свойств этих инструментов есть кнопка Brush,
при нажатии на которую появляется панель для настройки кисти:
37
Кнопка Brush
Кнопка вызова меню,
позволяющего сохранить кисти,
загрузить другой набор кистей
Изменение размера кисти
Изменение твердости кисти
(расплывчатости краев)
Выбор формы кисти
Рис. 23. Панель настройки кисти
Кроме того, вы можете настроить кисть, вызвав на экран панель Brushes
(Кисти) из меню Window.
Рис. 24. Палитра Brushes
38
ПРАКТИЧЕСКАЯ РАБОТА №6
1. Рисование новогодней елки
№
Действие
Результат
1.
С помощью твёрдого карандаша нарисуйте контур
ёлочки зелёным цветом
2.
Инструментом Заливка залейте этим же цветом ёлочку.
3.
Возьмите инструмент Кисть с мягкими краями,
диаметром 13 пкс, выберите более темный зеленый цвет
и нарисуйте веточки.
4.
Теперь выберите более светлый цвет, установите
уровень непрозрачности 70%, уменьшите диаметр кисти
до 9 пкс и нарисуйте поверх елочки зигзагообразные
линии.
5.
Снова немного измените цвет и опять порисуйте
зигзаги.
6.
Теперь заставим нашу елочку светится огоньками.
Создайте новый слой. Каждый огонек – один отпечаток
кисточки с мягкими краями. Диаметр для каждого цвета
свой, можно также уменьшать уровень непрозрачности.
Нарисуйте на елке желтые, красные, белые, голубые
огоньки.
39
7.
Осталось нарисовать дождик. Его также будем
рисовать в новом слое. Для этого возьмите твердый
однопиксельный карандаш с непрозрачностью 30%
сначала желтого, а затем черного цвета, и хорошенько
почеркайте по поверхности елочки. Нам нужно, чтобы
эти каракули были видны, но не привлекали внимания.
8.
Измените режим наложения слоя на Overlay
Елочка готова.
2. Собственная кисть.
Для создания собственной кисти создайте новый документ размером
100*100 пкс, с прозрачным фоном.
Нарисуйте снежинку. Выберите в меню Edit (Редактирование) пункт
Define Brush Preset (Назначить установки кисти). В появившемся окне
задайте имя кисти. Теперь она будет доступна из любого документа.
При помощи получившейся кисти вы можете нарисовать как отдельные
снежинки, так и пушистую еловую веточку.
Чтобы нарисовать объемную снежинку, выберите сначала темно-синий
цвет и сделайте отпечаток кисти, затем выберите голубой цвет и сделайте еще
один отпечаток поверх синего, с небольшим сдвигом. И, наконец, выберите
белый цвет и сделайте отпечаток поверх голубого, также с небольшим сдвигом.
Для рисования еловой ветки поменяйте диаметр и цвет кисти и установите
значение Spacing (Интервал) равным 40%.
Изменение интервала
межу отпечатками
кисти
Рис. 25. Настройки кисти для упр.2.
40
Снежинка, на основе
которой создана кисть
Снежинки,
нарисованные с
помощью кисти
Еловая ветка
Рис. 26. Результаты выполнения упр. 2.
Создайте новый документ и нарисуйте новогоднюю композицию.
3. Собственная кисть на основе готового изображения.
Создадим кисть в виде розы. Откройте файл 8.jpg из папки «Цветы».
Выберите в меню Image – Image Size (Изображение – Размер изображения).
Как вы видите, рисунок имеет очень большие размеры. Измените значение
Width (ширина изображения) на 100 пкс. Выделите цветок инструментом
Magnetic Lasso Tool (Магнитное лассо). Инвертируйте выделение и удалите
фон. Снимите выделение. Теперь создайте кисть, выбрав в меню Edit
(Редактирование) – Define Brush Preset (Назначить установки кисти).
Фото –основа для кисти
Рисунок кистью
Рис. 27. Собственная кисть
Тема 5.2. Градиент
Под градиентом понимается плавный переход цветов. Для работы с
градиентами предназначен инструмент Gradient Tool .
В строке свойств градиента можно настроить следующие параметры:
- тип градиента (линейный, радиальный, угловой, отраженный,
ромбовидный);
- непрозрачность;
41
- режим смешивания.
Чтобы создать собственный градиент, выберите инструмент Gradient Tool
на панели инструментов и щелкните мышью по окошечку с образцом
градиента:
Рис. 28. Окошко с образцом градиента
В появившемся окне Gradient Editor (Редактор градиентов) вы можете
изменить цвета и прозрачность градиента, добавить или удалить цвета.
Чтобы изменить цвет, кликните мышью по соответствующему маркеру
внизу линии градиента, затем щелкните по окошку Color и выберите цвет в
открывшемся окне выбора цвета.
Чтобы добавить цвет, щелкните на любом свободном месте под линией
градиента, и тогда появится новый маркер.
Чтобы удалить маркер, переместите его за границы линии градиента.
Маркеры прозрачности настраиваются аналогично, но вместо настройки
цвета для них задаются значения прозрачности, указать которые нужно в поле
Opasity (Непрозрачность).
42
Сохранить
градиент
Линия градиента
Маркер изменения
прозрачности
Маркер изменения
цвета
Рис. 29. Окно редактирования градиента.
МОДУЛЬ 6. МАСКИ И КАНАЛЫ
Маска – это полутоновое (черно-белое) изображение, хранящее в себе
информацию о выделении. Белые пиксели маски соответствуют выделенным
пикселям изображения, черные – невыделенным, серые – частичновыделенным.
В каналах может храниться информация двух типов:
- в цветовых каналах – информация о той или иной составляющей цвета
пикселей изображения (каналы Red, Green, Blue и смешанный канал RGB);
- в дополнительном альфа – канале может хранится в виде маски
информация о выделенной области .
ПРАКТИЧЕСКАЯ РАБОТА №7
1. Быстрая маска. Откройте файл пр6.jpg из папки «Портреты». Наша
задача – отделить фон от изображения девочки.
Сначала воспользуйтесь инструментом
Polygonal Lasso
Tool
(Многоугольное лассо), затем переключитесь в режим быстрой маски (кнопка
на панели инструментов Edit in Quick Mask Mode (Работать в режиме
быстрой маски) и скорректируйте выделение. Вернитесь к работе в
стандартном режиме, инвертируйте выделение и удалите фон.
43
Исходное изображение
Результат
Рис. 30. Исходное изображение и результат выполнения упр.1.
Быстрая маска рассчитана на однократное применение, так как она
исчезает вместе с отменой выделения. Чтобы можно было воспользоваться
выделением повторно, следует сохранить его как маску («трафарет»). Маски
хранятся в специальных каналах. Всякий раз, когда выделение сохраняется
как маска, создается новый канал – канал маскирования или альфа-канал.
2. Сохранение выделения в альфа – канале.
Откройте файл sun.jpg из папки «Цветы». Выделите подсолнух.
Откройте панель Каналы (Window  Channels). Выберите в меню Select
– Save Selection (Выделение - Сохранить выделение). В появившемся окне
введите имя выделения Подсолнух.
Вы увидите, что на панели Channels (Каналы) появился новых канал,
который называется Подсолнух. В этом канале белым цветом отображаются
выделенные области, а черным – скрытые, защищенные от изменений. Разные
оттенки серого будут означать частично выделенные области, растушевку.
Снимите выделение. Чтобы снова выделить изображение подсолнуха, вы
можете воспользоваться командой Select – Load Selection (Выделение –
Загрузить выделение).
Когда вы делаете активным альфа-канал, автоматически становятся
невидимыми красный, зеленый, синий и совмещенный RGB каналы. Если
включить видимость RGB канала, работа в альфа-канале будет очень похожа на
работу с быстрой маской, с той разницей, что результаты редактирования
выделения будут сохранены в альфа-канале.
3. Градиентные маски.
1. Откройте файлы голова.jpg и вода.jpg из папки «Отдых». Выделите
«голову» любым известным вам способом, скопируйте и вставьте в
фотографию вода.jpg. Приведите «голову» к нужному масштабу и войдите в
режим быстрой маски.
2. Выберите инструмент Gradient Tool (Градиент) и настройте переход
цвета от черного к белому. Как вы помните, при работе с масками значение
имеет не цвет, а тон, поэтому так выбраны цвета для градиента.
44
3. При нажатой клавише Shift проведите вертикальную линию
инструментом Gradient Tool (Градиент) вдоль всего изображения. В
результате на рисунок наложится плавный переход к полупрозрачному
красному.
4. Вернитесь к редактированию в стандартном режиме. При этом
градиентная маска примет вид выделенной области прямоугольной формы.
Пусть вас не смущает, что выделенной кажется только половина изображения.
Пикселы, не попавшие в рамку, все равно будут частично выделены
полупрозрачной маской.
5. Сделайте последнее простое действие — нажмите клавишу Delete,
чтобы получить такой плавный переход между двумя изображениями, какой
показан на рисунке. Если пожелаете, то можете поэкспериментировать: при
повторных нажатиях Delete область выделенного снимка будет всякий раз
уменьшаться.
Исходные изображения
Результат
Рис. 31. Исходные изображения и результат выполнения упр. 3.
МОДУЛЬ 7. РАБОТА С ТЕКСТОМ
Для работы с текстом предназначены инструменты группы Текст:
- Horizontal Type (горизонтальный текст);
- Vertical Type (вертикальный текст);
- Horizontal Type Mask (горизонтальная маска);
- Vertical Type Mask (вертикальная маска).
Последние два инструмента создают надписи выделением.
Настроить параметры вводимого текста можно при помощи панели
свойств инструмента и палитр Character (Символ) и Paragraph (Абзац),
которые можно вызвать из меню Window.
Введенный вами текст автоматически располагается в новом слое. Вы
можете в любой момент вернуться к надписи и отредактировать ее, примерно
так же, как в обычном текстовом редакторе. Но при этом многие возможности
по «украшению» вашей надписи будут ограничены.
Чтобы иметь возможность работать с надписью, как с обычным рисунком,
слой нужно растрировать (команда Rasterize Type контекстного меню слоя).
45
Размер
Шрифт
Жирность,
курсив
Цвет
Выравнивание
Форма
надписи
Рис. 32. Панель свойств инструмента Текст.
Рис. 33. Палитры Character (Символ) и Paragraph (Абзац)
ПРАКТИЧЕСКАЯ РАБОТА №8
1. Создание объемной надписи с тенью по траектории.
Откройте файл а9.jpg из папки «Автомобили».
Выберите инструмент Horizontal Type Tool (Горизонтальный Текст),
установите шрифт – Arial, размер – 48 тч, цвет – красный и напишите
«Автомобиль моей мечты».
Нажмите на панели свойств кнопку «Create warped text» (Создать
искаженный текст). Выберите стиль Arch (Дуга).
Подвигайте бегунки вертикального и горизонтального искажения, чтобы
надпись хорошо смотрелась над изображением автомобиля.
Выберите в меню Layer – Layer style – Bevel and Emboss (Слои –
Эффекты слоя – Рельефность), поставьте галочку напротив Drop Shadow
(Падающие тени). Готово.
46
Рис. 34. Результат выполнения упр.1.
2. Преобразование текстового слоя в обычный. Применение к тексту
инструмента Gradient Tool (Градиент).
Рис. 35. Результат выполнения упр. 2.
Откройте файл о2.jpg из папки «Отдых».
Напишите «Скоро лето!» Чтобы сделать буквы больше размером, можно
воспользоваться командой меню Edit Transform (Редактирование 
Трансформация).
В панели Layers (Слои) щелкните правой кнопкой мыши по текстовому слою и
выберите в контекстном меню Rasterize Type (Растеризация слоя).
Слой с текстом активен. Выберите Select  Load Selection (Выделение 
Загрузить выделение), канал – «Скоро лето! Transparency». Теперь надпись
выделена.
Возьмите инструмент Gradient Tool (Градиент) и раскрасьте буквы.
3. Раскрашивание надписи растровым изображением.
Откройте файл р2.jpg из папки «Пейзажи».
Выберите инструмент Horizontal Type Tool (Горизонтальный Текст) и
напишите «Осень».
С помощью команды Edit Transform  Scale (Редактирование 
Трансформация  Масштаб) растяните надпись по размеру фотографии.
47
Рис. 36. Надпись на исходном изображении к упр. 3.
Выделите буквы, воспользовавшись командой меню Select  Load Selection
(Выделение  Загрузить выделение). Слой с буквами нам больше не нужен,
его можно удалить.
Сделайте активным слой с пейзажем.
Инвертируйте выделение и удалите фон.
Выделенные буквы можно обвести черной линией. Для этого нужно выбрать в
меню Edit  Stroke (Редактирование  Обвести контур) и установить
желаемую ширину обводки.
Рис. 37. Результат выполнения упр. 3.
МОДУЛЬ 8 . ТОНОВАЯ И ЦВЕТОВАЯ КОРРЕКЦИЯ ИЗОБРАЖЕНИЯ
Тема 8.1. Коррекция тонового диапазона.
Основная задача тоновой коррекции –
распределение яркостей пикселей в изображении.
обеспечить
правильное
ПРАКТИЧЕСКАЯ РАБОТА №9
1.Использование команд Image  Adjustments  Brightness /Contrast
(Изображение  Регулировки  Яркость/Контраст), Image  Adjustments
 Levels (Изображение  Регулировки  Уровни).
Оптимальным считается такой диапазон, в котором самые темные области
являются абсолютно черными, самые светлые – белыми, а остальные цвета
распределены равномерно.
48
Откройте файл p3.jpg из папки «Пейзажи». Выберите в меню Image 
Adjustments  Brightness /Contrast (Изображение  Регулировки 
Яркость/Контраст). Попытайтесь улучшить фотографию, двигая ползунки.
Сохраните файл под именем 1вариант.psd.
Снова откройте файл р3.jpg. Теперь попробуем скорректировать
изображение при помощи команды Image  Adjustments  Levels
(Изображение  Регулировки  Уровни). Для этого сначала откройте
панель Информация. В левой верхней части панели представлено реальное
значение цвета выделенного в данный момент пиксела. Помните, что белый
цвет в модели RGB имеет значение (255, 255, 255), а черный – (0,0,0).
Теперь выберите в меню Image  Adjustments  Levels (Изображение
 Регулировки  Уровни).
Щелкните мышью на темном значке пипетки в правом нижнем углу окна
Levels (Уровни). При перемещении указателя на область изображения он
примет вид пипетки. Наблюдая за изменениями в панели Info (Информация),
найдите самую темную область изображения и щелкните в этом месте левой
кнопкой мыши, чтобы задать черную точку.
Таким же образом задайте белую точку. Нажмите кнопку ОК.
Можно попробовать задать в качестве черной точки не самую темную
область изображения, а качестве белой – не самую светлую и понаблюдать за
результатом.
Сохраните файл под именем 2вариант.psd.
Откройте файлы 1вариант и 2вариант, расположите их рядом на экране и
сравните результаты.
Исходный файл
Использование команды
Brightness /Contrast
Использование команды
Levels
Рис. 38. Исходные изображения и результат выполнения упр. 1.
2. Повышение контрастности и выделение отдельных деталей.
Откройте файл он.jpg из папки «Животные». Откройте панель Info
(Информация).
Теперь выберите в меню Image  Adjustments  Curves (Изображение
 Регулировки  Кривые). Задайте черную и белую точки. Щелкните на
левой нижней части диагонали в окне Curves (Кривые), чтобы установить
точку на линии. При необходимости медленно перетаскивайте созданную точку
вниз для затемнения темных областей изображения. Щелкните на правой
верхней части диагонали, что бы установить точку на части линии,
49
соответствующей светлым областям изображения. Медленно перетаскивайте
эту тоску вверх для осветления светлый областей изображения. Одновременно
увеличивается общая контрастность, особенно в диапазоне средних тонов.
Щелкните на кнопке ОК.
Исходный файл
Результат
Рис. 39. Исходное изображение и результат выполнения упр. 2.
Использование команды Shadow /Highlight (Тень/Блик).
Эта команда более всего подходит для тех изображений, на первом плане
которых находятся затемненные из-за яркого освещения фона объектысилуэты. Эта опция хороша и для объектов, засветленных из-за того, что они
находились близко к вспышке фотоаппарата. Иными словами, команда Shadow
/Highlight (Тень/Блик), как никакая другая, будет полезна в тех ситуациях,
когда вы хотите темные части изображения осветлить, а светлые, наоборот,
затемнить. Настройка тона заключается в следующем. У вас есть два раздела –
Shadows (Тени) и Highlights (Блики). Передвигая ползунки на шкалах Amount
(Количество), вы можете соответственно осветлять темные участки
фотографии и затемнять светлые.
3.Коррекция фотографии при помощи команды Shadow /Highlight
(Тень/Блик).
Откройте файл Тень.jpg из папки «Отдых» и сделайте тоновую коррекцию
фотографии с помощью команды Shadow /Highlight (Тень/Блик).
Исходное изображение
Результат
Рис. 40. Исходное изображение и результат выполнения упр. 3.
50
Тема 8.2. Цветовая коррекция изображения
Все команды для коррекции цвета: Color Balance (Цветовой баланс),
Hue /Saturation (Оттенок/Насыщение), Match Color (Подобрать цвет),
Replace Color (Замена цвета), Selective Color (Выборочный цвет), Channel
Mixer (Смешение каналов), Variations (Варианты) сосредоточены что в
меню Image – Adjustments (Изображение – Регулировки).
Команда Color Balance (Цветовой баланс) позволяет настроить баланс
цветов как из палитры RGB (красный, зеленый, синий), так и из палитры CMY
(голубой, пурпурный, желтый). Передвигая ползунки в сторону какого-либо
цвета, вы увеличиваете его содержание и ослабляете цвет на противоположном
конце шкалы. Включая флажки в части Tone Balanse (Тоновый баланс),
можно регулировать цвета лишь в части теней, светов или средних тонов.
Команда Hue /Saturation (Оттенок/Насыщение) работает над цветовой
и над тоновой коррекцией. Верхняя шкала, Hue (Оттенок), отвечает за
цветовой баланс, нижняя, Saturation (Насыщение), позволяет отрегулировать
интенсивность цветов. Шкала Lightness (Яркость) служит для осветления либо
затемнения рисунка. С помощью раскрывающегося списка Edit
(Редактирование) можно выбрать только определенный цветовой канал.
Установив флажок Colorize (Окрашивание),
можно сделать рисунок
монохромным, или раскрасить изображение.
ПРАКТИЧЕСКАЯ РАБОТА №10
1. Раскрашивание изображения.
Откройте файл лицо.jpg из папки «Портреты». С помощью известных вам
инструментов выделения (или в режиме быстрой маски) выделите губы
девушки, установив значение растушевки 1 пкс. При помощи операции
окрашивание придайте губам естественный розовый цвет.
Снимите выделение с губ и выделите другой участок изображения,
например, глаза, и повторите процедуру окрашивания.
Раскрасьте фотографию полностью.
Команда Match Color (Подобрать цвет) предназначена прежде всего для
согласования цветовой гаммы нескольких фотографий. Эта команда
незаменима, например, при создании фотомонтажа.
2. Использование команды Match Color (Подобрать цвет).
Откройте файлы львы.jpg из папки «Животные» (его мы будем
корректировать) и дом.jpg из папки «Здания» (он будет служить базой для
подбора цветов).
Дайте команду Window  Arrange  Cascade (Окно  Упорядочить
 Каскадом).
Работаем с фотографией львов. Выбираем команду Match Color
(Подобрать цвет) в меню Image  Adjustments (Изображение 
Регулировки).
51
В раскрывающемся списке Source (Источник) выберете файл дом.jpg.
С помощью шкал Luminance (Яркость) и Color Intensity
(Интенсивность) можно дополнительно настроить насыщенность цвета. Если
же вы хотите ослабить эффект с другой фотографии, привнесенный в цветовой
баланс, то передвиньте ползунок Fade (Затухание) вправо.
Нажмите кнопку ОК. Оцените результат.
Повторите упражнение, но теперь подберем цвет для изображения дома,
т.е. дом будет корректируемым изображением, а львы – источником.
Почувствуйте разницу!
Обратите внимание на то, что источником может служить и сама базовая
фотография. Хорошие результаты дает эта команда тогда, когда требуется
повысить насыщенность цветов на блеклой фотографии.
Команда Replace Color (Замена цвета) удобна в тех случаях, если
требуется выделить из изображения какой-либо цвет и поправить его.
3. Использование команды Replace Color (Замена цвета).
Откройте файл Роза.jpg из папки «Цветы».
Выберите в меню Image  Adjustments  Replace Color (Изображение
 Регулировки  Замена цвета).
Щелкаем пипеткой по лепестку цветка, чтобы выделить область для
коррекции, которая сразу же окрасится в белый цвет в окне просмотра.
Ползунком Fuzziness (Разброс) отрегулируем степень чувствительности:
чем больше установленное значение, тем более широкую область мы охватим,
и наоборот. Поскольку цветок и фон контрастны по отношению друг к другу,
то мы можем позволить себе достаточно высокое значение этого параметра.
В нижней части панели расположены средства настройки цвета и тона:
Hue (Оттенок), Saturation (Насыщенность), Lightness (Яркость). Также
можно щелкнуть на квадратике Result (Результат) и определить цвет
вручную. Добейтесь, чтобы в окошке Result (Результат)
отображался
красивый голубой цвет. Нажмите на кнопку ОК.
Теперь подкорректируйте цвет серединки цветка.
Снова вызовите на экран окно команды Replace Color (Замена цвета).
Щелкните
пипеткой
по
серединке,
отрегулируйте
степень
чувствительности ползунком Fuzziness (Разброс), выберите цвет. Нажмите
кнопку ОК.
Исходное изображение
Результат
Рис. 41. Исходное изображение и результат выполнения упр. 3.
52
Команда Selective Color (Выборочный цвет) особенно полезна тогда,
когда нужно откорректировать содержание цвета всего изображения, а не
только его части, как это делала команда Replace Color (Замена цвета).
В диалоговом окне приведен перечень цветов модели CMYK, содержание
которых можно увеличивать или уменьшать (перемещением движка вправо или
влево соответственно). В раскрывающемся списке Colors (Цвета) определяется
цветовой диапазон для коррекции. Также можно выбирать, с какой командой
работать: с Relative (Относительный), обеспечивающей более плавные
изменения, или с Absolute (Абсолютный), делающей коррекцию более резкой.
4. Коррекция изображения с помощью команды Selective Color
(Выборочный Цвет).
Откройте файл дом.jpg из папки «Здания». Сделайте цвет зелени более
естественным. Для этого в выпадающем списке Colors (Цвета) выберите
зеленый. Сдвиньте ползунки желтого (Yellow) и голубого (Cyan) цветов влево,
а черного (Black) и пурпурного (Magenta) – вправо.
Исходное изображение
Результат
Рис. 42. Исходное изображение и результат выполнения упр.4.
МОДУЛЬ 9. ХУДОЖЕСТВЕННАЯ ОБРАБОТКА ФОТОГРАФИЙ
Тема 9.1. Методы устранения дефектов с фотографий
Инструмент Healing Brush Tool (Лечащая кисть) основан на тех же
принципах и использует те же функциональные возможности, что и
инструмент Clone Stamp Tool (Штамп копий). С его помощью рисуются
фрагменты на основе отобранных данных из указанных пользователем точки.
Вместо копирования пиксела из одного места в другое, как это делает
инструмент Clone Stamp Tool (Штамп), Healing Brush Tool (Лечащая кисть)
смешивает два набора данных, объединяя и сглаживая полученный результат.
Инструмент Healing Brush Tool (Лечащая кисть) отлично справляется с
удалением пятен и царапин со сканированных фотографий, и очень полезен при
исправлении изъянов на портретных фотографиях.
53
ПРАКТИЧЕСКАЯ РАБОТА №11
Использование инструментов Clone Stamp Tool (Штамп), Healing Brush
Tool (Лечащая кисть).
1. Сравните действие лечащей кисти и штампа.
Откройте файл ваза.jpg из папки «Цветы». Выберите инструмент Clone
Stamp Tool (Штамп), установите размер кисти 65 пкс, твердые края. Задайте
точку – образец, щелкнув по ней левой кнопкой мыши при нажатой клавише
Alt на клавиатуре. Поводите кистью по белому полю слева от изображения
вазы, не отпуская кнопку мыши.
Выберите инструмент Healing Brush Tool (Лечащая кисть), с теми же
установками кисти. Задайте ту же точку – образец, которую выбирали для
штампа. Поводите кистью по белому полю справа от изображения вазы, не
отпуская кнопку мыши.
Сравните результаты.
Рис. 43. Слева – результат работы инструментом Штамп,
справа - Лечащей кистью
2. Удалите очки с фотографии.
Откройте файл Ирина.jpg из папки «Портреты». Используя инструменты
Healing Brush Tool (Лечащая кисть) и Clone Stamp Tool (Штамп копий),
удалите с фотографии очки. Также с помощью этих инструментов можно
удалить прыщики, родинки, точечки, морщинки и т.д.
Исходное изображение
Результат
Рис. 44. Исходное изображение и результат выполнения упр. 2
54
Тема 9.2. Фотомонтаж и коллаж
Коллаж
(фр. collage — приклеивание, наклейка), техника создания
картины или графического произведения путем применения различных наклеек
из плоских (фотографии, билеты, ткани, вырезки из газет и цветной бумаги
и т.д.) или объемных (проволока, дерево, веревки, металл) материалов.
Различают формальный и иллюстративный коллажи.
Формальный, когда художественный образ создается размещением или
наслоением друг на друга определенных материалов, различной формы, цвета
и т.д.
Иллюстративный (так называемый фотомонтаж), когда изобразительный
материал на определенную тему вырезается из книг и журналов и благодаря
перемещению из обычного контекста в непривычное окружение получает
новую интерпретацию.
ПРАКТИЧЕСКАЯ РАБОТА №12
«Фотомонтаж»
Ваше фото на обложке журнала.
Наша цель: на обложке журнала с изображением красивой женщины (или
мужчины) заменить лицо на фотографии на свое собственное; заменить
подпись к фотографии на свои фамилию и имя.
1. Откройте файлы с изображением обложки журнала и с изображением
вашего лица.
2. На фото с вашим лицом выделите его каким – либо инструментом
выделения (овальная или прямоугольная область выделения, волшебная
палочка, лассо…). Желательно выделить лицо как можно тщательнее, оставив
как можно меньше лишних деталей. При помощи команд Copy (Копировать)
и Paste (Вставить) перенесите ваше лицо на фото с обложкой журнала. Ваше
лицо автоматически помещено в новый слой.
3. Выберете в меню Edit (Редактировать) команду Transform
(Трансформация) или Free Transform (Свободная трансформация).
Скорректируйте размер вашего лица по размеру фото на обложке, при
необходимости поверните его, примените эффект перспективы. Чтобы можно
было видеть, как ваше лицо накладывается на обложку, уменьшите
непрозрачность слоя примерно до 70% , переместив бегунок Opasity
(Непрозрачность) на панели Layers (Слои). Нужно совместить глаза и губы на
обоих слоях.
4. Если нужно, подкорректируйте цвет/яркость вставляемого фрагмента
так, чтобы характеристики двух фото максимально совпадали. Для этого вы
можете использовать меню Image – Adjustments  Brightness Contrast, Hue
Saturation
(Изображение
–
Регулировки
–
Яркость/Контраст,
Тон/Насыщенность) и т.п.
5. Если вы хотите вставить свое лицо вместе с прической, то теперь можно
взять инструмент Eraser Tool (Ластик). Выберите для ластика мягкую (т.е. с
55
размытыми краями кисть и уменьшите непрозрачность) и пройдитесь им по
краям вставляемого фрагмента, например там, где совмещается шея модели на
обложке и ваша шея. Полупрозрачный ластик поможет сделать переход
незаметным.
6. Если вставленный фрагмент не закрыл полностью лицо и прическу
оригинала, воспользуйтесь инструментом Clone Stamp Tool (Штамп), чтобы
убрать эти остатки.
7. Если вы хотите вставить только лицо, а прическу оставить как была,
лучше поменять слои местами (т.е. слой с лицом должен располагаться ниже
оригинала) и стереть ластиком «дырку» для лица в слое с обложкой. Для этого
придется разблокировать фоновый слой (двойной щелчок левой кнопкой мыши
по слою в панели Layers (Слои).
8. Теперь займемся надписью. Удалите старую надпись при помощи
инструмента Clone Stamp Tool (Штамп), и напишите новую с помощью
инструмента Текст.
Пример выполнения работы:
Обложка
Фото девушки
Фотомонтаж
Рис. 45. Пример выполнения фотомонтажа.
ПРАКТИЧЕСКАЯ РАБОТА №13
КОЛЛАЖ. СОЗДАНИЕ КАРТЫ ЖЕЛАНИЙ
Карта Желаний или вернее Карта, исполняющая желания, являет собой
инструмент настройки вашей жизни на волну успеха. Делая карту, мы много
размышляем о своей жизни и целях, которых хотим достичь, пытаемся
вычленить главные желания на сегодняшний день. Тем самым мы приводим в
порядок свои мысли о будущем, настраиваясь на лучшее. Составляя
позитивные утверждения, следуя правилу только хорошее и в утвердительной
форме мы забегаем вперед во времени и проживаем желаемое будущее как
56
настоящее. Вырезая понравившиеся изображения из журналов, мы
визуализируем свои желания, которые порой бывает трудно представить
воочию и тем более удерживать эти мысленные образы длительное время. Так
как большую часть информации наш мозг получает через глаза, то и реальные
картинки и фотографии становятся самыми действенными элементами
самопрограммирования.
Для создания Карты желаний с помощью программы Photoshop сначала
нужно подобрать картинки и фото, символизирующие ваши желания. Это
могут быть изображения автомобиля, дома, денег, счастливой семьи, желаемого
места работы и т.д. Я собрала такие изображения в папки «Работа», «Деньги»,
«Автомобили», «Здания», «Отдых». Также можно использовать слова и целые
предложения в утвердительной форме позитивного содержания.
Обязательно выберите лучший Ваш фотопортрет, который Вам нравится
больше всего и где Вы счастливы и здоровы. Он станет центральным ядром
всей Вашей карты, вокруг которого Вы создадите новый удивительный мир
сбывающихся желаний. Если такового нет, срочно приводите себя в порядок и
направляйтесь прямиком в фотостудию или снимайте себя сами. Ну а вокруг
своей фотографии размещайте остальные изображения. Можно (но не
обязательно!) придерживаться следующей схемы:
Рис. 46. Распределение секторов на карте желаний
Требования к выполнению зачетной работы:
Примеры карт желаний (все фото взяты с сайта http://lawofattraction.ru):
57
58
МОДУЛЬ 10. РАБОТА С ВЕКТОРНЫМИ ОБЪЕКТАМИ
Тема 10.1. Пути
Paths (Пути, Контуры) – векторные объекты, вспомогательные элементы,
они не являются частью изображения. Путь можно обвести, пустить по нему
текст, залить цветом или преобразовать в выделение.
Инструменты для создания и редактирования путей (контуров) – группа
Pen Tool (Перо) и группа Path Selection Tool (Выделение пути).
Команды по работе с путями доступны из контекстного меню палитры
Paths (Пути, Контуры).
59
Сохранить путь
Удалить путь
Создать выделение
Залить контур цветом
Сделать обводку
пути
Рис. 46. Контекстное меню палитры Paths (Пути, Контуры).
Внимание: путь не располагается в каком-либо слое! Но его можно
обвести или залить цветом на любом выбранном вами слое.
Использование инструментов Pen Tool (Перо) и Ellipse Tool (Эллипс).
Инструмент Pen Tool (Перо) может работать в следующих режимах:
1) Shape layers – в этом режиме автоматически создается отдельный слой,
в котором будет содержаться нарисованная пером фигура.
Рис. 47. Режим Shape layers.
2) Paths – в этом режиме будет нарисован путь.
Рис. 48. Режим Paths.
60
ПРАКТИЧЕСКАЯ РАБОТА №14
1. Тигренок.
1. Создайте новый документ 640 *480 пкс, с белым фоном.
2. Инструментом Pen (Перо) нарисуйте контур в
режиме рисования создания путей
Внимание - последнюю точку нужно совместить с
первой!
3. Теперь сделаем линии плавными. В группе
инструментов Pen (Перо) выберите
инструмент
Convert Point Tool (Преобразование узловой точки)
. Кликните по контуру фигуры, появятся узловые
точки, с помощью которых можно изменить контур
фигуры. Расстояние от одной узловой точки до соседней
называется сегментом. Если щелкнуть по узловой точке,
появятся направляющие, с помощью которых можно
менять кривизну сегмента (тянуть за маленькие отрезки,
выходящие из узловой точки). При необходимости
можно добавить точки (инструмент Add Anchor Point
Tool) или удалить (инструмент Delete Anchor Point
Tool).
Залейте получившийся контур оранжевым цветом –
нажмите на кнопку
(Заполнить
цветом переднего плана) в панели Paths (Пути).
61
4. Чтобы нарисовать глаза и нос, выберите инструмент
Ellipse Tool (Эллипс). Инструмент должен находится в
режиме рисования Fill Pixels (Заполнение пикселями)
Создайте новый слой. Нарисуйте в нем
глаза и нос.
Полоски нарисуем инструментом Pen (Перо). Прежде,
чем начать рисовать, нажмите на кнопку Create new
path (Создать новый путь) в панели Paths (Пути).
Нарисуйте пером треугольники - полоски и нажмите на
кнопку
(Заполнить цветом
переднего плана) в панели Paths (Пути).
Улыбку также рисуем инструментом Pen
(Перо).Создайте новый путь и выберите красный цвет.
Нарисуйте улыбку пером и нажмите кнопку
в панели Paths (Пути).
5. Нарисуем хвост:
- создайте новый слой;
- нарисуйте кистью хвост (или вставьте
готовое изображение);
- создайте новый путь;
- возьмите инструмент Перо и обведите
хвост по контуру.
- вспомогательный слой удалите.
- заполните путь оранжевым цветом.
62
И готовое изображение:
Сейчас изображение нашего тигренка состоит из двух слоев. Для удобства
работы можно соединить все слои в один, выполнив команду Layer Flatten
Image (Слой Выполнить сведение). При этом у вас останется возможность
работать с путями, которые вы создали – вы можете обвести или заполнить их
другим цветом, скорректировать форму контура, удалить или добавить узловые
точки и т.д.
2. Белка (урок взят с сайта http://www.photoshop-master.ru/)
1. Создайте новый документ 600 x 600пикс с белым фоном.
2. Используя инструмент Перо, нарисуйте (Перо
находится в режиме рисования контура ):
3. Выберите инструмент Brush (Кисть) и настройте его следующим образом:
63
4. Создайте новый слой и сделайте обводку контура:
Укажите, что нужно имитировать нажим:
64
Вы получите:
Первая и последняя точки должны быть примерно на одном уровне. Грубо
говоря, чтобы впоследствии хвост рос из котенка, а не висел в воздухе.
5. Теперь нужно создать выделение:
Снова создайте новый слой и залейте выделение цветом #e1e1e1:
Снимите выделение!
6. Рисуем дальше: Установите цветом переднего плана – черный. Создайте
новый путь в палитре Paths (Пути).
65
7. Щелкните правой кнопкой мыши по пути в палитре Paths и в появившемся
меню выберите Stroke path (Выполнить обводку).
8. Создайте выделение и залейте его тем же цветом, что и ранее, на новом
слое.
9. Рисуем голову (новый путь!).
(Каждый объект должен быть на новом слое) Толщина линий обводки
должна соответствовать этой карте:
66
10. Рисуем глаза. Переходим в палитру кистей и выбираем следующие
настройки:
67
11. Рисуем контур глаз и делаем обводку, но без имитации нажима:
12. Теперь затемним и осветлим с помощью инструментов Burn Tool
(Затемнение) и Dodge Tool (Осветление) некоторые детали, а так же в
указанных местах пройдитесь мягким ластиком
Затемняем мордочку и хвост:
Тема 10.2. Фигуры
ПРАКТИЧЕСКАЯ РАБОТА №15
1. Создание рамки для фото сложной формы.
68
1. Создайте новый документ 600 800 с белым фоном
2. Выберите инструмент Custom Shape
Tool (форма пользователя)
и нарисуйте
контур: (инструмент должен находиться в
режиме рисования контуров)
3. Преобразуйте контур в выделение (щелчок правой кнопкой по контуру в
палитре Paths, выбрать Make Selection)
4. Выберите в меню Selection Modify
Border (Выделение 
Модифицировать Граница), шириной 70
пкс
5. Обведите контур голубым цветом,
ширина обводки 3 пкс, залейте белым. У вас
должно получиться
5. Примените к слою эффекты объема и
тени.
:6. Откройте фото с котенком, скопируйте и вставьте в документ с рамкой.
Переместите слой с фото ниже слоя с рамкой.
69
7. Используя команду Edit  Transform
(Редактирование – Трансформация),
измените размеры и положение фото таким
образом, чтобы «лицо» котенка было видно
в отверстие рамки. Сделайте копию слоя с
котенком, переместите его на самый верх и
сделайте пока невидимым. Вернитесь к
слою под рамкой. Выступающие за рамку
края сотрите ластиком.
8. Сделайте активным и видимым самый
верхний слой (с котенком). Уменьшите
прозрачность слоя и сотрите ластиком те
части рисунка которые перекрывают рамку
справа и внизу
9.Сделаем тень: Создайте копию слоя с
верхней частью котенка. Загрузите
выделение. Залейте его градиентом от
черного к прозрачному. Сдвиньте
получившуюся тень вправо и вверх.
Поместите этот слой сразу над слоем с
рамкой. Уменьшите прозрачность слоя до 50
%, измените режим наложения на Soft Light
(Мягкий свет).
2. Создание собственной фигуры (Формы пользователя)
Создайте собственные формы пользователя. Можно придумать свои, или
воспользоваться рисунками ниже.
70
1. Создайте новый документ или откройте изображение, на основе
которого вы хотите создать форму пользователя.
2. На новом слое обведите контуры фигур инструментом Pen Tool (Перо)
или Freeform Pen Tool (Свободное Перо), или нарисуйте (видоизмените) одну
из стандартных фигур. Важно! Перо должно находиться в режиме рисования
форм:
нажмите кнопку
. Если ваша форма состоит из нескольких частей ,
Add to shape area (+). (Добавить к области формы).
3. Выберите в меню Edit  Define Custom Shape (Редактирование 
Определить форму пользователя). Дайте ей имя, нажмите ОК, и ваша форма
появится в меню инструмента Custom Shape Tool (Форма пользователя).
71
МОДУЛЬ 11. ФИЛЬТРЫ
ПРАКТИЧЕСКАЯ РАБОТА №16
СОЗДАНИЕ РАЗЛИЧНЫХ ЭФФЕКТОВ С ПОМОЩЬЮ ФИЛЬТРОВ.
1. Морозные узоры на окнах
Для получения «морозного» эффекта создайте новый
файл с белым фоном и нарисуйте основу узора (цвет –
черный), чтобы он органично вырастал и
кристаллизовался вокруг нее, как настоящий.
Затем нужно применить фильтр
Filter→Artistic→Rough Pastels
(Фильтр→Художественный→Грубая пастель). В
результате картинка будет иметь примерно такой вид,
как на рисунке.
Теперь осталось лишь установить в качестве
основного цвета белый, а в качестве фонового —
голубой, а потом применить фильтр Sketch→Bas
Relief при параметрах Detail — 14, Smoothness — 2 и
Light Direction — Top.
Можно использовать для создания основы узора различные художественные
кисти, тогда результат может быть более интересным:
72
2. Морской берег (с сайта http://www.photoshop-master.ru)
Создайте новый документ 450*350 с белым фоном. Установите белый цвет
для переднего плана и светло-голубой цвет для заднего плана.
Применим Фильтр Render> Fibers и установим следующие параметры:
Strength = 26, Varianse = 13.
Теперь сделаем вертикальные волокна горизонтальными. Для этого
выберем Edit Transform  Rotate 900 CW (Редактирование 
Трансформация  Поворот на 90 градусов по часовой).
После
поворота
растянем
их
на
все
полотно:
Edit Transform Scale (Редактирование  Трансформация  Маштаб).
Создадим волны при помощи фильтра
Brush Strokes  Spatter,
Spray Radius = 13, Smoothness = 14.
Создадим новый слой, на котором будем рисовать небо. Устанавливаем
светло-голубой цвет как основной, и светло-зеленый как фоновый.
Применим Фильтр Render  Clouds. Слой с морем переместите выше
слоя с небом. Возьмите Ластик, установите мягкую кисть размером 60 пкс и
сотрите верхнюю часть моря.
Сделайте активным слой с небом. Нарисуем солнце при помощи фильтра
Блик: Render  Lens Flare, применяемого со следующими настройками:
Brightness = 100%, Lens Type = 50-300 мм.
73
Для создания песчаного берега установим светло-желтый цвет для
переднего плана и темно-желтый для фона.
Создайте новый слой и примените фильтр Render-> Clouds. Затем
примените фильтр Noise  Add Noise при следующих
значениях:
Amount
(Количество)
=
7%,
Distribution
(Распределение)
Gaussian (по Гауссу).
Поставьте
галочку
рядом
с
Monochromatic
(Монохромный).
Текстура песка готова. Выберите инструмент
Ластик и сотрите верхнюю часть картинки. Ну вот, наш
морской пейзаж готов.
3. Елочные шары
Создайте новый файл с прозрачным фоном и нарисуйте маленький кружок
инструментом Elliptical Marquee Tool (Эллиптическое выделение),
удерживая при этом клавишу Shift. Залейте полученную область подходящим
ярким цветом.
Не снимая выделения, примените к шару фильтр «Добавление шума»
(Filter  Noise  Add Noise ) со следующими параметрами:Amount (
количество) – 24-25%, Distribution (распределение) – Uniform. По-прежнему
не снимая выделения, примените фильтр Filter→Distort→Spherize на 100% в
режиме Normal.
После этого добавьте эффекты освещения Filter→Render→Lighting
Effects, рекомендуемый тип освещения — Spotlight, остальные настройки
можно выбрать по желанию.
74
Затем примените фильтр Filter→Render→Lens Flare (Блик):
Примеры композиции с использованием таких шариков:
4. Пушистик. (Идея взята с сайта http://www.photoshop-master.ru)
1. Создайте документ с белым фоном 400 400 пкс.
2. С помощью инструмента Elliptical Marquee Tool (Овальное выделение)
75
нарисуйте круг.
3. Перейдите в режим быстрой маски и примените
фильтр Filter-Brush Strokes-Spatter (радиус 20,
сглаживание – 1).
4. Вернитесь в нормальный режим и залейте
выделение оранжевым цветом, затем, не снимая
выделения, кистью с мягкими краями нарисуйте
полоски или пятнышки.
5. Не снимая выделения добавить шум, 60%.
6. Снять выделение. Применить фильтр
Радиальное размытие Blur-Radial blur: метод –
Zoom (линейный),
Quality (Качество) – Best (наилучшее), Amount
(количество) – 63.
Количество выбирается в зависимости от того,
какой длины будут ворсинки у вашего меха
(больше количество – длиннее ворсинки).
7. Можно добавить нашему пушистику ещё больше объёма с помощью
Фильтр-Render-Lighting effects либо Фильтр – Distort - Spherize.
8. Рисуем глаза. Создайте новый слой. Нарисуйте любым известным вам
способом белки глаз. Залейте их белым цветом. Примените к слою эффекты –
объем, внешние тени, внешнее свечение.
9. Теперь рисуем радужную оболочку. Создайте
новый слой. Нарисуйте инструментом Elliptical
Marquee Tool (Овальное выделение) кружочек
на одном из белков и залейте его бело- зеленым
градиентом.
10. Не снимая выделения, скопируйте его в буфер
обмена и вставьте на второй белок.
В том же слое можно нарисовать зрачок.
76
11. Блики. Создайте новый слой нарисуйте
пятнышки белого цвета.
Немного размоем пятнышки при помощи фильтра
BlurBlur. (Размытие Размытие).
12. В новом слое нарисуем нос: инструментом
Lasso Tool (Лассо) нарисуйте нос произвольной
формы, залейте его черным цветом и примените к
слою эффекты объем и тени. Ещё нарисуем блик с
помощью овального выделения и градиента от
белого к прозрачному.
13. Рисуем улыбку. Создайте новый слой.
Инструментом Pen Tool (Перо) нарисуйте
плавную линию (проследите, чтобы инструмент
находился в режиме рисования контура
.
Возьмём жёсткую круглую кисть размером 7 пикс.
Создадим новый слой
Войдём в палитру Paths (Пути) (вкладка рядом с
палитрой Layers (Слои)).
По пути в палитре щелкнуть правой кнопкой –
выбрать Stroke Path (Выполнить обводку).
Теперь с помощью инструментов Ластик и Кисть
можно подправить контур, нарисовать зубы или
язык и т.п.
77
Еще один пушистик – тигренок, нарисован по тому
же принципу
5. Цветок (идея рисования цветка взята с сайта http://www.photoshop-master.ru).
1. Создайте новый документ размером 500 х 500
пикселей, разрешением 200 пикс/дюйм. Зальем его
градиентом сверху вниз из прилагающихся наборов,
выберите типа градиента – Отраженный градиент.
Добейтесь примерно такого расположения цветов:
2. Добавим искажений в виде волн Filter  Distort 
Wave (Волна).
78
3. Рисуем лепесток цветка. Используя
инструмент Pen Tool (Перо)
в режиме
рисования путей, рисуем подобие яйца, но
перевернутое, примерно так:
Преобразуйте контур в выделение, со значением
Feather Radius (растушевка) - 2 пикселя.
4. Теперь подбираем нужную часть перехода
цветов
градиента
для
лепестка.
Выберите
инструмент
Move
Tool
(Перемещение)
и
передвиньте
контур
выделения в ту область градиента, которая вам
больше
нравится.
Затем скопируйте выделение в буфер обмена и вставьте в документ. После
этой операции у нас образуется слой с лепестком. Фон можно скрыть на время,
нажав на значок «глаза». Переходим на слой с лепестком.
5. Используя инструмент Затемнение затемняем верх, низ + немного к
центру и края лепестка, а инструментом Осветление осторожно осветляем
серединку лепестка.
Используя инструмент Губка можно добавить «сочности» лепестку. Для этого
просто поводите Губкой по лепестку в режиме «Насыщенность».
6. Возьмите Ластик и подберите форму инструмента таким образом, что бы
можно было «разорвать» края лепестка, просто аккуратно стирая ненужные
части рисунка.
79
7. Добавляем новый слой, берем мягкую кисть, подбираем светлый цвет и
делаем мазок по лепестку.
Применяем Фильтр Distort > Ripple (количество – 460).
8. Выделите верхний слой и склейте его с нижним: Слой – Склеить с нижним.
Добавьте к полученному слою тень: Слой – Эффекты слоя – Тень.
9. Дублируйте слой с лепестком столько раз, сколько их будет в цветке, просто
перетаскивая слой на иконку «нового слоя», которая находится внизу палитры.
10. Скройте все лепестки, оставьте видимым только какой-нибудь один который
будем формировать. Для изменения формы лепестка используйте Фильтры из
группы Distort и инструменты трансформации. Особенно удобно использовать
трансформацию Warp.
Далее, «открываем» следующий лепесток и придаем ему нужный вид и т.д.
11. Соберите лепестки в цветок.
80
Можно добавить пестики и тычинки, используя те же деформированные
лепестки, с инверсией цветов этих слоев Image – Adjustments – Invert
(Изображение – Регулировка- Инвертировать).
12. Когда все лепестки готовы и цветок составлен, сделайте видимыми все
слои, кроме фона и объедините их: Слой  Объединить с видимым).
13. Теперь можно составить из цветов букет:
ПРАКТИЧЕСКАЯ РАБОТА №17
ТЕКСТУРЫ
1. Леопардовая шкура.
Создайте новый документ 300*300.
Установите цвет переднего плана –
светло-коричневый, цвет заднего
плана – темно-коричневый.
Примените фильтр Render > Fibers со
следующими параметрами: Varianse –
19, Strength - 64.
81
Затем примените фильтр Stylize >
Wind". Поверните изображение на 90
градусов, последовательно применив
команды Select  All (Выделить все)
и Edit  Transform  Rotate 900
CW
(Редактирование
–
Трансформация – Поворот на 90 по
ЧС). Примените этот фильтр еще раз.
Возьмите инструмент Lasso (Лассо) и
нарисуйте круги, имитирующие пятна
на шкуре леопарда.
Перейдите в режим быстрой маски и
примените фильтр Artistis > Smudge
stick со значениями Stroke Length – 6,
Highlight Area – 13, Intensity – 10.
Выключите режим быстрой маски и
залейте выделение темно-коричневым
цветом.
Не снимая выделения выберите в меню
Select  Modify  Contract (Выделение
Модифицировать – Сжать). Сожмите
выделение на 10 пкс и залейте его любым
оттенком коричневого.
Выберите инструмент Smudge Tool
(Палец) в режиме Darken (Темнее) и
обработайте края пятен так, чтобы они
напоминали мех.
82
Примените к слою Фильтр Brush Strokes
– Sprayed Strokes со значениями:
Сделайте копию слоя. Установите
основным цветом очень темный
коричневый, цветом заднего плана –
коричневый чуть более светлого оттенка.
В меню Фильтр выберите Render >
Fibers со значениями Varianse – 64,
Strength - 1. После применения фильтра
поменяйте режим наложения на Soft
Light (Мягкий свет).
2. Тигриная шкура.
1. Создайте новый документ 300*300 пкс. Теперь выберем инструмент
Rectangle Tool (Прямоугольник)
и удерживая клавишу Shift нарисуем
маленький квадрат, размером примерно 20х20 пикс. Инструмент должен
находиться в режиме рисования фигур:
Затем выберем Edit  Transform Path  Rotate (Редактирование 
Tрансформация пути  Поворот) и повернём наш квадрат примерно на 45
градусов.
Теперь выберите Edit  Define Custom Shape (Редактирование 
Определить форму пользователя), дайте ей имя «Ромб», нажмите ОК.
83
Теперь выберите инструмент Custom Shape Tool (Форма пользователя), и в
раскрывающемся списке Shape (Фигуры) на панели свойств найдем иконку с
нашей созданной формой:
В параметрах инструмента Custom Shape Tool (Форма
пользователя) нажимаем кнопку Add to shape area
(Добавить к области формы). Нарисуем ромбы разных
размеров и вразброс.
Растрируйте слой
Выберите на панели инструментов любой инструмент, кроме формы,
например, кисть.
Затем выполним Редактирование > Свободная трансформация) со
следующими значениями:
84
Примените фильтр Distort – Wave с настройками, указанными ниже
Далее выберем Фильтр
Blur 
Gaussian
Blur
(Размытие

Размытие по Гауссу) и установим
радиус = 2 пикс.
В панели слоев выставим Режим наложения - Multiply (Умножение) и
непрозрачность = 80%.
85
Создайте новый слой и поместите его ПОД
слоем с полосками, залейте его линейным
градиентом от темного оранжевого к
светлому оранжевому.
Чтобы получить видимость меха, используем Фильтр Noise  Add Noise
(Шум > Добавить шум) и установим монохромное распределение = 25 %.
Теперь соедините слои в один: Layer 
Flatten Image и примените два фильтра:
Фильтр Blur  Motion Blur (Размытие
Размытие в движении) - установите угол
в -55 градусов и Distance (смещение) в 10
пикс.
И Фильтр Sharpen  Smart Sharpen
(Резкость  «Умная» резкость).
ПРАКТИЧЕСКАЯ РАБОТА №18
СОЗДАНИЕ ХУДОЖЕСТВЕННОГО ТЕКСТА
Задание 1. Водяной знак.
Водяной знак нужен для того, чтобы помечать свои фотографии или работы в
Photoshop. Водяной знак должен быть ненавязчивым и трудноудаляемым.
Сделаем наш водяной знак рельефным и прозрачным.
Создадим в Photoshop новый файл размером 400х200 пикселей с прозрачным
фоном.
86
Возьмем инструмент Текст и в верхнем меню выберем подходящий шрифт,
например, Mistral. Цвет шрифта сделаем черным, размер – 150 тч.
Напечатаем свое имя или то, что вы хотите видеть на водяном знаке.
Затем придадим рельефности нашему будущему
водяному знаку: Layer  Layer Style  Bevel and
Emboss (Слой Эффекты слоя  Рельефность).
Можно поиграть с настройками, а можете оставить
значения по умолчанию.
Затем в окне слоев уменьшим Fill (Заливку) слоя с
надписью до 0%.
Растеризуйте текстовый слой, выбрав команду Rasterize Type в контекстном
меню слоя.
Затем сохраните полученный результат в формате PDF.
Теперь откройте то изображение, на которое Вы хотите нанести водяной знак.
Выберите в меню File  Place (Файл – Поместить). В открывшемся окне
выберите свой файл Водяной знак.pdf. Ваша надпись вместе с рамкой
трансформации появится строго в центре изображения:
87
Для того, чтобы надпись пропорционально изменялась в размерах,
нажмите Shift, и затем потяните за угол рамки трансформации, чтобы сделать
водяной знак нужного размера: Для того, чтобы переместить водяной знак на
нужное место, воспользуйтесь инструментом Move tool (Перемещение)
.
Чтобы завершить размещение водяного знака, сделайте двойной щелчок
левой кнопкой мыши.
Выполните команду Layer  Flatten Image, чтобы соединить водяной
знак с изображением. Сохраните документ в формате PSD или JPG.
Задание 2. ТЕКCТ ПОД ВОДОЙ
№
1.
2.
3.
Действие
Результат
Откройте новый RGB документ с размерами 300x300px.
Воспользуйтесь Filter > Noise > Add Noise
(«Фильтр – Шум – Добавить шум») со
следующими настройками:
 Amount (Количество) – 400 %,
 Distribution (Распределение) – Unirorm
(Униформа),
 установить флажок Monochromatic
(Одноцветное).
 Нажать ОК.
Filter > Sketch > Chrome («Фильтр – Эскиз –
Хром»), установить настройки:
 Detail – 10;
 Smoothness – 10;
 Нажать ОК.
88
4.
Создать текст: цвет белый, размер – любой
(но не меньше 36), шрифт – любой.
5.
6.
7.
8.
9.
Обведём буквы: выделить двойным щелчком
по слою с текстом для вызова окна стиля. В
появившемся окне «Стиль слоя» двойным
щелчком выделите опцию «Штрихование»,
установите цвет заливки – чёрный, размер – 5
пкс. Нажмите ОК.
Объедините оба слоя: Слой – Выполнить
сведение.
и введите
Filter > Stylize > Extrude
настройки:
 Pyramids;
 Size – 4 pixels;
 Depth – 20;
 Random;
 Mask Incomplete Blocks.
Создадим эффект водной поверхности с
помощью фильтра «Стекло»: Filter > Distort
>Glass с настройками:
 Distortion – 1;
 Smoothness – 2;
 Нажмите ОК.
Теперь осталось только раскрасить наше
изображение:
подберите
цвет,
напоминающий цвет
морской волны.
Команда: Изображение – Тон/Насыщенность,
установить параметры:
 Флажок «Тонирование»;
 Тон – 184;
 Насыщенность – 34;
 Нажмите ОК.
Задание 3. ПЛАСТМАССОВЫЙ ТЕКСТ
№
1.
Действие
Результат
Откройте новый RGB документ с размерами 640x480px. Залейте документ
черным цветом: в палитре «Образцы» выберите черный цвет и нажмите Alt +
BackSpace.
89
2.
Добавьте текст. Используйте любой
шрифт, размер, стиль. Желательно
чтобы буквы были как можно толще.
Цвет текста – белый.
3.
Изменим цвет текста: Кликните по слою
с текстом два раза, чтобы вызвать окно
Стиль слоя. В окне Стиль слоя
выберите Наложение цвета (Color
Overlay). Нажмите образец цвета,
справа от Режима наложения (Blend
Mode), чтобы изменить цвет вашего
текста. Желательно выбирать более
светлые оттенки цвета.
Придадим тексту объем: вызовите окно
«Стиль слоя», выберите опцию
«Внутренний отблеск», установите
параметры:
 Режим смеси – Умножение;
 Установить цвет вместо желтого
темно-красный (если у вас
оранжевый текст);
 Прозрачность – 50%;
 Источник – край;
 Размер – 13 пикселей.
В окне «стиль слоя» выбрать опцию
«Фаска и рельеф» и установить
параметры
Состав: глубина – 131 %;
Размер – 18 пкс;
Затенённость:
Угол – 120%;
Установить флажок «Использовать
сферический свет»;
Высота – 60 %;
Контур глянца установить Ring Triple
(раскрыть список – Contours - Добавить
- Ring Triple
);
4.
5.
Установить флажок «Сглаженное»;
Полупрозрачность (света) – 100 %;
Полупрозрачность (тени) – 0%.
90
6.
В Стиле слоя, перейдите во вкладку
Контур (Contour). На этот раз выбираем
контур «Пологий склон - долина»
(Shallow Slope-Valley).
7.
8.
Дублируйте слой с текстом.
Выберите оригинал слоя с текстом.
Добавим обводку тексту: вызовите еще
раз Стиль слоя и выберите в нем
Штрихование (Stroke), установите
Размер (Size) 3-6 пикселей. А цвет
выберите, наведя курсором на одну из
букв и кликнув где-то между самым
светлым и самым темным участком
буквы.
9.
Перейдите во вкладку Фаска и рельеф
(Bevel and Emboss). Измените в Составе
(Structure) Стиль (Style) на Штриховка
(Stroke Emboss). Спуститесь к Контурам
глянца (Gloss Contour) и выберите
«Пологий склон –долина» (Shallow SlopeValley). Остальные настройки установите
следующие:
 Глубина – 41%;
 Размер – 24 пкс;
 Полупрозрачность (тени) – 40%.
Задание 4. ЗОЛОТОЙ ТЕКСТ
№
1.
2.
Действие
Результат
Откройте новый RGB документ с размерами 300x300 пкс. Залейте
документ черным цветом: в палитре «Образцы» выберите черный цвет и
нажмите Alt + BackSpace.
Добавьте текст. Используйте любой шрифт,
размер, стиль. Желательно чтобы буквы были
как можно толще. Цвет текста – белый.
3.
Выделите текст и сохраните выделение. Оно
нам еще понадобится.
4.
Объедините слои: Слой – выполнить
сведение. Примените фильтр размытия:
Фильтры – Смазывание – Смазывание по
Гауссу радиусом 4-7 пкс.
91
5.
6.
7.
8.
Загрузите
сохранённое
выделение:
Выделение
–
Загрузить
выделение.
Инвертируйте выделение и залейте его
чёрным цветом. Еще раз инвертируйте
выделение, уменьшите его: Выделение –
Модифицировать – Сжать на 4 пкс и залейте
его белым цветом.
Примените фильтр подсветки: Фильтры –
Render – Lighting Effects. Установите
следующие параметры:
 Style – Three Down;
 Intensity – 35;
 Focus – 26;
 Gloss – 21;
 Material – 100;
 Exposure – 26;
 Ambience – 4;
 Texture Channel – Красный;
 Height – 100.
Настройте цвет: Изображение –
Регулировки – Оттенок/Насыщение,
установите параметры: оттенок – 35,
насыщенность – 35, флажок «Тонирование».
Можно поменять фон с черного на любой
другой.
Задание 5. ОГНЕННЫЙ ТЕКСТ
№
Действие
Результат
1.
Откройте новый RGB документ с размерами 300x300 пкс с белым фоном.
2.
Добавьте текст. Используйте любой шрифт,
размер, стиль. Желательно чтобы буквы
были как можно толще. Цвет текста –
чёрный. Объедините два слоя: Слои –
Выполнить сведение.
Примените фильтр: Фильтры – Pixelate –
Crystallize с коэффициентом кристаллизации
Cell Size от 4 до 6.
3.
4.
Поверните изображение: Изображение –
Повернуть холст на 90° по часовой стрелке.
92
5.
6.
7.
Применить фильтр: Фильтр – Stylize –
Wind, установите параметры:
 Method – Wind;
 Direction – From the left.
Примените фильтр искажения: Фильтр –
Distort – Ripple, установите параметры:
 Amount – от 40 до 60;
 Size – Large.
Верните текст в горизонтальное положение:
Изображение – Повернуть холст на 90°
против часовой стрелки.
Придайте
изображению
цвет
огня:
Изображение
–
Регулировки
–
Оттенок/Насыщение, включите тонировку,
установите значение оттенка от 30 до 50,
насыщенности – от 80 до 100.
Попробуйте сделать то же самое, только используя белый текст на черном
фоне. Результат получится намного эффектнее:
8.
Задание 6. МАГИЧЕСКИЙ ТЕКСТ
№
1.
2.
3.
Действие
Результат
Откройте новый RGB документ с размерами 300x300 пкс. Сделайте фон
чёрным.
Добавьте текст. Используйте любой
шрифт, размер, стиль. Желательно чтобы
буквы были как можно толще, буквы –
вытянутые (для этого можно применить
трансформацию текста). Цвет текста –
белый.
Вызовите окно Стиль слоя и установите
опцию Внешний отблеск с параметрами:
 Полупрозрачность – 100%
 Цвет – синий, или любой другой по
желанию.
93
4.
5.
Дублируйте слой с текстом. Растрируйте
оба стоя (навести курсор на слой, вызвать
контекстное меню и выбрать команду
Растеризация слоя). Для оригинального
слоя с текстом примените фильтр:
Фильтр – Смазывание – Смазывание
движения, установите параметры:
 Искажение - 90°;
 Дистанция – от 20 до 40.
Еще раз для этого слоя текста примените
тот же самый фильтр, но с параметром
искажения – от 30 до 40°.
6.
Объедините слои: Слои – Выполнить
сведение. Создайте новый слой, на
котором с помощью кисти нарисуйте
звездочки разных штампов и размеров.
7.
Для слоя со звездочками примените то же
самое свойство внешнего отблеска (см.
пункт 3).
МОДУЛЬ 12. СОЗДАНИЕ АНИМИРОВАННЫХ ИЗОБРАЖЕНИЙ
ПРАКТИЧЕСКАЯ РАБОТА №19. НОВОГОДНЯЯ ЕЛКА.
1. Откройте изображение елочки.
2. Создайте новый слой.
3. Загрузите набор кистей Assorted Brushes и выберите кисть
.
4. Установите цвет переднего плана – белый, и поставьте отпечатки кистью в
нескольких местах.
5.Создайте новый слой. Снова поставьте
отпечатки кистью, можно в других областях
рисунка, можно поверх отпечатков
предыдущего слоя, немного
увеличив/уменьшив при этом диаметр кисти.
6. Повторите предыдущий пункт еще 2-3 раза.
У нас должно получиться 5-6 слоев.
94
7. В меню Window выберете Animation. Нажмите на кнопку в правом верхнем
углу панели, под кнопкой закрытия
Выберите в выпадающем списке Make Frames From Layers.
Теперь нажмите на кнопку в правом нижнем углу:
8. Нажав на кнопку Play/Stop Animation, вы можете просмотреть получившуюся
анимацию.
9. Вы можете установить желаемое число повторений цикла
анимации: один раз (once), постоянно (forever) или конкретно
заданное число раз.
10. Можно настроить длительность показа каждого кадра в
анимации, щелкнув по черном треугольничку под кадром и
выбрав в раскрывающемся списке длительность показа кадра.
11. Теперь нужно сохранить анимированную картинку: выберите в меню File –
Save for Web & Devices…- В результате будет создан файл в формате GIF.
95
Литература
1. Залогова Л.А. Компьютерная графика. Элективный курс: Учебное пособие/
Л.А. Залогова. – 2-е изд. – М.: БИНОМ. Лаборатория знаний, 2006. – 212 с.
2. Залогова Л.А. Компьютерная графика. Элективный курс: Практикум/ Л.А.
Залогова. – 2-е изд. – М.: БИНОМ. Лаборатория знаний, 2007. – 245 с.
3. Элективный курс «Графический редактор Photoshop» (информатика). 9-11
классы. I часть. / Сост. С.Н. Леготина. – Волгоград: ИТД «Корифей», 2005. –
96 с.
4. Элективный курс «Графический редактор Photoshop» (информатика). 9-11
классы. II часть. / Сост. С.Н. Леготина. – Волгоград: ИТД «Корифей», 2005. –
96 с.
5. Тимофеев Г.С. Тимофеева Е.В. Графический дизайн. Серия «Учебный курс».
Ростов н/Д: Феникс, 2004. – 320 с.
6. Стрелкова Л.М. Photoshop. Практикум – М.: Интеллект-Центр, 2006. – 96 с. (с
диском).
Интернет-ресурсы
1. http://www.postroika.ru/books/books3.html - раздел сайта «Постройка.РУ»,
посвященный способам и приёмам создания и обработки графических
файлов. Содержит библиотеку современных электронных пособий по
работе с графическими редакторами Adobe Photoshop. Adobe Illustrator,
CorelDraw, InDesign.
2. www.photoshop-master.ru – авторский сайт PHOTOSHOP.МАСТЕР.ru
3. http://balbesof.net/info/photoshop_map.html - Уроки для начинающих по
фотошопу.
4. WWW.ADOBEPS.ru - Уроки фотошопа
5. http://web-silver.ru/photoshop/ - Дизайн-навигатор
6. http://www.junior.ru/students/sumerkina
материалы
по
основам
компьютерной графики.
7. http://marklv.narod.ru/inf/cograf.html - Компьютерная графика: полезные
ссылки.
8. http://www.seegix.net/ - Электронный учебник по компьютерной графике.
Содержит учебные материалы по работе с такими редакторами, как Adobe
Photoshop, Corel-Painter, Adobe Illustrator, Macromedia Flash.
96
97
Автор
irina.shir
Документ
Категория
Методические пособия
Просмотров
139
Размер файла
84 366 Кб
Теги
учебное пособие, компьютерная графика
1/--страниц
Пожаловаться на содержимое документа