- •Информация о курсе Лекции 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
- •Настройка параметров принтера
- •Положение и масштаб изображений
- •Другие элементы настройки окна Печать
Vertical Distort (Вертикальное искривление)
искажение текста в вертикальном направлении.
Если при наборе текста вы на Панели свойств нажмете на кнопку Show the Character and Paragraph Palettes (Включить палитры)
, то осуществляется вызов двух палитр - Character (Символ) и Paragraph (Абзац), предназначенных для форматирования текста (рис. 5.5).
Рис. 5.5. Палитра Символ/Абзац
Точно такие палитры имеются во многих издательских пакетах (Page Maker, InDesign), поскольку они существенно расширяют возможности пользователя в работе с текстом, дополняя панель свойств новыми возможностями.
Примеры шрифтовых работ в программе Adobe Photoshop
Изучив теоретические представления о шрифте и тексте, давайте рассмотрим несколько примеров работы со шрифтом и текстом в программе Adobe Photoshop.
Пример 5.1. Создание текста с тенью
Выполните команду File (Файл) | New (Создать) и установите размер "холста" для работы 800 на 600 пикселей (рис. 5.6). Остальные параметры этого окна оставьте без изменений (с настройками по умолчанию).
Рис. 5.6. Задаем параметры рабочего листа
Активируйте на панели инструментов инструмент Horizontal Type Tool (Горизонтальный текст) и наберите любой текст, выбрав его параметры на панели свойств этого инструмента. Мы использовали гарнитуру Arial Black, кегль 72 pt, цвет шрифта - черный.
Выделите весь текст Волшебной палочкой, а затем нажмите на клавиатуре 5 раз клавишу "стрелка вверх" и 5 раз клавишу "стрелка вправо" - этим вы произведете перемещение текста на 5 пикселей влево и на 5 пикселей вверх (рис. 5.7).
Рис. 5.7. Иллюстрация момента смещения текста вверх и вправо
Выберите основной цвет - оранжевый и кистью произведите закрашивание выделения. Работу над примером завершите командой Select (Выделение) | Deselect (Отменить выделение) - рис. 5.8.
Рис. 5.8. Текст с тенью создан
Пример 5.2. Создание эффекта 3d текста
В этом примере вы познакомитесь с использованием инструмента Create a mask or selection (Создать текст-маску) для создания эффекта тиснения, то есть выдавленных (объемных) букв.
1. Создайте заготовку нового изображения, выбрав команду File (Файл) | New (Новый). Так мы создали новое изображение (документ) с белым цветом фона.
2. Выберите в панели инструментов инструмент Horizontal Type Mask Tool (Горизонтальный текст-маска). Затем напечатайте любую надпись. Пусть это, например, будет слово ARIAL BLACK.
3. Превратите текстовую маску в выделение. Для этого щелкните мышью на любом из инструментов в палитре инструментов (кроме инструмента Текст) - рис. 5.9.
Рис. 5.9. Шрифт превращен в выделение
Чтобы вы могли применить эффекты слоя, выполните команду Layer (Слой) | New (Новый) | Layer via copy (Скопировать на новый слой) или нажмите комбинацию клавиш CTRL+J. Смысл этой команды в создании нового слоя Layer 1, который становится активным.
Примечание
Пункт 4 можно выполнить другим способом - с помощью копирования содержимого выделенной области (Ctrl+C) с последующей вклейкой (Ctrl+V).
4. После выполнения указанной выше команды выделенный текст исчезнет. Не пугайтесь - все правильно! Теперь мы можем применить эффекты слоя.
5. Выполните команду Layer (Слой) | Layer Style (Стиль слоя) | Bevel and Emboss (Тиснение) - откроется окно диалога Layer Style (Стиль слоя) с установленным в нем флажком Bevel and Emboss (Тиснение) - рис. 5.10.
Рис. 5.10. Окно диалога Layer Style (Стиль слоя)
В этом окне в поле Blending Options: Default (Параметры наложения: по умолчанию) имеются следующие флажки:
Drop Shadow
тень;
Inner Shadow
внутренняя тень;
Outher Glow
внешнее свечение;
Inner Glow
внутреннее свечение;
Contour
контур;
Texture
текстура;
Satin
глянец;
Color Overlay
наложение цвета;
Gradient Overlay
наложение градиента;
Pattern Overlay
перекрытие узора;
Stroke
обводка.
Параметры тиснения здесь задаются двумя полями. В поле Structure (Структура) можно настроить Style (Стиль), Technique (Метод), Deph (Глубину), Direction (Направление), Size (Размер) и Soften (Смягчение) тиснения. В поле Shading (Затененность)настраиваются такие параметры, как Angle (Угол), Altitude (Высота), Gloss Contour (Контур глянца), Highlight Mode (Режим подсветки), Opasity (Непрозрачность), Shadow mode (Режим тени), Use Global Light (Глобальное освещение) и Anti-aliased (Сглаживание). Меняя настройки тиснения вы сможете получать различные параметры рельефа и объема вашего текста, например, как на рис. 5.11.
Рис. 5.11. Эффект выдавленных букв получен (вариант)
Примечание
Используя инструмент Horizontal Type Mask Tool (Горизонтальный текст-маска) можно легко и быстро создавать шрифт, вырезанный из изображения. Пример такого шрифта и изображения, из которого он вырезан приведены на рис. 5.12 и рис. 5.13.
Рис. 5.12. Шрифт на основе изображения - текстуры
Рис. 5.13. Изображение (текстура) для вырезания из него шрифта