Самоучитель по Adobe Photoshop 7



 

Глава №23.

Работа с Web и программирование Imageready

Режим Indexed Color
Преобразование изображения в режим Indexed Color
Редактирование таблицы цветов изображения в режиме Indexed Color
Создание специальной палитры в программе ImageReady для изображений в режиме Indexed Color
Применение специальной палитры к другим изображениям
Из программы Photoshop в LiveMotion
Подготовка многослойного файла к переносу из программы Photoshop в LiveMotion
Возникновение ореола при копировании сглаженных объектов в другие программы
Из программы Photoshop в After Effects
Согласование цветов в программе Photoshop и других приложениях
Создание в программе Photoshop изображений для сети
Размер изображения
Формат GIF
Глубина цвета
Формат JPEG
Размытие
Сглаживание
Форматы PNG-8 и PNG-24
Панель инструментов в программе ImageReady
Оптимизация изображений для сети в программе ImageReady
Оптимизация изображений в формате GIF и PNG-8
Применение взвешенной оптимизации
Предварительный просмотр в программе ImageReady
Команда Jump to
Быстрая оптимизация
Создание и применение дроплета
Оптимизация изображений в формате JPEG или PNG-24
Приведение цвета однотонных областей к Web-цветам
Предварительный просмотр результатов возможного размытия оптимизированного изображения в браузере
Предварительный просмотр изображения
Изменение гаммы оптимизированного файла
Предварительный просмотр оптимизированного изображения в браузере
Сохранение файла в программе ImageReady
Сохранение оптимизированного файла в программе ImageReady
Обновление существующего HTML-файла
Изменение заголовка Web-страницы и вставка информации об авторских правах
Ввод текста в программе ImageReady
Советы по созданию текста для сети
Деление изображения на ломтики
Разрезание изображения на ломтики с помощью команд
Разбиение изображения на ломтики вручную
Создание ломтика на основе слоя
Преобразование ломтика, созданного автоматически или на основе слоя, в пользовательский ломтик
Удаление ломтиков
Изменение размера пользовательских ломтиков
Связывание ссылок с ломтиками изображения
Изменение порядка следования ломтиков
Выравнивание пользовательских ломтиков вдоль общей границы
Равномерное распределение пользовательских ломтиков вдоль одной оси
Создание карты изображения на основе слоя
Создание карты изображения с помощью инструмента
Переход от карты изображения на основе слоя к карте, созданной при помощи инструмента
Как спрятать или показать карту изображения
Выделение карты изображения
Удаление карты изображения
Выравнивание карт изображения, созданных с помощью инструментов, вдоль общей границы
Равномерное распределение карт изображения, созданных при помощи инструментов, вдоль одной оси
Оптимизация отдельного ломтика изображения
Копирование настроек оптимизации от одного ломтика к другому
Связывание ломтиков
Разъединение ломтиков
Прикрепление тега Alt к какому-либо ломтику или целому изображению
Ролловеры
Создание ролловера для ломтика
Создание ролловера с использованием эффекта слоя
Предварительный просмотр ролловера в ImageReady
Предварительный просмотр ролловера в Web-браузере
Создание вторичного ролловера
Создание кнопки для Web-страницы
GIF-анимация
Перемещение элемента изображения с помощью анимации
Постепенное исчезновение или появление картинки
Удаление кадров из анимации
Выбор параметров воспроизведения анимации
Предварительный просмотр анимации
Анимация покачивания предметов
Редактирование анимации
Воспроизведение анимации в обратном порядке до первого кадра
Применение второго анимационного эффекта к существующей анимации
Уменьшение размера изображения
Обрезка изображения
Ролловер, инициирующий анимацию
Создание анимации с искажением текста
Удаление или корректировка искаженного текста
Сохранение GIF-анимации
Открытие анимации в формате GIF
Оптимизация анимации
Эффекты слоя
Применение эффектов слоя в программе ImageReady
Удаление эффекта слоя
Другие возможности для работы со слоями в программе ImageReady
Применение стиля к слою
Сохранение эффекта слоя в качестве стиля
Заполнение фона повторяющимся узором
Создание файла «черепицы»
Предварительный просмотр мозаичного фона
Использование HTML-файла в качестве фона
Удаление HTML-файла «черепицы» или однотонной фоновой окраски изображения
Диалоговое окно Save for Web в программе Photoshop

Рис. 23.1. Сайт www.Piter.com

Примечание

При выполнении упражнений этой главы вы будете постоянно переходить из программы Photoshop в ImageReady и обратно.

Примечание

Программа ImageReady имеет серьезные проблемы с отображением кириллицы. Поэтому в целом ряде случаев придется пользоваться HTML-редактором. В частности, для редактирования текста в поле Alt или при создании ролловеров.

В этой главе рассказывается, как подготовить Photoshop-изображения для последующего их использования в мультимедийных системах или в Internet, причем в режиме реального времени. Рассматриваются методы преобразования изображения в режим Indexed Color, использования Photoshop-изображений в программах Live-Motion и After Effects и подготовки их к просмотру в сети с помощью программы ImageReady.

Так как Web-графика выводится на экране, в эту главу включены сведения, касающиеся подготовки изображений для последующего показа на мониторе. При подготовке графики для просмотра на экране (в отличие от подготовки к печати) особенно важной становится проблема хранения и передачи данных. Поэтому сначала будет рассказано о преобразовании изображений в режим Indexed Color, то есть о методе сжатия файлов, при котором сохраняется достаточно много информации о цвете.

Как только вы закончите подготовку изображений, можете окунаться в реальный мир Всемирной паутины (рис. 23.1). Готовы прямо сейчас? Тогда сразу переходите к разделу «Подготовка в программе Photoshop изображений для сети».

Начало Вперед