Лабораторное занятие-Adobe Photoshop. Занятие 1 Тема Коллаж. Маски и каналы Задание. Создайте коллаж облака на картинке Ветер. Рис. 1а. Рис. 1б

• Название: Занятие 1 Тема Коллаж. Маски и каналы Задание. Создайте коллаж облака на картинке Ветер. Рис. 1а. Рис. 1б
• Дата: 04.10.2021
• Размер: 1.63 Mb.
• Имя файла: Лабораторное занятие-Adobe Photoshop.pdf
• Тип: Занятие; #240990

Лабораторное занятие № 1
Тема: Коллаж. Маски и каналы
Задание. Создайте коллаж облака на картинке Ветер.
Рис. 1.1а.
Рис. 1.1б.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например, Ветер.
Откроется контексное меню. Выберите строку Открыть с помощью – Adobe PhotoShop CS
2. Откроется фотография в PhotoShop
Рис. 1.2.
3. Выберите инструмент Перо (Р)
4. Щелчками изобразите произвольный замкнутый контур в области неба. Это область для вставки части изображения из другой картинки.
Рис. 1.3.
5. В слое выбираем Opacity Непрозрачность - 0% Область внутри замкнутого контура станет прозрачной и будут видно все изображение первой картинки.
Рис. 1.4.
6. Переходим на вкладку Контуры (Path)
7. Щелкаем правой кнокой мыши по строке Форма 1 векторная
маска
8. Появится контексное меню
9. Выбираем строку Сделать Выделение… (Make Selection…)
10. В появившемся д/о Сделать выделение щелкаем Ok
11. Замкнутый контур примет вид бегущей пунктирной линии
Рис. 1.5.
12. Выберем команду Файл-Открыть
13. Откроется диалоговое окно Открытия документа выберем строку
Лазурь и щелкнем Открыть. Откроется картинка Лазурь
14. Щелкнем инструмент Лупа и увеличим часть изображения, где есть маленькое облако. Щелкнем инструмент Волшебная палочка
15. Щелкнем мышью внутри маленького облака. Облако будет выделено бегущей пунктирной рамкой. Если выделится несколько облаков снимите выделение с помощью клавиш Ctrl+D и попробуйте выделить снова. Желательно, чтобы выделилось только одно облако.
16. Выберите команду Редактирование-Копировать… (Edit-Copy )
17. Сверните эту картинку

1. На экране появится изображение первой картинки Ветер
2. Выберите команду Редактирование-Вставить В ( Edit-Paste Into)
3. Появится облако на первой картинке
Рис. 1.6.
4. Письменно ответьте на следующие вопросы: 1. Перечислите последовательность действий и команд для создания коллажа 2. Какой инструмент используется для изображения замкнутого контура?
3.Какая команда используется для выделения контура? 4. Какой инструмент применяют для выделения изображения на второй картинке? 5. Какие команды используются для копирования и вставки изображения? 6. Какая команда используется для трансформации изображения? 7. Какие клавиши используются для снятия выделения?
Лабораторное занятие № 2
Тема: Коллаж. Маски и каналы
Задание 1. Выполнить замену фона с помощью быстрой маски.
Рис. 2.1а.
Рис. 2.1б.
Рис. 2.1в.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например,
Рыбки. Откроется контексное меню. Выберите строку Открыть с помощью – Adobe PhotoShop
CS
2. Откроется фотография в PhotoShop
3. Перейдем на палитру Слои (Layers) и дважды кликнем по слою Background и Ok. Это действие конвертирует фон в слой (Layer 0).
4. Выберем инструмент Волшебная палочка и щелкнем по фону.
5. Фон будет выделен не полностью.
6. Нажмем клавишу Shift и удерживая ее щелкнем на невыделенных областях фона, так, чтобы выделить весь фон
7. Перейдем на вкладку Channels (Каналы)
8. Нажмем кнопку
Сохранить выделенную область
9. В палитре появится новый канал Альфа1 – канал.
10. Щелкнем левой кнопкой мыши по Альфа1-каналу
11. Появится черно-белое изображение. Область выделения станет белой, невыделенная – черной
12. Нажмем Ctrl+D – выделение будет снято.
13. Нажмем Ctrl+щелчок по Альфа1 – вновь появится выделение
14. Переходим на вкладку Layers (Слои)
15. Щелкнем по Layer0 16. Нажмем Delete
17. Фон будет удален.
18. Создаем новый слой Layer1 19. Переместим слой Layer1 вниз под слой Layer0 20. Выделим слой Layer1 и выполним градиентную заливку (см. рис. 1.5б).
В качестве фона выберем другую фотографию (см. рис. 1.5в)
Лабораторное занятие № 3
Тема: Коллаж. Маски и каналы

Задание. Отделение фона с использованием Extract
Рис.3.1а.
Рис. 3.1б.
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например,
Рифовая_рыбка. Откроется контексное меню. Выберите строку Открыть с помощью – Adobe
PhotoShop CS
2. Откроется фотография в PhotoShop
3. Перейдем на палитру Слои (Layers) и дважды кликнем по слою Background и Ok. Это действие конвертирует фон в слой (Layer 0).
4. Нажмем комбинацию клавиш Alt+Ctrl+X. Откроется диалоговое окно Extract (Фрагмент)
5. Активируем инструмент Маркер (Edge Highlighter Tool
В поле Brush Size введем 20
6. Проводим по контуру фрагмента изображения, который необходимо извлечь.
7. Выберем инструмент Заливка (Fill Tool) и зальем фрагмент изображения, который мы хотим отделить от фона и Ok..
8. Для редактирования используем инструменты Ластик (Eraser – для удаления) и Кисть возврата
(History brush – для восстановления утеренной части изображения)
9. Откроем вторую фотографию для фона Рыбки. Выполним команду File-Open-Рыбки.jpg – Открыть.
Откроется 2-ой файл. Переместим окно немного вниз. Установим курсор мыши на фоне в палитре
Слои Нажмем левую клавишу мыши и не отпуская ее перетащим на первый документ. Картинка появится на первом документе в слое Layer1.
10. Переместим слой Layer1 вниз под слой Layer0. Выделим слой Layer0 Для редактирования используем Ластик и Кисть.
11. Выполним последовательно команды Edit-Transform-Flip Horizontal и Edit-Transform-Scale появится рамка выделения. Используя угловой маркер уменьшим изображение и нажмем Enter.
Лабораторное занятие № 4
Тема: Контуры
Задание 1. Выполнить контурный рисунок из фотографии.
Рис. 4.1а.
Рис. 4.1б.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например,
Фиолетовый цветок. jpg. Откроется контексное меню. Выберите строку Открыть с помощью –
Adobe PhotoShop CS
2. Откроется фотография в PhotoShop
3. Перейдем на палитру Слои (Layers)
4. Дважды щелкнем по слою Background
5. В диалоговом окне New layer в поле Name введем original и Ok.
6. Щелкнем правой клавишей по слою original и выберем строку Duplicate Layer…
7. В поле As введем top и Ok.
8. Создадим два слоя (line и background) и расположим их между слоями original и top (см.рис.
1)
9. Отключим видимость слоя top (щелкнув по изображению глаза слева).

10. Выделим слой background, выберем инструмент Заливка (Paint Bucket Tool), установим цвет белый и зальем белым цветом.
Рис. 4.2. Палитра Layer
11. Отключим видимость слоя background
12. Выделим слой line
13. Выберем инструмент Свободное перо (Freeform Pen Tool)
14. Щелкнем кнопку Paths (Пути)
, расположенную в панели свойств (вверху) и обведем контуры цветка
15. Щелкните инструмент Кисть, затем выберите вкладку Brushes (кисти) в правой верхней части экрана
Рис.
4.3.
Обводка
контура
Рис. 4.4. Панель Brushes
Рис. 4.5. Панель Brushes
16. Перейдем в раздел Shape Dinamics (динамическое изменение формы);
17. Зададим для параметра Control режим Fade (затухание Fade=250, Minimum Diameter=27%) (см. рис. 3);
18. Выберем строку Brush Tip Shape установим Diametr: 12 px, Angle: -130, Roundness: 20% (см. рис. 4);
19. Нажмем клавишу D — цвета по умолчанию. Появится цвет переднего плана — черный
20. Перейдем на вкладку Paths (Пути)
21. Щелкнем правой клавишей мышки по строке Work Path и из контексного меню выберем строку
Stroke Path (обводка контура).
22. В поле Tool устанавливаем инструмент Кисть (Brush) и флажок Simulate Pressure и Ok.
23. В палитре Layer включим видимость слоя background, чтобы увидеть результат.
24. В палитре Layer включим видимость слоя top, выделим слой top и установим режим Color
вместо режима Normal
25. Создаем слой Paint и располагаем его междуслоями top и line
26. Выделяем слой Paint, выбираем инструмент Кисть и в панели свойств (вверху) устанавливаем непрозрачность «opacity» кисти 20%, размер – 40. В палитре кистей установим Brush Angle равное «-45» градусов и снимем галочку Shape Dynamics.
Раскрасим изображение произвольным цветом. При раскраске можно иногда отпускать кнопку мыши для того, чтобы цвет «умножался» - накладывался друг на друга.
27. Используем инструмент Резинка Еraser Tool для удаления цвета находящегося за пределами линии.
Лабораторное занятие № 5
Тема: Ретушь техническая и художественная
Задание 1. Устранить дефекты фотографии с использованием штампа

Рис. 5.1. Дефект на фотографии
Рис. 5.2. Результат устранения дефекта
инструментом Rubber Stamp (Штамп)
Ключ к заданию:
1. Загружаем PhotoShop
2. Выполняем команду Файл-Открыть
3. Из папки Мои документы выбираем картинку 4.jpg для редактирования
4.
Выбираем инструмент «штамп».
5. Подводим курсор на то место, откуда будем копировать пикселы и нажимаем клавишу Alt и щелкаем мышью
6. Таким образом мы отмечаем место, откуда будут копироваться пикселы.
7. Затем мы перемещаем курсор на то место, куда мы хотим скопировать пикселы, и начинаете работать инструментом Штамп так же, как Кистью. Инструмент будет оставлять под собой те пикселы, которые копируются из выбранной нами зоны.
Способ 2.
1.
Загружаем PhotoShop
2.
Выполняем команду Файл-Открыть
3.
Из папки Мои документы выбираем картинку 4.jpg
4.
Переходим на вкладку History (История)
5.
Щелкаем правой кнопкой мыши на строке Open
6.
Появится контексное меню
7.
Выберем строку New Snapshot создания нового кадра
8.
Появится новый кадр под именем Snapshot1 9.
Выполним команду Filter→Noise→Dust &Scratches.
Установим Порог (Threshold) равным 0 и задаем Радиус (Radius) – 5 и
Ok.
10.
На изображении исчезнут дефекты, а также вместе с царапинами исчезает зернистость, присущая фотоизображению.
11.
Выполним команду Filter→Noise→Add Noise.
12.
В появившемся д/о задаем следующие параметры (Distribution): Uniform, флажок в пункте
Monochromatic включен, процент шума (Amount) - 3%
13.
На изображении вновь появится зернистость.
14.
Щелкаем правой кнопкой мыши
15.
Появится контексное меню
16.
Выберем строку New Snapshot создания нового кадра
17.
Появится новый кадр под именем Snapshot2 18.
Этот кадр Snapshot2 (без царапин и с нужной зернистостью), будет использоваться для того, чтобы
«подлатать» оригинальное изображение.
19.
Щелкнем мышью в окошке справа от иконки Snapshot2

20.
Таким образом, устанавливаем источник, из которого инструмент History Brush (историческая кисть) будет импортировать пикселы.
21.
Выбираем в панели History (История) кадр Snapshot1 22.
Выбираем инструментом History Brush(Историческая кисть) , проводим по области, на которой есть мелкие дефекты. В результате дефекты как бы растворяются под кистью.
Закрываем рисунок без сохранения.
Лабораторное занятие № 6
Тема: Тоновая и цветокоррекция
Задание 1. Изменить цвет на фото с помощью команды
Color Range.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например, Дома. jpg. Откроется контексное меню. Выберите строку Открыть с помощью – Adobe PhotoShop CS
2. Откроется фотография в PhotoShop
3. Щелкнем правой кнопкой мыши по слою Background (Фон) и выберем команду
Duplicate Layer
(Создать дубликат слоя) и Ok.
4. Выполним команду
Select
(Выделение) -
Color Range
(Цветовой диапазон). Выберем пипетку со знаком
+
. Выполним несколько щелчков по алым цветам. Несколько щелчков необходимо, чтобы выбрать все оттенки алого цвета. Нажимаем Ok.
5. Примечание: можно расширить цветовой диапозон движком
Fuzziness
(Разброс).
6. Выбираем команду
Image>Adjustments>Hue/Saturation
(Изображение-Коррекция-Цветовой тон/Насыщенность).
7. В диалоговом окне
Hue/Saturation
варьируя настройки Hue, Saturation и Lightness подбираем необходимый цвет и Ok.
Задание 2. Создатьчерно-белую фотографию из цветной с помощью команды Hue/Saturation.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например, Дома. jpg. Откроется контексное меню. Выберите строку Открыть с помощью – Adobe PhotoShop CS
2.
Откроется фотография в PhotoShop
3. Выберем команду Layer-New Adjustment-Hue/Saturation (Слой-Новый корректирующий слой-
Цветовой тон/Насыщенность), введем параметры: Hue: +38, Saturation:-59, Lightness:+12 и Ok.
4. Щелкнем правой клавишей по слою
Background
и выберем строку Duplicate Layer… и Ok.
5.
Выделим слой
Background
copy и последовательно выполним команды
Image-Adjustments-
Desaturate (Изображение-Коррекция-Обесцветить) и Image-Adjustments-Equalze (Изображение-
Коррекция-Выровнять яркость)
6.
Выберем команду
Filter-Texture-Grain (Фильтр-Текстура-Зерно), на изображении появятся царапины.
7. Из выпадающего списка режима смешивания вместо Normal выберем Darken(Замена тёмным).
Задание 3. Создатьцветную фотографию из черно-белой с помощью команды Hue/Saturation.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по черно-белой фотографии, которую нужно преобразовать.
Откроется контексное меню. Выберите строку Открыть с помощью – Adobe PhotoShop CS
2. Откроется фотография в PhotoShop
3. Выполним команду Image/Mode/RGB Color - Изображение/Режим/RGB
4. Выделим всю область изображения с помощью инструмента Прямоугольное выделение.
5. Выберем команду Image/Adjust Hue/Saturation и установим флажок Colorize (Раскрашивание).
Этот флажок переводит диалоговое окно в режим раскрашивания изображений.
6. С помощью скользящих указателей Hue, Saturation, Lightness зададим желаемый цвет и щелкнем на кнопке ОК.
Письменно ответьте на вопросы: 1. C помощью какой команды устанавливается цветовой контраст?
2. Команда перевода изображения в цветовую модель Lab?
3. Для чего предназначен корректирующий слой.
4. Как осветлить, обесцветить фотографию, увеличить резкость изображения, изменить цвет объектов?
Лабораторное занятие № 7
Тема: Фильтры

Задание 1. С помощью фильтров преобразовать цветную фотографию в акварель для оформления календаря.
а). фотография
б). фотография, преобразованная в акварель
Рис. 7.1.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например,
Стоунхендж. Откроется контексное меню. Выберите строку Открыть с помощью – Adobe PhotoShop
CS
2. Откроется фотография в PhotoShop
3. Выбираем команду Изображение-Регулировки-Тень/Блик… (image>Adjustments>Shadow Highlight)
4. В появившемся д/о задаем Тени (Shadows/Highlights) Количество (Amount) – 100, Блики (Highlights)
Количество (Amount) – 0 и нажимаем Ok
5. Фотография стала намного светлее.
6. Выполняем команду Фильтр-Стилизация-Вычисление краев (Filter>Stylize>Find Edges)
Изображение станет похожим на карандашный рисунок.
7. Выбираем Редактирование-Блекнуть вычисление краев (Edit>Fade Find Edges)
8. В появившемся диалоговом окне задаем Непрозрачность (Opacity) – 33, и Режим (mode)– Свечение
(Luminosity) и нажимаем Ok.
9. В результате появится изображение акварельного пейзажа (см. рис. 7.2.).
Задание 2. Оформить эффект отражение в воде с использованием фильтров
Рис. 7.2. Фотография
Рис. 7.3. На фотографии применен эффект
отражение в воде
Ключ к заданию:
1. Загружаем PhotoShop
2. Выполняем команду Файл-Открыть
3. Из папки Мои документы выбираем картинку 15.gif
4. Выделяем на фотографии здание, небо, деревья при помощи прямоугольного выделения (
M
).
5. Выбираем
Редактирование - Трансформирование - Отразить по вертикали
6. Двигаем отражение вниз (инструмент перемещение (
V
)).
7. На вкладке слои вместо Normal выберем Multiply. Слой станет темнее
8. Зададим параметр Opacity (Непрозрачность) слоя – 60%

9. Выбираем команду
Filter->Blur->Motion Blur
(Фильтр
->
Размытие
->
Размытие в движении)
Зададим Angle (Угол) — 90 и Distance (Дистанция) — 6. Изображение станет слегка размытым.
10. Выбираем команду
Filter/Distort/Ocean Ripple
(Фильтр
->
Искажение
->
Океанская дрожь)
Зададим
Ripple Size
(Угол) — 2 и
Ripple
Magnitude (Дистанция) — 1. На изображении появится рябь.
11. Письменно ответьте на следующие вопросы: 1. С помощью какой команды можно изображение сделать более светлым? 2. С помощью какого фильтра можно преобразовать изображение в карандашный рисунок? 3. Как преобразовать карандашный рисунок в акварель?
Фильтры для создания рамок и текстурного текста
Задание 1. Создать узорную рамку для фотографии.
Рис. 7.4а.
Рис. 7.4б.
Ключ к заданию:
1. Щелкните правой кнопкой мыши по фотографии, которую нужно преобразовать, например, Лестница.
Откроется контексное меню. Выберите строку Открыть с помощью – Adobe PhotoShop CS
2. Откроется фотография в PhotoShop
3. Если палитра Слои отсутствует выберите команду Окно-Слои
4. В палитре Слои перейдите на вкладку Каналы.
5. Щелкаем кнопку Создать новый канал, которая расположена в нижнем правом углу палитры Канал. Создается Альфа1 и полотно окрашивается черным цветом.
6. Выберите инструмент прямоугольная область (М) Рисуем прямоугольную рамку.
7. Выполняем команду Выделение-Инвертировать выделение (Shift+CTRL+I)
Появляются две пунктирные рамки.
8. Выбираем инструмент Заливка и цвет – белый.
9. Заливаем белым цветом. После заливки область внутри рамки остается черной, за пределами рамки – белой.
10. Нажимаем клавиши Ctrl+D. В результате выделение будет снято.
11. Выполняем команду Filter→ Pixelate→ Сolor Halfone (Фильтр→Оформление→Цветные полутона
Открывается д/о Сolor Halfone
12. В поле Max Radius вводим 8 13. Нажимаем Ok Появится узорная пунктирная рамка.
14. Щелкаем по RGB канал в палитре Канал Появляется фотография
15. Выполняем команду Выделение→Загрузить Выделение (Select→Load selection); появляется д/о Загрузить

Выделение Щелкаем Ok. Появляются две пунктирные рамки.
16. Выбираем инструмент Заливка и цвет – белый.
17. Залейте выделенную область между двумя пунктирными рамками белым цветом.
18. Щелкнуть инструментом Заливка необходимо несколько раз по всей полосе между рамками
19. Получится фотография с узорной рамкой (см. рис. 1.2б.).
Задание 2.Создайте узорную рамку для той же фотографии с использованием одного из следующих фильтров . Filter→ Pixelate→ Сrystallize (Фильтр→Оформление→Кристаллизация), Filter→Distort→Ripple
(Фильтр→Искажение→Рябь), Filter→Distort→Glass (Фильтр→Искажение→Стекло), Filter→Brush
Strokes→Spatter (Фильтр→Штрихи кисти→Брызги).
Ключ к заданию: Выполните аналогично все действия, как в предыдущем задании (см. пп. 1-10 ), за исключением пп. 11-13, так как фильтр нужно применить другой.
Письменно ответьте на следующие вопросы: 1. Как создаются узорные рамки? 2. Какик команды используются для создания узорных рамок? 3. Для чего используются команда Выделение-Инвертировать выделение, Выделение→Загрузить Выделение? 4. Как создать новый канал? 5. Какие фильтры используются для создания узорных рамок? 6. Какие клавиши используются для снятия выделения?
Задание 3. Создать текстурный текст
Рис. 7.5а.
Рис. 7.5б.
Ключ к заданию:
1. Выполните пункты с 1 по 5 включительно. (см. задание 1 выше)
2. Выберите инструмент Текст в панели свойств (вверху) Arial Bold 400 тч Плавный и напечатаем на черном фоне белым цветом любую букву, например букву А
3. Перейдем в канал RGB. Выполним команду Выделение → Инвертировать выделение
4. Выбираем инструмент Заливка и цвет – белый.
5. Залейте выделенную область между буквой и рамкой белым цветом. При этом, щелкнуть инструментом Заливка необходимо несколько раз по всей области между буквой и рамкой
6. Получится буква с текстурной заливкой на белом фоне (см. рис. 1.3б).
7. Письменно ответьте на вопрос: Как создается текстурный текст? Как выполняется инверсия?
Лабораторное занятие № 8
Тема: Работа с текстом

Задание. Оформить надпись из воды
Ключ к заданию:
1. Создайте исходное изображение средних размеров в цветовом режиме RGB. Убедившись, что цвета выставлены по умолчанию (D), примените к нему фильтр Clouds (Облака): Filter - Render - Clouds
(Фильтр - Освещение - Облака), который добавит относительно случайным образом формируемую текстуру.
2. Затем выполните фильтр Chrome (Хром): Filter - Sketch - Chrome (Фильтр - Эскиз - Хром).
3. Окрасьте воду в голубой цвет. Воспользуйтесь цветокорректирующим средством Color Balance
(Цветовой баланс), которое можно запустить горячим сочетанием клавиш Ctrl+B.
Рис. 8.1. Настройки фильтра Chrome (Хром)
4. В открывшемся диалоговом окне в опции Color Levels (Цветовые уровни) введите значения -67 26 74. Заготовка окрасится в естественные для воды оттенки.
5. Для того, чтобы сделать текстуру воды более привлекательной, необходимо проделать ряд дополнительных действий.
6. Создайте новый слой (Ctrl+Shift+N). Повторите применение фильтров Clouds (Облака) и Chrome
(Хром), которое было использовано для рисования воды на первом слое. Затем запустите инструмент Hue / Saturation (Цвет / Насыщенность) и примените его, включив опцию Colorize
(Тонирование), со следующими настройками: Hue (Цвет) 207, Saturation (Насыщенность) 47,
Lightness (Яркость) -20. В палитре Layers (Слои) установите параметр Opacity (Непрозрачность) 60
%. Склейте слои. Возможно, понадобится добавить немного насыщенности оттенкам при помощи того же Hue / Saturation.
7. Пришло время создать надпись из воды. Для этого создайте еще один слой. Напишите белым цветом слово aqua, шрифт Arial Rounded MT Bold. Примените к надписи фильтр Gaussian Blur:
Filter - Blur - Gaussian Blur (Фильтр - Смазывание - Смазывание Гаусса). Радиус размытия возьмите в 1 px.
8. Затем откройте палитру Layers (Слои) и установите для только что созданного текстового слоя следующие настройки: Fill (Заливка) 0, Opacity (Непрозрачность) 80. В результате надпись исчезнет, но именно это и нужно для создания эффекта. Продублируйте слой с надписью, перетянув его в палитре Layers (Слои) на пиктограмму в виде белого листа бумаги.
9. Активируйте первый слой с надписью и примените к нему эффект Drop Shadow (Внешняя тень):
Layer - Layer Style - Drop Shadow (Слой - Стиль слоя - Внешняя тень) .
10. Не закрывая диалогового окна, переключитесь на эффект Inner Shadow (Внутренняя тень) и повторите настройки.

11. Введите параметры для третьего эффекта Bevel and Emboss (Скос и рельеф).
12. Завершив работу с этим слоем, переключитесь на второй слой. Примените к нему эффект Bevel and
Emboss: Layer - Layer Style - Bevel and Emboss (Слой - Стиль слоя - Скос и рельеф).
13. Убедитесь, что активен второй слой с надписью и осветлите его при помощи Hue / Saturation: Image
- Adjustments - Hue / Saturation (Изображение - Регулировки - Цвет / Насыщенность) .
Рис. 8.2. Настройки Inner Shadow (Внутренняя тень) для первого слоя надписи
Рис. 8.3. Настройки Bevel and Emboss (Скос и рельеф) для первого слоя надписи

Рис. 8.4. Настройки Bevel and Emboss (Скос и рельеф) для второго слоя надписи
Рис. 8.5. Настройки Hue / Saturation (Цвет / Насыщенность)
14. Активируйте палитру Layers (Слои) и задайте для второго слоя надписи параметры, значения которых можно видеть на рис. 7.11.
15. Склейте все слои (Ctrl+Shift+E).
Рис. 8.6. Настройки для второго слоя надписи в палитре Layers (Слои)

Рис. 8.7. Надпись из воды
Лабораторное занятие № 9
Тема: Создание gif-анимации
Задание 1. Создать анимацию текста вдоль пути.
Ключ к заданию:
1. Открываем PhotoShop
2. Создаем новый документ с размерами 100х100 px, разрешением 72 px/inch, цветовым режимом RGB и прозрачным фоном (transparent)
3. Выбираем инструмент
Ellipse Tool (U)
и рисуем эллипс
4. Выполняем команду Edit-Transform Path-Rotate, поворачиваем эллипс. Нажимаем Enter.
5. Выбираем инструмент
Horizontal Type Tool (T)
6. В панели свойств (вверху) устанавливаем параметры текста соответственно Arial, Bold, 12 pt, None.
Курсор мыши подводим на линию контура, при этом курсор принимает вид и
щелкаем на контуре
7. Вводим текст ImageReady и нажимаем Ok.
Рис. 9.1.
8. Щелкаем правой кнопкой мыши на слое ImageReady и выбираем команду
Duplicate Layer…и Ok
9. Выбираем инструмент
Path Selection Tool (A)
. Текстовый курсор принимает вид
10. Мышкой переместим немного текст вдоль пути.
11. Нижний слой ImageReady делаем невидимым, верхний ImageReadycopy дублируем и немного сдвигаем текст вдоль контура
Рис. 9.2.
12. Аналогично создаем несколько дубликатов слоя. На каждом слое немного сдвигаем текст, пока текст на последнем слое не совпадет с положением текста на контуре первого слоя
13. Выполним команду File - Edit in Image Ready.
14. Щелкнем по кнопке меню панели
Animation
и выберем команду Make Frames From
Layers
15. В палитре
Animation
выделим все кадры, и установим время 0,1 сек
16. Последовательно нажимаем кнопки Play
, затем Stop
Задание 2. (самостоятельно). Создайте анимацию текста (снежинок) вдоль пути. Варианты заданий см. в таблице 1.1.
Таблица 1.1.
Вариант 1
Вариант 2
Вариант 3

Задание 3. Создать gif-анимацию “Движение воздушного шарика”
Ключ к заданию:
1. Открываем в PhotoShop два рисунка 1.jpeg и 2.bmp;
2. Создаем коллаж (см. рис. 1.14);
Рис. 9.3. Коллаж в PhotoShop
Рис. 9.4. Создание фреймов из слоев
3. Выполняем команду Make Frames from Layers
(Создать кадры из слоев) (см. рис. 1.15.);
Рис. 9.5. Добавление фона на 2-ой фрейм
4. Добавляем на 2-ой фрейм Фон (см. рис. 1.16.);
Рис. 9.6. Копирование 2-ого фрейма
5. Копируем 2-ой фрейм;
6. Удаляем кадр 3 в свитке Слои (см. рис. 1.17);
Рис. 9.7. Перемещение шарика на 3-ей
фрейме
7. Перемещаем шарик вправо на копии (см. рис.
1.18.);

8. Щелкаем кнопку Tweens animation frames (Создание промежуточных кадров) и Ok;
9. Запускаем анимацию Plays animation (см. рис. 1.36.);
Рис. 9.8. Создание промежуточных кадров
10. Задаем время 1 сек;
11. Останавливаем анимацию;
12. Сохраняем как GIF (Файл-Сохранить для Web и устройств…);
13. Вставляем gif-анимацию в презентацию (Вставка-Рисунок-Из файла…).
Таким образом, можно создавать различные gif-анимации. Ниже, приведен пример gif-анимации
“Движение парусника”. Для коллажа использовано одно изображение Лазурь.jpg из библиотеки Windows
(см. рис. 1.37а, 1.37б).
Рис. 9.9а. Коллаж
Рис. 9.9б. Gif-анимация
Письменно ответьте на вопросы: 1. С помощью какой команды можно создать фреймы анимации?
2. Инструмент для удаления фрейма.
3. Как создать анимацию текста (объекта) вдоль пути?

Лабораторное занятие № 10
Тема: Автоматизация работы в Photoshop. Палитра Actions
Задание 1. Создать экшен дляподготовки к публикации на сайте 150 фотографий. Для каждой фотографии необходимо изменить размер и оптимизировать для веб (уменьшить размер файла).
Ключ к заданию:
Рис. 10.1.
1.
В папке Мои документы создадим папку PhotoShop
2.
Выберем команду Пуск-Программы-Стандартные-Проводник
3.
Откроем на диске С папку Windows/Web
4.
Выделим папку Wallpaper
5.
Выполним команду Правка-Копировать
6.
Откроем папку Мои документы/PhotoShop
7.
Выполним команду Правка-Вставить
8.
Откроем папку Мои документы/PhotoShop/Wallpaper
9.
Щелкнем правой кнопкой мыши по файлу Windows XP
10.
В контексном меню выберем последовательно команды Открыть с помощью – Adobe PhotoShop
CS2
11.
Откроем палитру Операции (Actions). Если палитра отсутствует, выполним команду Window –
Actions (Окно – Операции)
12.
Нажмем кнопку вызова меню
(значок со стрелкой)
13.
Выберем в раскрывающемся списке New action… (Новая операция)
14.
В открывшемся диалоговом окне в поле Name: введем имя операции Подготовка для веб
15.
Нажмем кнопку Записать (Record).
16.
Выполняем команду Image – Image size (Изображение – Размер изображения)
17.
В поле Width: введем 450 пикселей и Ok.
18.
Выполним команду File – Save for Web (Файл – Сохранить для веб).
19.
В поле Preset (Установить) выберем JPEG High
20.
Щелкнем кнопку Save и сохраним файл в папке Мои документы/PhotoShop
21.
Закроем изображение. На запрос сохранить ли изменения нажимаем Нет.
22.
В палитре Actions (Операции) нажимаем кнопку Stop
, чтобы остановить запись операции
23.
Экшен создан.
24.
Откроем папку Мои документы/PhotoShop/Wallpaper
25.
Щелкнем правой кнопкой мыши по файлу Безмятежность
26.
В контексном меню выберем последовательно команды Открыть с помощью – Adobe PhotoShop
CS2
27.
Выберем в палитре Actions операцию Подготовка для веб
28.
Нажмем кнопку Play для запуска экшена.
29.
Экшен выполнит необходимые преобразования, сохранит изображение в указанной папке и закроет его.
30.
Аналогично выполним обработку следующих 2-х изображений В звездных пучинах и Ветер (см. пп. 24-28)
31.
Выполним команду File – Automation – Batch (Файл – Автоматизация – Пакетная обработка)
32.
В открывшемся диалоговом окне в поле Action: выбираем экшен Подготовка для веб
33.
В поле Source: (Источник:) щелкаем кнопку Choose… (Выбрать) и выбираем папку Мои
документы/PhotoShop/Wallpaper Это папка с файлами, которую нужно обработать.
34.
Нажимаем Ok.
35.
В поле Destination: (Назначение) щелкаем кнопку Choose… (Выбрать) и выбираем папку Мои
документы/PhotoShop Это папка, в которой необходимо сохранить результаты и Ok.
36.
На появляющиеся запросы об обновлении щелкаем кнопку Cancel (Отмена)
Задание 2. Создать макрос дляцветокоррекции фотографий и уменьшения размера.
1.
Повторяем действия пп. 8 – 15 (назовем экшен Цветокоррекция)
2.
Выполним команду Image-Mode-Lab Color, чтобы перевести снимок в цветовое пространство Lab Color.
3.
Перейдем на вкладку Каналы (Channels), выделим канал Lightness

4.
Выполним Filter-Sharpen-Unsharp Mask и Ok.
5.
Щелкнем по строке Lab Изображения станет более четким.
6.
Выполним команду Image-Image Size В поле Width: введем 500 пикселей и Ok.
7.
Дважды щелкнем по названию экшен Цветокоррекция и в появившемся окне Action options в поле
Function Key выберем функциональную клавишу F11, при нажатии которой макрос будет запускаться.
8.
Макрос записан. Откроем любое изображение в Photoshop
9.
Нажмем клавишу F11. В результате макрос будет запущен.
Задание 3. (самостоятельно) В папке Мои документы создайте свою папку с копиями 20 фотографий.
Разработайте экшен для написания имени сайта на данных копиях.
Задание 4. (самостоятельно) Разработать экшен для преобразования цветного изображения в черно-белое.
Для цветокоррекции используйте команду Image-Adjustments-Desaturate (Изображение-Коррекция-
Обесцветить).
Задание 5. (самостоятельно) Разработайте экшен для узорной рамки (см. лабораторную работу 7) обработки фотографий.
Задание 6. (самостоятельно) Разработайте свой экшен для обработки фотографий.
Лабораторное занятие № 11
Тема: ImageReady Фон для Web-страницы
Задание 1. Установить цвет фона Web-страницы.
Ключ к заданию:
1. Выполним команду Пуск-Программы-Adobe PhotoShop CS2 –ImageReady CS2 2. Выполним команду File-Open
3. В папке Мои документы/Фон выберем изображение otkrutka.jpg
4. Щелкнем Открыть
5. Выберем инструмент Пипетка (I)
6. Щелкнем на светло-зеленом фоне под корзинкой
7. Выберем инструмент Волшебная палочка (W)
8. Щелкнем по белому фону на открытке
9. Выберем инструмент Заливка (G)
10. Щелкнем в любой точке выделения. Появится зеленый фон.
11. Нажмем Ctrl+D Выделение будет снято.
12. Щелкнем по верхнему квадрату цвета (Set foreground color)
13. Появится цветовая палитра
14. В диалоговом окне скопируем код цвета с помощью Ctrl+C (например, код D4EDB6)
15. Щелкнем Ok
16. Выберем команду File > Output Settings > Background (Файл - Настройки экспорта - Фон)
17. Щелкнем по выпадающему списку поля BG Color
18. Выберем строку Other…
19. Появится цветовая палитра
20. В диалоговом окне щелкнем дважды полю # и нажмем Ctrl+V для вставки кода цвета
21. Щелкнем Ok
22. Щелкнем Ok
23. Выберем команду File-Preview in – iexplorer и Ok
24. Закроем окно просмотра.
25. Выполним команду File - Save Optimized (Файл - Сохранить с оптимизацией), выберем тип файла
HTML и Image и сохраним изображение в папке Мои документы/Фон под именем otkrutka.html
26. Щелкнем Сохранить и Ok.
27. Закроем ImageReady
28. В папке Мои документы/Фон откроем файл otkrutka.html
29. Выберем команду Файл-Править в Microsoft Office Word
30. Напишите поздравление, используя инструмент WordArt (Фигурный текст)
31. Выберем команду Файл-Сохранить как веб-страницу…
32. Щелкнем Сохранить
Задание 2. Установить фон фотографии на Web-страницу
Ключ к заданию:
1. Выполним команду Пуск-Программы-Adobe PhotoShop CS2 –ImageReady CS2 2. Выполним команду File-Open
3. В папке Мои документы/9 мая выберем изображение 206100.jpg

4. Выберем команду File > Output Settings > Background (Файл - Настройки экспорта - Фон)
5. Установим в списке BG Color (Цвет) вариант None (Нет)
6. Щелкнем на кнопке Choose (Выбрать) и вновь выберем 206100
7. Нажмем Ok.
8. Выберем команду File-Preview in – iexplorer и Ok
9. Закроем окно просмотра.
10. Выполним команду File - Save Optimized (Файл - Сохранить с оптимизацией), выберем тип файла
HTML и Image и сохраним изображение в папке Мои документы/9 мая под именем 206100.html
11. Щелкнем Сохранить и Ok.
Задание 3. Создать текстуру на основе палитры Assorted Brushes
1. Выполним команду Пуск-Программы-Adobe PhotoShop CS2 –ImageReady CS2 2. Выполним команду File-New
3. В поле введем Width – 150, Height – 150 пикселов и Ok.
4. Щелкнем по верхнему квадрату цвета (Set foreground color)
5. Появится цветовая палитра
6. В диалоговом окне в поле зададим код цвета AB386C и Ok
7. Выберем инструмент Заливка (G) и щелкнем на белом фоне.
8. Выберем инструмент Кисть (В)
Рис. 11.1.
9. В панели свойств в поле Brush: щелкнем последовательно кнопки выпадающего списка (стрелка вниз), а затем кнопку меню (стрелка вправо)
10. Выберем строку Assorted Brushes
11. Выберем символ 48 12. Выберем белый цвет.
13. Щелкнем кистью несколько раз на фоне (см.рис.).
14. Выберем команду File > Output Settings > Background (Файл - Настройки экспорта - Фон)
15. В поле Preset выберем Background Image и Ok
16. Выберем команду File-Preview in – iexplorer и Ok
17. Закроем окно просмотра.
18. Выполним команду File - Save Optimized (Файл - Сохранить с оптимизацией), выберем тип файла
HTML и Image и сохраним изображение в папке Мои документы/9 мая под именем 111.html
19. Щелкнем Сохранить и Ok.
20. Закроем ImageReady
21. В папке Мои документы/Фон откроем файл 111.html
22. Выберем команду Файл-Править в Microsoft Office Word
23. Введем текст:
Памятник-ансамбль «Героям Сталинградской битвы» (архитектор Е. В. Вучетич). Зал Воинской славы.
Композиционным центром ансамбля является скульптура «Родина-мать зовет!»
Это — женщина, держащая в руке меч, которая стоит в позе призыва к борьбе. Высота статуи 85 м вместе с мечом и 52 м без меча. «Родина-мать» сделана из блоков железобетона — 5500 тонн бетона и 2400 тонн металлических конструкций. Меч длиной 33 метра и весом 14 тонн сделан из фторированной стали.
От подножия кургана до его вершины, посетитель проходит 200 ступеней, так как Сталинградская битва продолжалась двести дней и ночей.
24. Выберем команду Файл-Сохранить как веб-страницу…
25. Щелкнем Сохранить

Задание 4. Создать узорную текстуру с использованием фильтра Halftone Pattern (Образец палитры).
1. Создайте новый документ размером 150х150 пикселов, установите цвет AB386C и залейте изображение (см. пп.1-7 задание 3 )
2. Выполните команду Filter - Sketch - Halftone Pattern (Фильтр - Эскиз - Образец палитры), введите параметры соответственно: Size (Размер) — 1, Contrast (Контрастность) — 5, Pattern Type (Тип палитры) — Dot и Ok.
3. Выполните команду Filter - Brush Strokes - Sprayed Strokes (Фильтр - Штрихи кисти - Брызги) и
Ok.
4. Объявите созданную текстуру в качестве фона, сохраните под именем 222.html (см.пп. ) и откройте в MS Word (см.пп. 14-22)
5. Выберите команду Вставка-Рисунок-Из файла выберите рисунок 1.jpg
6. Щелкните Вставить. Аналогично вставьте на страницу другие изображения из папки Мои документы/9 мая
7. Выделите картинку 1.jpg
8. Выполните команду Вставка-Гиперссылка
9. Выберите файл 111.html и Ok.
10. Выберем команду Файл-Сохранить как веб-страницу…
11. Щелкнем Сохранить.