Photoshop Компьютерная графика Цели Научиться создавать

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

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

Задачи: • познакомить с видами компьютерной графики, их функциональными, структурными и технологическими особенностями; • сформировать навыки работы с различными форматами графических файлов; • создать представление о среде Adobe Photoshop и научить использовать её для обработки изображений; • сформировать навыки обработки изображений, создания растровых рисунков.

Содержание: • Знакомство с Photoshop; • Обработка фотографии; • Создание графики в Photoshop; • Простой монтаж и спецэффекты; • Стилизация фотографий; • Сложный фотомонтаж.

Тема-1: Знакомство с Photoshop Цель: Освоить основные понятия. Задачи: • Понять отличия векторной и растровой графики; • Рассмотреть интерфейс Adobe Photoshop;

Интерфейс Adobe Photoshop Строка меню Панель свойств Навигатор Панель инструментов Палитры: Цвет История Слои

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

Сохранение документа Место сохранения Имя файла Формат сохранения

Инструменты Photoshop: Инструменты выделения, перемещения и обрезки; Инструменты рисования, заливки и ретуширования; Инструменты коррекции изображения; Инструменты ввода текста, создания контуров и фигур; Измерительные инструменты, для вставки пометок, и управления просмотром; Инструменты выбора цветов и режима работы.

Инструмент Кисть и его свойства Выбор Режим Пользовательские режима плотности Выбор формы Выбор режима Палитра установки наложения кисти и диаметра и аэрограф непрозрачности кистей

Выбор цвета Палитра Color (синтез цвета) Палитра Swatches (каталог) Инструмент выбора цвета Переключатель цвета переднего и заднего плана Установка цвета переднего плана Установка цвета заднего плана Установка цветов по умолчанию

Рисование поляны Выберите диаметр кисти, цвета, режимы Воспользуйтесь палитрой История Добейтесь следующего вида наложения, непрозрачности и плотности; для отмены нескольких своих действий; своего рисунка

Инструменты выделения и их свойства Subtract selection – новое выделение добавиться к Intersectfrom selection – выделяет область пересечения New selection – новоенового выделения, Add to with – при создании выделение исключает имеющиеся выделенные области исчезают. имеющимсястарого и нового выделения. область из имеющегося выделения. выделенным областям.

Инструменты выделения и их свойства Style (стиль) – способ выделения с обычным стилем, Feather (растушевка) – изменяет выделение появлением области частично выделенных размерами. фиксированными пропорциями или пикселей. Feather = 0 px Feather = 3 px Feather = 8 px

Инструменты выделения и их свойства Tolerance (Допуск) – задает степень близости цвета пикселей для добавления их в выделение. Tolerance = 10 Tolerance = 32 Tolerance = 70

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

Выделять фрагмент произвольной формы можно с помощью инструмента Lasso (Лассо).

Инструмент Magnetic Lasso (Магнитное лассо)

Выделение объекта из неоднородного фона инструментом Quick Selection (Быстрое Выделение) «Волшебная палочка»

Объект выделен из фона инструментом Цветовой диапазон

Инструменты заливки Заливка градиентом Сплошная заливка Свойства инструментов заливки

Инструмент Градиент Кнопки переключения формы градиентной заливки. Заготовленные градиенты. Щелчок левой кнопки мыши вызывает окно редактирования градиента. Бегунки прозрачности. Цветовые ограничители. Выбор прозрачности, цвета и числовых положений Бегунков.

Пример заливки рамки

Пример замены цвета объекта

Рисование неба и озера Используя информацию о вариантах выделения и способах заливки, вы можете уже создать на своей картине небо и озеро.

Тема-2: Цели: Понятие слоя в Photoshop Освоить принципы создания и изменения слоя. Задачи: • Изучить понятие слоя; • Рассмотреть возможности палитры Layers (Слои); • Научиться базовым преобразованиям слоев.

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

Способы изменения слоя Палитра Layers (Слои) позволяет изменять вид и расположение слоев, а также дает необходимую информацию о них. Инструмент Move (Перемещение) позволяет перемещать изображение на Слое. Меню Layer (Слой) содержит основные команды для работы со слоями.

Палитра Layers (Слои) Режим непрозрачности слоя. Активный (редактируемый) слой. Блокировка слоя. Создание нового слоя. Знак сцепления слоев.

Палитра Layers (Слои) Режим наложения слоя. Кнопки блокировки функций. Изменение имени слоя. Знак видимости слоя. Кнопки изменения слоя: Стили слоя; Добавить маску; Набор слоев; Корректирующий слой. Удаление слоя.

Работа со слоями Выделение фрагмента на отдельный слой. Выделенный любым способом фрагмент изображения можно поместить на отдельный слой командой Layer | New | Layer via Copy (Слой | Новый | Копированием). Если выделить объект трудно, иногда проще выделить фон, на котором он находится, а потом инвертировать выделение командой Select | Inverse (Выделить | Обратно). Если после выделения фрагмента перенести его на новый слой не удается, то скорее всего Mode (режим) этого изображения Indexed Color. В этом случае нужно выполнить команду Image | Mode | RGB Color.

Работа со слоями Выделение фрагмента на отдельный слой. Превращение фона в слой. Если нужно пометить рисунок или его фрагмент на прозрачный фон, можно это сделать, как показано в предыдущем слайде или превратить Background (Фон изображения) в слой и удалить лишнее. Сохранять изображение нужно в формате, поддерживающем прозрачность (например, gif или png). Background (Фон рисунка), не может содержать прозрачных пикселов, если только при его создании не выбрана прозрачная (Transparent) основа! Но фон можно преобразовать в слой, который может быть прозрачным!

Работа со слоями Новое изображение можно создавать из фрагментов других изображений. Эти фрагменты выделяют на отдельные слои, которые потом можно просто перетащить из палитры Layers (Cлои) на создаваемое изображение. Создание нового изображения из слоев других изображений. Прежде чем выполнить действие, убедитесь, что Вы находитесь на нужном слое! Если нет – щелкните на нем в палитре Layer (Слои) и повторите действие.

Работа со слоями Параметр Opacity (Непрозрачность) отдельных слоев можно изменять, что позволяет создавать интересные эффекты. Когда редактирование многослойного изображения завершено командой Layer | Merge Visible, можно выполнить сведение видимых слоев – объединение в один слой.

Коллаж Термин «коллаж» произошел от французского слова «collage» «наклеивание» . Этот прием заключается в том, чтобы: ü Вырезать различные фрагменты изображений, например из газет и журналов; ü Наклеить их вместе на лист бумаги для создания единой картинки.

Коллаж, выполненный с помощью кругового выделения

Коллаж, выполненный с помощью прямоугольного выделения

Коллаж, выполненный с помощью выделения от руки (лассо).

Тема-3: Цели: Задачи: Векторная графика в Photoshop и стили слоя Получить представление о работе с векторными объектами и стилями слоя. • Рассмотреть инструменты векторной графики; • Рассмотреть стили слоя; • Самостоятельно нарисовать кнопку.

Векторные контуры и фигуры Инструменты для работы с векторными фигурами и текстом. Панель параметров инструмента Shape (Фигура). Набор векторных фигур. Кнопка вызова списка команд для работы с набором векторных фигур.

Создание эффектов объема

Эффекты Интересные эффекты можно создавать с помощью различных способов градиентного окрашивания и создания тени слоя с помощью команды Layer| Layer Style | Drop Shadow.

Эффекты Интересные эффекты для слоев можно создавать различными комбинациями настроек в диалоговом окне Layer Style.

Эффекты 1 Трехмерный эффект. Для создания эффектов « 3 D-реалистичности» используют приемы трансформации и наложения тени, а 1 также фильтра Render | Lighting Effects (Рендер | Эффекты освещения).

Эффекты С помощью приемов выделения, закрашивания, трансформации и наложения тени можно создавать эффекты объема для плоских геометрических фигур. Создание объемной фигуры.

Стили слоя Создайте окно можно и любую Вызвать это на новом слоедругими векторную фигуру и выберете команду способами: Layer Style (Стиль слоя) из меню Layer (Слой). Двойным кликом левой кнопки мыши на слое в палитре Layers (Слои); Нажатием кнопки Add a layer style (Добавить стиль слоя) в палитре Layers (Слои).

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

Стили слоя Outer Glow (Внешнее свечение) Bevel and Emboss (Скос и рельеф) Inner Glow (Внутренее свечение) Drop Shadow (Внешняя тень) Inner Shadow (Внутреняя тень) Contour – с добавлением ограничивающей линии Texture - с добавлением текстуры

Стили слоя Satin (Атлас). Используя знания о векторных. Color Overlay фигурах (Наложение цвета). и стилях слоя, Stroke нарисуйте самостоятельно(Обводка). объемную Gradient Overlay текстурную кнопку в трех (Наложение градиента). положениях. Pattern Overlay (Наложение текстуры).

Тема-4: Цели: Обработка фотографии Освоить способы трансформации, кадрирования, коррекции и ретуши фотографии. • Рассмотреть инструменты Crop (Обрезка) • и Measure (Линейка); Задачи: • Познакомиться с возможностями трансформации изображения; • Познакомится с вариантами цветокоррекции фотографии; • Рассмотреть инструменты ретуши и фильтра Liquify (Разжижение).

Трансформация Выделив фрагмент изображения или отдельный слой и выбрав в главном меню редактора команду 1 Edit | Transform (Правка | Трансформация), а далее выбрав один из вариантов можно: изменять его масштаб, вращать, искажать изображение и т. д. 1 Трансформация фрагмента.

Кадрирование Откройте файл с изображением, выберете инструмент Crop (Обрезка) и выделите участок кадрирования:

Поворот Для поворота изображения используют команду Rotate Canvas (Поворот холста) из меню Image (Изображение). Вкладка Arbitrary… (Варианты…) позволяет выбрать определенный угол поворота.

Инструмент Measure (Линейка) Более качественный и удобный поворот выполняется с помощью инструмента Measure (Линейка):

Изменение размеров изображения и холста Размер изображения. Размер холста.

Трансформация Интересные эффекты можно создавать с помощью, так называемой, 3 Dтрансформации. 3 D-трансформация фрагмента изображения.

Трансформация фрагментов

Трансформация Приемы трансформации позволяют создавать не только эффекты различной пространственно й ориентации предметов, но и создавать перспективу. Создание перспективы.

Панорама

Окно инструмента Color Balance (Цветовой баланс)

1 1 2 3 С помощью инструмента Eyedropper Tool (Пипетка) можно взять образец цвета, чтобы определить новый цвет переднего план или цвет фона. 2 Color Sample Tool (Образцы цвета) позволяет выбрать от 1 до 4 -х образцов. 3 Инструмент Measure Tool (Измерение) позволяет вычислять расстояние между любыми двумя точками рабочей области.

Цветовые режимы • Bitmap (Битовая карта); • Grayscale (Градации серого); • Indexed Color (Индексированный цвет); • Duotone (Дуплекс); • RGB; • CMYK; • Lab.

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

Тоновая коррекция Ручная регулировка Чем больше пикселей приходится на то или иное значение яркости, тем выше гистограмма в этом месте. уровней Анализ гистограммы:

Тоновая коррекция Пример гистограммы для светлого снимка. Пример гистограммы для темного снимка. Пример гистограммы для неконтрастного снимка.

Тоновая коррекция С помощью бегунков можно сжимать и сдвигать диапазон значений яркости изображения. Значения яркости можно изменять в отдельном канале. Распределение пикселей во всем диапазоне яркости.

Тоновая коррекция с помощью кривых полутонов График указывает отношение исходной яркости пикселов (входная яркость) к новому значению цвета (выходная яркость). Установка и перемещение узловых точек на графике изменяет вид кривой.

Тоновая коррекция с помощью кривых полутонов Осветление Негатив Затемнение Психоделика Увеличение контраста S-образная кривая

Цветокоррекция Регулировка яркости и контраста. Регулировка цветового баланса. Регулировка тона, насыщенности и светлоты.

Настройка цветового баланса с помощью вариаций Image – Adjustment. Variations

Гистограмма

Яркость и контрастность 1 Яркость, контрастность, цветовой баланс и другие характеристики изображения, выделенных его фрагментов или слоев можно изменять с помощью команды Image | Adjustments 1

Яркость и контрастность

Яркость и контрастность

Яркость и контрастность

Устранение дефекта красных глаз

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

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

Ретушь и клонирование 1 2 1 Инструмент Healing brush tool (Кисть восстановления) позволяет исправить дефекты изображения (отретушировать его). 2 Инструмент Patch tool (Заплатка) восстанавливает недостающие фрагменты, используя образец.

Ретушь и клонирование 1 2 1 Инструмент Клонирование штампом. Создание шаблонов для клонирования. Clone Stamp Tool (Штамп Клонирования) позволяет дублировать (клонировать) изображение. 2 Инструмент Pattern Stamp Tool (Штамп шаблонов) копирует фрагменты, используя образец.

Ретушь Инструменты: Штамп Узорный штамп Размытие Резкость Палец Осветлитель Затемнитель Губка

Инструмент Штамп Предназначен для копирования участков изображения с одного места на другое. Для применения инструмента необходимо: щелкнуть им с нажатой клавишей Alt в том месте, откуда будет производиться копирование; перевести курсор на то место, куда должно быть скопировано изображение; начать рисование.

Куда переносим Откуда берем образец

Инструмент Палец • Предназначен для размазывания цветов на изображении. • Его действие напоминает размазывание пальцем невысохшей краски по холсту. • Перетащите курсор с нажатой кнопкой мыши по изображению, чтобы применить этот инструмент.

до после

Фильтр Liquify (Разжижение) Инструменты фильтра и их свойства Фильтр позволяет проделывать сложные преобразования формы у картинки так, будто она жидкая.

Тема-5: Цели: Задачи: Фильтры в Photoshop Рассмотреть возможности фильтров в Photoshop. • Иметь представление о фильтрах; • Познакомиться с возможностями изменения изображения с помощью фильтров; • Выполнить практическую работу с использованием фильтров.

Фильтры в Photoshop Фильтры – это вспомогательные программы, приложения или дополнения, предназначенные для выполнения широкого класса задач. Photoshop делит свои наборы стандартных фильтров на 14 групп, и блок из трех отдельных фильтров.

Фильтры 1 Выбрав в главном меню редактора команду 1 Filter (Фильтр), мы увидим длинный список сгруппированных по определенным признакам (например, по производимому эффекту) фильтров. Фильтры можно применять ко всему изображению или выделенному фрагменту.

Фильтры Новые фильтры можно добавлять в редактор, они находятся в папке C: Program FilesAdobePhotos hop 7. 0Plug. InsFilters

Фильтры

Фильтры

Фильтры

Фильтры

Фильтры

Фильтры

Работа с текстом 2 1 Применение стилей текста. С помощью инструмента Type Tool 1 (Печать) и палитры 2 Styles можно создать на отдельном слое фигурный стилизованны й текст.

Работа с текстом 1 Создание красочной буквы. С помощью инструмента Type Mask 1 (Маска печати) можно создать на отдельном слое красочную букву.

Создание «Буквицы» и кнопок

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

Эффект прозрачного текста

Эффект прозрачного текста

Трансформация и 3 D-трансформация фрагментов

Получение изображения с камеры

Получение изображения с камеры

The END