
- •Информация о курсе Лекции 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
- •Настройка параметров принтера
- •Положение и масштаб изображений
- •Другие элементы настройки окна Печать
Деление изображения на ломтики
Операция разрезания изображения на ломтики состоит в том, что изображение делится на отдельные зоны. На Web-страницах такие изображения, поделенные на ломтики, часто используются для организации меню. Щелчок в разных участках изображения приводит в действие различные гипертекстовые ссылки. Ломтики, создаваемые при помощи инструмента Slice (Раскройка) можно создавать, выделять, редактировать и просматривать как в программе ImageReady, так и в программе Photoshop.
Разрезание изображений на фрагменты
В Photoshop можно делить изображение на фрагменты (ломтики) и назначать каждому такому ломтику свою гиперссылку, то есть можно превращать участки изображения в кнопки. Для практического знакомства с ломтиками проделайте следующее:
• откройте изображение, которое вы собираетесь разделить на ломтики;
• включите режим отображения кусочков нажатием кнопки Slice Tool (Раскройка) на палитре инструментов. Даже если вы не трогали этим инструментом изображение, то все равно появляется специальная метка о том, что теперь изображение разрезано на один "кусок" Об этом говорит окаймляющая его рамка с порядковым номером фрагмента 01 и специальной пиктограммой фрагмента;
• нажмите на левую кнопку мыши и инструментом Slice (Раскройка) обведите, как рамкой, левые часы, затем отпустите кнопку мыши. Вы определили фрагмент, который хотели бы иметь в виде отдельного изображения (и файла) - рис. 7.4;
Рис. 7.4. Процесс разрезания изображения на ломтики
Примечание
Фрагменты, созданные пользователем (пользовательский - 01) и автоматические (02), имеют разные свойства. Программа не может изменить расположение и размер тех фрагментов, которые создал пользователь. За размером и размещением автоматических фрагментов следит сама программа. Если вы измените размер пользовательского фрагмента, то все соседние автоматические фрагменты сами изменятся таким образом, чтобы не возникало "дырок" (перекрывания областей). Автоматические фрагменты имеют в левом верхнем пиктограммы серого цвета, а миользовательские - других цветов, то есть автоматические фрагменты отображаются более приглушенными цветами, чем пользовательские. Границы между автоматическими фрагментами отображаются линией с маркерами, а между пользовательскими - сплошной линией.
Давайте продолжим пример и углубим наши сведения о работой над ломтиками на практике:
• выберите на палитре инструментов инструмент Slice Select Tool (Выделение фрагмента). Он используется для уточнения размеров и положения фрагментов (ломтиков);
• щелкните курсором мыши в пределах созданного вами фрагмента 01. Этот фрагмент будет выделен. Изображение внутри выделенного фрагмента, будь он автоматическим или пользовательским, всегда показывается в оригинальной цветовой гамме. Его рамка приобрела восемь маркеров-манипуляторов, которые используются для масштабирования;
• перетащите правый боковой манипулятор рамки немного вправо. Пользовательский ломтик при этом увеличиться по горизонтали, а автоматический ломтик справа станет уже. Верните пользовательскому ломтику исходный размер. Автоматические ломтики скорректирует сама программа;
• щелкните курсором мыши в пределах правого автоматического ломтика. Изображение внутри ломтика станет ярким, ломтик будет выделен. Обратите внимание, что рамка автоматического ломтика не имеет манипуляторов, поскольку его размер устанавливается программой;
автоматический ломтик можно преобразовать в пользовательский. Выделите автоматический ломтик 02 и из контекстного меню, открывающегося щелчком курсором с помощью правой кнопки мыши выберите команду Promote to User Slice (Преобразовать в пользовательский). Фрагмент приобретет манипуляторы масштабирования (маркеры), и пиктограммы в его левом верхнем углу перекрасились в синий цвет, а это говорит о том, что автоматический ломтик стал пользовательским.