Методическая разработка к уроку на тему "Обработка изображений в Adobe Photoshop"

Слайд #1

Adobe Photoshop
Растровый графический редактор
“It’s a kind of magic!”

Слайд #2

Инструменты рисования
Кисть
Карандаш
Заливка
Градиент
Ластик
Фоновый ластик

Слайд #3

Параметры кисти:
Тип
Цвет
Размер
Прозрачность

Слайд #4

Параметры заливки:
Тип: цвет или текстура
Цвет
Прозрачность Чувствительность

Слайд #5

Параметры градиента:
Цвет
Тип
Прозрачность
Пользовательский
градиент

Слайд #6

Пример работы

Слайд #7

It’s a kind of magic!

Слайд #8

Создание коллажа
Идея: что хотим создать
Выбрать материалы
Найти фон
Далее для каждого изображения:
Выделить фрагмент с помощью инструментов выделения
Скопировать (Ctrl+C)
Вклеить на фон (Ctrl+V)
Если нужно – трансформировать (Ctrl+T)

Слайд #9

Пример коллажа

Слайд #10

Выбрать идею

Слайд #11

2. Найти материалы

Слайд #12

3. Выбрать и открыть фон:

Слайд #13

Инструменты выделения
Прямоугольное выделение
Овальное выделение
Лассо
(произвольное выделение)
Прямоугольное лассо
Магнитное лассо
Волшебная палочка
Быстрое выделение

Слайд #14

Открыть одно из изображений и выделить фрагмент:
Вариант с белым фоном:
Волшебная палочка по фону
Выделение-инверсия (Select-Inverse)

Слайд #15

Открыть одно из изображений и выделить фрагмент:
Вариант не с белым фоном:
Быстрое выделение или Магнитное лассо

Слайд #16

Копировать выделенный фрагмент:
Ctrl+C
Открыть фон и вставить фрагмент:
Ctrl+V

Слайд #17

При необходимости – трансформировать (уменьшить, увеличить, повернуть и т.д.)
Ctrl+T
Снять выделение
Ctrl+D

Слайд #18

Слайд #19

It’s a kind of magic!

Слайд #20

Инструмент Рамка
Кадрирование изображения

Слайд #21

Удаление эффекта красных глаз
Инструмент Красные глаза (Red Eye)

Слайд #22

Удаление эффекта красных глаз
Инструменты Губка (Sponge)
и Затемнитель
(Dodge)

Слайд #23

Удаление эффекта красных глаз
Выделить зрачки
Растушевать выделение (Shift +F6)
 Выделение (Select) - Модификация (Modify) ->Расширить (Expand).
Изображение (Image) – Настройки (Adjustments) – Цветовой тон/Насыщенность (Hue/Saturation)

Слайд #24

It’s a kind of magic!

Слайд #25

Слои

Слайд #26

Стиль слоя

Слайд #27

Настройки изображения
Размер холста

Слайд #28

Настройки изображения
Размер изображения

Слайд #29

Настройки изображения
Поворот холста

Слайд #30

Настройки изображения
Баланс цветов







или Автоматический баланс цветов

Слайд #31

Настройки изображения
Яркость/Контрастность






или Автоконтраст

Слайд #32

Настройки изображения
Оттенок/Насыщенность







или Автоцвет

Слайд #33

Создание старого фото

Слайд #34

Создание старого фото
Обесцветить изображение
(Image > Mode > Grayscale)
Вернуть цвет (Image > Mode >RGB) и изменить баланс цветов (Image >Adjustments >Color Balance)
Засвеченные области (Выделить и повысить яркость)
Рваные края/Рамка
Яркость/Контрастность
Размытие, шум (Filter
> Filter Gallery)
Надписи

Слайд #35

Создание старого фото
Обесцветить изображение
(Image > Mode > Grayscale)
Вернуть цвет (Image > Mode >RGB) и изменить баланс цветов (Image >Adjustments >Color Balance)
Засвеченные области (Выделить и повысить яркость)
Рваные края/Рамка
Яркость/Контрастность
Размытие, шум (Filter
> Filter Gallery)
Надписи

Слайд #36

Создание старого фото
Открыть окно слоёв (F7)
Дублировать фон и создать под ним новый слой
На этом новом слое применить градиент так, чтобы середина была белая, а края – чёрные
Встать в слой с картинкой
В стиле слоя в окне «Режим» выбрать «Перекрытие»
Центр фото станет светлее, а края - темнее

Слайд #37

Создание старого фото

Слайд #38

It’s a kind of magic!

Слайд #39

Реставрация старого фото

Слайд #40

Реставрация старого фото
Удаление повреждений
Резкость
Яркость/Контрастность
Баланс цветов
Резкость (Filter > Sharpen > Smart Sharpen)

Слайд #41

Реставрация старого фото
Инструмент
Заплатка
Инструмент
Штамп
(Клон)
Инструмент
Лечащая кисть

Слайд #42

Реставрация старого фото
Инструмент
Штамп
(Клон)
Alt – выбор
источника
Рисуем, как
кистью, при этом в указанных областях изображение механически заменяется на фрагмент-источник

Слайд #43

Реставрация старого фото
Инструмент
Заплатка
Выбор
источника
(выделяем
область)
Переносим выделенную область на место, которое хотим закрасить. При этом учитывается цвет соседних пикселей, то есть, граница замены не видна. Плохо работает у края рисунка.

Слайд #44

Реставрация старого фото
Инструмент
Лечащая кисть
Удаляет резкие
изменения
цвета с учётом
цвета
соседних
пикселей

Слайд #45

Реставрация старого фото

Слайд #46

It’s a kind of magic!

Слайд #47

Текст
Инструмент
Текст

Слайд #48

Примеры:

Слайд #49

It’s a kind of magic!

Слайд #50

Анимация в Photoshop
Анимация - смена слоёв.
Порядок создания анимации:
Фон (или его отсутствие )
Слой 1 – начальное положение объекта
Скопировать слой 1 и трансформировать его
Повторить операцию несколько раз
В окне анимации создать кадры и на каждом кадре проставить видимость фона и нужного слоя
Файл – Сохранить для Web

Слайд #51

Пример 1: прыгающий мяч
Слои (F7 – окно слоёв. Их должно быть 6):




Кадры анимации (Окно – Анимация Window – Animation). Должно быть 6 кадров.
2.
1.
4=2.
3.
6.
5=1.

Слайд #52

Пример 2: смайлик
1.
2
3
4
5
6=4
7=2