Photoshop znakomstvo

74
Photoshop Компьютерная графика

Transcript of Photoshop znakomstvo

Page 1: Photoshop znakomstvo

Photoshop

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

Page 2: Photoshop znakomstvo

Научиться создавать и редактировать изображения в программе Adobe Photoshop

Цели курса:

Page 3: Photoshop znakomstvo

• познакомить с видами компьютерной

графики, их функциональными,

структурными и технологическими

особенностями;

• сформировать навыки работы с

различными форматами графических

файлов;

• создать представление о среде Adobe

Photoshop и научить использовать её

для обработки изображений;

• сформировать навыки обработки

изображений, создания растровых

рисунков.

Задачи:

Page 4: Photoshop znakomstvo

Содержание курса:

35 часов;

30 уроков;

6 разделов;

211 упражнений;

243 файла обеспечения.

Page 5: Photoshop znakomstvo

Разделы учебного пособия:

Знакомство с Photoshop;

Обработка фотографии;

Создание графики в Photoshop;

Простой монтаж и спецэффекты;

Стилизация фотографий;

Сложный фотомонтаж.

Page 6: Photoshop znakomstvo

Тема урока:

Освоить основные понятия.

Знакомство с Photoshop

Цель:

Задачи: • Понять отличия векторной и

растровой графики;

• Рассмотреть интерфейс Adobe

Photoshop;

Page 7: Photoshop znakomstvo

Знакомство с Photoshop

Векторная и растровая графика

Page 8: Photoshop znakomstvo

Интерфейс Adobe Photoshop

Строка меню

Панель инструментов

Панель свойств

Палитры:

Навигатор

Цвет

История

Слои

Page 9: Photoshop znakomstvo

Создание нового документа

Создайте новый документ

Page 10: Photoshop znakomstvo

Сохранение документа

Место

сохранения

Имя файла

Формат

сохранения

Page 11: Photoshop znakomstvo

Инструменты Photoshop:

Инструменты выделения, перемещения

и обрезки;

Инструменты рисования, заливки и

ретуширования;

Инструменты коррекции изображения;

Инструменты ввода текста, создания

контуров и фигур;

Измерительные инструменты, для

вставки пометок, и управления просмотром;

Инструменты выбора цветов и режима

работы.

Page 12: Photoshop znakomstvo

Инструмент Кисть и его свойства

Пользовательские

кисти

Выбор формы

и диаметра

Выбор режима

наложенияВыбор режима

непрозрачности

Режим плотности

и аэрографПалитра установки

кистей

Page 13: Photoshop znakomstvo

Выбор цвета

Палитра Color (синтез цвета)

Палитра Swatches (каталог)

Инструмент выбора цвета

Установка цвета переднего плана

Установка цвета заднего плана

Установка цветов по умолчанию

Переключатель цвета переднего и заднего плана

Page 14: Photoshop znakomstvo

Рисование поляны

Выберите диаметр кисти, цвета, режимы

наложения, непрозрачности и плотности;

Добейтесь следующего вида

своего рисунка

Воспользуйтесь палитрой История

для отмены нескольких своих действий;

Page 15: Photoshop znakomstvo

Инструменты выделения

и их свойства

New selection – при создании нового выделения,

имеющиеся выделенные области исчезают.

Add to selection – новое выделение добавиться к

имеющимся выделенным областям.

Subtract from selection – новое выделение исключает

область из имеющегося выделения.

Intersect with selection – выделяет область пересечения

старого и нового выделения.

Page 16: Photoshop znakomstvo

Инструменты выделения

и их свойства

Feather (растушевка) – изменяет выделение

появлением области частично выделенных пикселей.

Feather = 0px Feather = 3px Feather = 8px

Style (стиль) – способ выделения с обычным стилем,

фиксированными пропорциями или размерами.

Page 17: Photoshop znakomstvo

Инструменты выделения

и их свойства

Tolerance (Допуск) – задает степень близости цвета

пикселей для добавления их в выделение.

Tolerance = 10 Tolerance = 32 Tolerance = 70

Page 18: Photoshop znakomstvo

Инструменты заливки

Заливка градиентом

Сплошная заливка

Свойства инструментов заливки

Page 19: Photoshop znakomstvo

Инструмент Градиент

Кнопки переключения

формы градиентной

заливки.

Щелчок левой кнопки мыши вызывает окно

редактирования градиента.

Заготовленные градиенты.

Бегунки прозрачности.

Цветовые ограничители.

Выбор прозрачности, цвета

и числовых положений

Бегунков.

Page 20: Photoshop znakomstvo

Рисование неба и озера

Используя информацию о вариантах выделения

и способах заливки, создайте на своей картине

небо и озеро.

Page 21: Photoshop znakomstvo

Тема

урока:

Освоить принципы

создания и изменения слоя.

Понятие слоя в Photoshop

Цели:

Задачи: • Изучить понятие слоя;

• Рассмотреть возможности палитры

Layers (Слои);

• Научиться базовым преобразованиям

слоев.

Page 22: Photoshop znakomstvo

Понятие слоя

Слои позволяют работать с одним элементом рисунка,

не затрагивая другие элементы

Page 23: Photoshop znakomstvo

Способы изменения слоя

Инструмент Move

(Перемещение)

позволяет

перемещать

изображение на

Слое.

Палитра Layers (Слои) позволяет изменять вид и расположение слоев, а также

дает необходимую

информацию о них.

Меню Layer (Слой)

содержит основные

команды для работы

со слоями.

Page 24: Photoshop znakomstvo

Режим непрозрачности слоя.

Активный (редактируемый) слой.

Блокировка слоя.

Создание нового слоя.

Знак сцепления слоев.

Палитра Layers (Слои)

Page 25: Photoshop znakomstvo

Палитра Layers (Слои)

Режим наложения слоя.

Кнопки блокировки функций.

Изменение имени слоя.

Знак видимости слоя.

Кнопки изменения слоя:

Удаление слоя.

Стили слоя;

Добавить маску;

Набор слоев;

Корректирующий слой.

Page 26: Photoshop znakomstvo

Рисование пингвина

Используйте полученные

знания о слоях

для рисования

пингвина.

Page 27: Photoshop znakomstvo

Тема

урока:

Получить представление о

работе с векторными

объектами и стилями слоя.

Векторная графика в

Photoshop и стили слоя

Цели:

Задачи: • Рассмотреть инструменты векторной

графики;

• Рассмотреть стили слоя;

• Самостоятельно нарисовать кнопку.

Page 28: Photoshop znakomstvo

Векторные контуры и фигуры

Инструменты для работы с векторными

фигурами и текстом.

Панель параметров инструмента Shape

(Фигура).

Набор векторных фигур.

Кнопка вызова списка

команд для работы с

набором векторных фигур.

Page 29: Photoshop znakomstvo

Стили слоя

Создайте на новом слое любую

векторную фигуру и выберете команду

Layer Style (Стиль слоя) из меню Layer (Слой).

Вызвать это окно можно и другими

способами:

Двойным кликом левой кнопки мыши

на слое в палитре Layers (Слои);

Нажатием кнопки Add a layer style

(Добавить стиль слоя) в палитре

Layers (Слои).

Page 30: Photoshop znakomstvo

Стили слоя

Вы можете выбрать один из готовых стилей слоя:

Page 31: Photoshop znakomstvo

Стили слоя

Drop Shadow (Внешняя тень)Inner Shadow (Внутреняя тень)

Outer Glow (Внешнее свечение)

Inner Glow (Внутренее свечение)Bevel and Emboss (Скос и рельеф)

Contour – с добавлением ограничивающей линии

Texture - с добавлением текстуры

Page 32: Photoshop znakomstvo

Стили слоя

Satin (Атлас).

Color Overlay

(Наложение цвета).

Gradient Overlay

(Наложение градиента).

Pattern Overlay

(Наложение текстуры).

Stroke (Обводка).

Используя знания о

векторных фигурах

и стилях слоя,

самостоятельно нарисуйте объемную

текстурную кнопку в трех

положениях.

Page 33: Photoshop znakomstvo

Тема

урока:

Освоить способы трансформации,

кадрирования, коррекции и ретуши

фотографии.

Обработка фотографии

Цели:

Задачи:

• Рассмотреть инструменты Crop (Обрезка)

• и Measure (Линейка);

• Познакомиться с возможностями

трансформации изображения;

• Познакомится с вариантами цветокоррекции

фотографии;

• Рассмотреть инструменты ретуши и фильтра

Liquify (Разжижение).

Page 34: Photoshop znakomstvo

Кадрирование

Откройте файл с изображением,

выберете инструмент Crop (Обрезка)

и выделите участок кадрирования:

Page 35: Photoshop znakomstvo

Поворот

Для поворота изображения используют команду

Rotate Canvas (Поворот холста) из меню

Image (Изображение).

Вкладка Arbitrary… (Варианты…)

позволяет выбрать определенный

угол поворота.

Page 36: Photoshop znakomstvo

Инструмент Measure (Линейка)

Более качественный и удобный поворот

выполняется с помощью инструмента

Measure (Линейка):

Page 37: Photoshop znakomstvo

Изменение размеров

изображения и холста

Размер изображения.

Размер холста.

Page 38: Photoshop znakomstvo

Цветовые режимы

• Bitmap (Битовая карта);

• Grayscale (Градации серого);

• Indexed Color (Индексированный цвет);

• Duotone (Дуплекс);

• RGB;

• CMYK;

• Lab.

Page 39: Photoshop znakomstvo

Цветокоррекция

Page 40: Photoshop znakomstvo

Тоновая коррекция

Ручная

регулировка

уровней

Анализ гистограммы:

Чем больше пикселей приходится на то или иное

значение яркости, тем выше гистограмма в этом месте.

Page 41: Photoshop znakomstvo

Тоновая коррекция

Пример гистограммы

для светлого

снимка.

Пример гистограммы

для темного

снимка.

Пример гистограммы

для неконтрастного

снимка.

Page 42: Photoshop znakomstvo

Тоновая коррекция

С помощью бегунков можно сжимать

и сдвигать диапазон значений яркости

изображения.

Значения яркости можно изменять

в отдельном канале.

Распределение пикселей во всем диапазоне яркости.

Page 43: Photoshop znakomstvo

Тоновая коррекция с помощью

кривых полутонов

График указывает отношение исходной яркости пикселов

(входная яркость) к новому значению цвета (выходная яркость).

Установка и перемещение узловых точек на графике изменяет

вид кривой.

Page 44: Photoshop znakomstvo

Тоновая коррекция с помощью

кривых полутонов

Осветление

Затемнение

Увеличение контраста

Негатив

Психоделика

S-образная кривая

Page 45: Photoshop znakomstvo

Цветокоррекция

Регулировка яркости и контраста.

Регулировка тона, насыщенности

и светлоты.

Регулировка цветового баланса.

Page 46: Photoshop znakomstvo

Image –Adjustment-Variations

Настройка

цветового

баланса с помощью

вариаций

Page 47: Photoshop znakomstvo

Ретушь

устранение дефектов исходного изображения.

Ретуширование фотографии:

Page 48: Photoshop znakomstvo

Ретушь

Инструменты:

Штамп

Узорный штамп

Размытие

Резкость

Палец

Осветлитель

Затемнитель

Губка

Page 49: Photoshop znakomstvo

Инструмент Штамп

Предназначен для копирования участков

изображения с одного места на другое.

Для применения инструмента необходимо:

щелкнуть им с нажатой клавишей Alt в том месте,

откуда будет производиться копирование;

перевести курсор на то место, куда должно быть

скопировано изображение;

начать рисование.

Page 50: Photoshop znakomstvo

Откуда берем образец

Куда переносим

Page 51: Photoshop znakomstvo

Расстояние сохраняется

Page 52: Photoshop znakomstvo

допосле

Page 53: Photoshop znakomstvo

Инструмент Палец

Предназначен для размазывания цветов на изображении.

Его действие напоминает размазывание пальцем невысохшей краски по холсту.

Перетащите курсор с нажатой кнопкой мыши по изображению, чтобы применить этот инструмент.

Page 54: Photoshop znakomstvo

до

после

Page 55: Photoshop znakomstvo

Фильтр Liquify (Разжижение)

Фильтр позволяет проделывать

сложные преобразования формы

у картинки так, будто она жидкая.

Инструменты фильтра

и их свойства

Page 56: Photoshop znakomstvo

скручивание

вздутие

смещение отражение турбулентность

сморщивание

Page 57: Photoshop znakomstvo

до

после

Page 58: Photoshop znakomstvo

после

до

Page 59: Photoshop znakomstvo

Тема урока:

Рассмотреть возможности

фильтров в Photoshop.Цели:

Задачи:

• Иметь представление о фильтрах;

• Познакомиться с возможностями

изменения изображения с помощью

фильтров;

• Выполнить практическую работу с

использованием фильтров.

Фильтры в Photoshop

Page 60: Photoshop znakomstvo

Фильтры в Photoshop

Фильтры – это вспомогательные программы,

приложения или дополнения,

предназначенные для

выполнения широкого класса

задач.

Photoshop делит свои наборы

стандартных фильтров на 14

групп, и блок из трех отдельных

фильтров.

Page 61: Photoshop znakomstvo

Образец изображения

Фильтры применяются к активным слоям и (если есть)

выделенным областям

Page 62: Photoshop znakomstvo

Фильтр Blur – Gaussan Blur (Гауссово размытие)

Page 63: Photoshop znakomstvo

Фильтр Blur – Radial Blur (Радиальное размытие)

Page 64: Photoshop znakomstvo

Фильтр Sharpen – Unsharp Mask

(Резкость – Нерезкая маска)

Page 65: Photoshop znakomstvo

Фильтр Artistic – Dry Brush

(Художественные – Сухая Кисть)

Page 66: Photoshop znakomstvo

Фильтр Artistic – Colored Pencil

(Художественные – Цветной карандаш)

Page 67: Photoshop znakomstvo

Фильтр Noise – Dust & Scratches

(Шум – Пыль и царапины)

Page 68: Photoshop znakomstvo

Фильтр Distort – Ripple (Деформация –Рябь)

Page 69: Photoshop znakomstvo

Фильтр Distort – Twirl (Деформация –Закручивание)

Page 70: Photoshop znakomstvo

Фильтр Distort – Wave (Деформация – Волна)

Page 71: Photoshop znakomstvo

Фильтр Distort – ZigZag (Деформация –Зигзаг)

Page 72: Photoshop znakomstvo

Фильтр Stylize - Wind (Стилизация - Ветер)

Page 73: Photoshop znakomstvo

Фильтр Render – Lighting Effects

(Визуализация - Эффекты освещения)

Page 74: Photoshop znakomstvo

Фильтр Render – Lens Flare (Визуализация - Блик)