- •Информация о курсе Лекции 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
- •Настройка параметров принтера
- •Положение и масштаб изображений
- •Другие элементы настройки окна Печать
Сжататые форматы графический файлов (gif, jpeg, png)
Популярный в Сети формат GIF (Graphics Interchange Format - Формат обмена графическими данными) - это формат для изображений, содержащих 256 или менее цветов. Он использует алгоритм сжатия LZW (Lempel-Ziv-Welch) с хорошей степенью сжатия. Формат поддерживает прозрачность и чересстрочное отображение. Формат GIF следует использовать для изображений, создаваемых в графических редакторах программным путем (диаграммы, рисунки, текст и т.д.). Формат пригоден для создания анимационных эффектов, так как GIF позволяет хранить в одном файле несколько изображений, а браузеры могут их поочередно демонстрировать. Для каждого изображения можно указать время его демонстрации. Если каждое из изображений, хранящееся в файле GIF, представляет фазу анимации, то браузер покажет маленький "фильм". Эта особенность формата GIF нашла широкое применение в Web-дизайне. Особенно часто анимированные изображения используются в баннерах (от английского banner, плакат). GIF использует 256 цветов и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения без потерь. Может содержать прозрачные области. Поэтому формат широко используется для создания анимированных рисунков, может содержать текст, логотипы, иллюстрации с четкими краями, изображения с прозрачными участками.
Формат JPEG (Joint Photographic Experts Group - Объединенная экспертная группа по фотографии) - это масштабируемый упакованный формат, обеспечивающий высокую степень сжатия с очень небольшим снижением качества изображения. Формат JPEG может быть наилучшим вариантом для точной передачи изображений с плавным переходом цветов, то есть для изображений фотографического типа. Это любое изображение с количеством цветов более 256 (фото со сканера, цифровой фотокамеры, компакт диска и т.д.). Исходя из того, что JPEG объединяет в себе хорошую степень сжатия и незначительную потерю качества, он является идеальным форматом для среды Web-сайта. JPEG использует 16,7 миллионов цветов, поддерживает чересстрочную развертку. Область применения формата в Сети - любое изображение с количеством цветов более 256 - фотографии; рисунки, содержащие прозрачные участки; рисунки с большим количеством стветов и четкими краями изображений.
Оба формата (как GIF, так и JPEG) поддерживают чересстрочную развертку, т.е. загрузка таких форматов осуществляется через несколько строк и на экране по мере загрузки границы изображения становится более четкими. Преимущество формата JPEG заключается в том, что он сжимает 24-битное изображение так же эффективно, как формат GIF сжимает 8-битное. Недостатки JPEG состоят в следующем: JPEG - не самый лучший вариант для изображений, содержащих однотонные области или текст, так как подобный метод сжатия вносит заметные искажения в изображения такого типа.
Невозможность создания полноцветных изображений с прозрачными участками в рамках форматов GIF и JPEG привела к появлению формата PNG. Этот формат сохраняет всю цветовую информацию и один альфа-канал изображения. В формате PNG-8 максимально возможное количество цветов оптимизированного изображения - 256, этот формат похож на GIF. В формате PNG-24 у изображения могут быть миллионы цветов, этот формат, в свою очередь, похож на JPEG. В форматах PNG используется метод сжатия без потерь данных. Оба формата PNG могут сохранять полупрозрачные области (например, смягченные растушеванные границы), используя метод под названием альфа-прозрачность. В этом случае у точки может быть 256 уровней непрозрачности, начиная с полной прозрачности и заканчивая полной непрозрачностью.
Формат PNG занимает промежуточное положение между GIF и JPEG. Однако в формате PNG-8 нельзя создать анимацию (в формате GIF можно), а файлы в формате PNG-24 больше по размеру аналогичных JPEG-файлов. Формат PNG-8 аналогичен GIF, однако поддерживается не всеми программами. Использует улучшенный формат сжатия данных. Формат PNG-24 аналогичен JPEG, поддерживает 16 миллионов цветов. Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно GIF сохраняет детали изображения, как, например, в простых рисунках, логотипах, или иллюстрациях.
После сравнения основных графических форматов для веб-страниц, можно сделать вывод о том, что идеального (универсального) графического формата не существует, поскольку каждый призван решать строго определенный круг задач. Как правило, на веб-странице многоцветные изображения, такие, как фотографии, сохраняются в формате JPEG. Формат PNG-24 также годится для фотографий, однако, в отличие от JPEG, этот формат занимает больше места. PNG-24 рекомендуется для работы с полноцветными изображениями содержащих многоуровневую прозрачность. Иллюстрации с малым количеством цветов, четкими линиями или мелкими деталями, например, содержащие текст, должны быть оптимизированы в формате GIF или PNG-8.