- •Информация о курсе Лекции Adobe Photoshop cs5 для дизайнера и фотографа
- •Начало работы, интерфейс Photoshop cs5
- •Инструменты выделения, каналы и маски. Фотомонтажи
- •Инструменты цветокоррекции и ретуширования. Слои
- •Шрифт и текст. Фильтры в Photoshop cs5
- •Подключаемые фильтры
- •Photoshop и веб-дизайн
- •Вывод изображения на печать
- •1. Лекция: Adobe Photoshop cs5 для дизайнера и фотографа
- •Основные понятия компьютерной графики
- •Разрешение изображения
- •Глубина цвета
- •Изменение разрешения путем интерполяции изображения
- •Форматы графических файлов
- •Растровые форматы
- •Векторные графические форматы
- •Инструменты растровой графики
- •Особенности растровой графики
- •Инструментальные средства растровых редакторов
- •Выделения
- •Инструменты выделения в Adobe Photoshop
- •Фильтры
- •Пример 1.1. Делаем рамку для фото фильтрами
- •Инструменты ретуширования
- •Инструменты ретуширования в Adobe Photoshop
- •Тоновая коррекция изображения. Уровни и гистограммы
- •Яркость/Контрастность
- •Цветовая коррекция и цветовой баланс
- •Цветовой тон/Насыщеннность
- •Работа со слоями
- •2. Лекция: Начало работы, интерфейс Photoshop cs5
- •Интерфейс (элементы главного окна) графического редактора
- •Панель управления и главное меню
- •Палитра инструментов
- •Панель атрибутов инструментов
- •Плавающие палитры
- •Строка состояния
- •Начало работы. Основные параметры изображения
- •Инструменты цифрового рисования и закрашивания Adobe Photoshop cs5
- •Инструменты и приемы для рисования
- •Кисть и карандаш
- •Другие кисти…
- •Пример 2.1. Используем Восстанавливающую кисть
- •Рисование ластиком
- •Инструменты группы Прямоугольник
- •Инструменты заливки изображений
- •Пример 2.2. Применяем инструменты заливки на практике (Рамка для фото - заливкой узором)
- •3. Лекция: Инструменты выделения, каналы и маски. Фотомонтажи
- •Выделение и трансформация областей
- •Манипуляции с выделенными областями
- •Совместные инструменты Move и Hand
- •Пример 3.1. Используем Magic Wand
- •Формирование выделений с помощью контуров
- •Инструменты для работы с контурами
- •Пример 3.2. Работаем с маской
- •Intersect with Channel (Пересечься с каналом)
- •Выделение цветовых диапазонов
- •Замена цветов
- •4. Лекция: Инструменты цветокоррекции и ретуширования. Слои
- •Свет и цвет
- •Цветовые модели
- •Система управления цветом
- •Коррекция изображений на компьютере
- •Совместные инструменты
- •Пример 4.1. Выполнения компьютерной ретуши фотоизображения
- •Этап 1. Поворот и новое кадрирование изображения
- •Этап 2. Анализ гистограммы и устранение глобальных технических дефектов
- •Этап 3. Устраняем крупные и мелкие пятна
- •Этап 4. Устранение на фотографии царапин и трещин
- •Этап 5. Увеличение резкости изображения с помощью фильтров
- •Этап 6. Создаем фоторамку
- •Цветная ретушь изображений. Особые приемы коррекции цвета
- •Пример 4.2. Цветокоррекция фотографии с помощью настройки яркости и контраста
- •Пример 4.3. Устранение дефекта "красные глаза"
- •Работа со слоями
- •Использование палитры Слои
- •Пример 4.4. Работаем с многослойным изображением
- •Шаг 1. Определяемся с фоном
- •Шаг 2. Добавляем изображение птицы
- •Шаг 3. Добавляем рыбу
- •5. Лекция: Шрифт и текст. Фильтры в Photoshop cs5
- •Форматы шрифтовых файлов
- •Классификация шрифтов
- •Группа 1. Шрифты с засечками (serif)
- •Группа 2. Шрифты без засечек (sans serif - гротески, рубленые или брусковые)
- •Группа 3. Шрифты декоративные или свободного стиля (Decorative)
- •Группа 4. Символьные шрифты (Symbol)
- •Атрибуты шрифта и текста
- •Гарнитура и начертание шрифта
- •Советы по работе со шрифтами
- •Инструменты для работы с текстом в Photoshop
- •Vertically Orient Text (Вертикальный текст).
- •Vertical Distort (Вертикальное искривление)
- •Примеры шрифтовых работ в программе Adobe Photoshop
- •Пример 5.1. Создание текста с тенью
- •Пример 5.2. Создание эффекта 3d текста
- •Пример 5.3. Рисуем печать-экслибрис
- •Пример 5.4. Панорама
- •Знакомимся с фильтрами
- •Классификация фильтров в Adobe Photoshop cs5
- •Video (Видео)
- •Математические алгоритмы применения фильтров к изображению
- •Пример 5.5. Применение фильтров к тексту
- •6. Лекция: Подключаемые фильтры
- •Пример 6.1. Изучаем фильтр Vanishing Point (Исправление перспективы)
- •7. Лекция: Photoshop и веб-дизайн
- •Цветовое кодирование для Интернет. Шестнадцатеричные веб-цвета
- •Пример 7.1. Перевод rgb цветов в шестнадцатеричную систему счисления (hex)
- •Преобразование изображения в режим Indexed Color
- •Сжататые форматы графический файлов (gif, jpeg, png)
- •Оптимизация изображения для Сети в программе Adobe Photoshop
- •Деление изображения на ломтики
- •Разрезание изображений на фрагменты
- •Организация гиперссылок
- •Оптимизация ломтиков
- •Карта ссылок
- •Что такое gif - анимация?
- •Пример 7.2. Создание анимации для Интернет Шаг 1. Подготовка изображений для анимации
- •Шаг 2. Создаем многослойное изображение
- •Шаг 3. Анимируем изображения
- •8. Лекция: Вывод изображения на печать
- •Основные представления о цветной печати
- •Цветоделение
- •Типографский растр
- •Что такое PostScript-драйвер принтера?
- •Разрешение и линеатура растра
- •Треппинг и печать с наложением
- •Пример 8.1. Задания треппинга в Adobe Photoshop
- •Создание печатного документа в Adobe Photoshop
- •Настройка параметров печати Photoshop cs5
- •Настройка параметров принтера
- •Положение и масштаб изображений
- •Другие элементы настройки окна Печать
Video (Видео)
включают такие фильтры, как Color NTSC (National Television Standards Committee) и De-Interlace (Построчная развертка), которые характерны при работе с видеоизображениями и смягчают движущиеся изображения путем удаления из чересстрочного видеокадра четных или нечетных строк.
Математические алгоритмы применения фильтров к изображению
В компьютерной графике цифровое изображение представляет собой набор чисел и, меняя эти числа определенным образом, можно прийти к удивительным и полезным спецэффектам. Автор ограничен рамками книги и не имеет возможности показать идеологию работы всех фильтров Photoshop. Поэтому, для иллюстрации сказанного, ограничимся рассмотрением алгоритмов (принципов) работы только двух фильтров:
• Blur (Размытие). Процесс размывания изображения сводится к перераспределению цветов изображения, уменьшению его резкости и смягчению цветовых границ;
• Sharpen (Резкость). При увеличении резкости изображения, наоборот, подчеркиваются различия между цветами смежных пикселей, нечеткость изображения уходит, выделяются ранее незаметные детали.
Если работу фильтра рассматривать, как компьютерную программу, то алгоритм работы каждого из перечисленных фильтров кроется в матрице чисел 3 3, которая содержит три строки по три числа в каждой. Условное графическое изображение такой матрицы приведено на рис. 5.27.
Рис. 5.27. Условная матрица чисел 3x3
Итак, предположим, что в центре этой матрицы находится пиксель, который будет преобразован фильтром. Тогда его новое значение будет выстроено в соответствии с его цветом и цветом окружающих его восьми пикселей, который подвергаются фильтрации (умножению и сложению) их цветовых значений. Поскольку фильтрация происходит для каждого пикселя оригинального изображения, то процесс преобразования оригинального изображения фильтром требует времени и значительных ресурсов ПК.
Для фильтра Blur (Размытие) каждый из коэффициентов фильтрации меньше 1, а их сумма составляет 1. Это означает, что каждый пиксель поглощает что-то из цветов соседей, но полная яркость изображения остается неизменной (если сумма коэффициентов больше 1, яркость увеличится; если меньше 1, яркость уменьшится). При подготовке к размыванию цифровое изображение считывается в память компьютера в виде красного, зеленого и синего компонентов цвета каждого пикселя. Ядро размывания размером 3x3 применяется к красному, зеленому и синему компонентам цвета каждого пикселя изображения. Значение цвета пикселя, который, находится в центре матрицы, вычисляется умножением соответствующего весового коэффициента на соответствующее ему значения цвета в изображении с последующим суммированием результатов. Итоговое изображение получается размытым по сравнению с оригиналом потому, что цвет каждого пикселя выравнивался (усреднялся) благодаря влиянию соседей. Степень размывания можно увеличить разными способами, например, изменением размера ядра установкой параметра Радиус (Radius) размытия - рис. 5.28.
Рис. 5.28. Размытие по Гауссу изменением радиуса ядра матрицы
Для фильтра Sharpen (Резкость) центральный коэффициент больше 1, а окружающие его значения являются отрицательными числами, сумма которых на единицу меньше центрального коэффициента. Таким образом, достигается увеличение существующего контраста между цветом пикселя и цветами его соседей. В этом случае при преобразовании изображения меняется четкость изображения: она не уменьшается, как при размытии, а наоборот - увеличивается. При обработке каждого пикселя в изображении с помощью фильтра Sharpen (Резкость) также используется ядро резкости размером 3x3. Красная, зеленая и синяя цветовые составляющие обрабатываются отдельно и позже объединяются, чтобы сформировать 24-битное значение цвета. Отрицательные коэффициенты вокруг центра ядра увеличивают контраст между центральным пикселем и соседями. Зону резкости изображения можно менять разными способами, например, изменением размера ядра посредством перемены параметра Радиус (Radius) - рис. 5.29.
Рис. 5.29. Увеличение резкости изображения фильтром Умная резкость
После применения этого фильтра изображение становится более четким по сравнению с оригиналом. Процесс увеличения резкости произошел из-за программного повышения контраста между пикселями. При повторной обработке изображения тем же фильтром четкость может увеличиться еще больше.
Примечание
Обратите внимание, что сильное увеличение резкости увеличивает "зернистость" изображения.