Об авторе
Благодарности
Введение
Цель написания этой книги
Кому пригодится эта книга
Как построена эта книга
Краткое содержание глав
Студия Web-графики
Выполнение проектов
Глава 1 Определение требований к Web-графике
Работа с Web-безопасными форматами файлов
Web-безопасные форматы файлов
Выбор подходящего формата для вашего изображения
Использование цвета в Web
Обзор Web-палитры
Работа в Photoshop, ориентированная на Web
Использование формата Photoshop в качестве базового
Двигаемся дальше
Глава 2 Интерфейс программы Photoshop
Обзор
Работа с меню и Панелью настроек (Options Bar)
Работа с Панелью инструментов (Toolbox)
Освоение инструментов выделения и перемещения
Установка цветов переднего плана и фона
Работа с инструментами рисования программы Photoshop
Использование инструментов оттенения и заливки
Работа с инструментами создания и форматирования текста
Ознакомление с инструментами ретуширования
Работа с палитрами
Настройка интерфейса Photoshop
Двигаемся дальше
Глава 3 Создание оригинальных иллюстраций для размещения в Web
Задание параметров нового изображения
Использование инструментов создания изображений программы Photoshop
Рисование форм
Рисование прямых линий
Применение заливок
Редактирование изображения
Проект: Создайте логотип
Работа с эффектами слоев
Сохранение вашей иллюстрации
Сохранение слоев в PSD-файле
Сохранение файлов для размещения в Web
Проект: Создайте и сохраните изображение формата JPEG
Двигаемся дальше
I
Глава 4 Ретуширование иллюстраций для Web-страниц
Сканирование изображений с использованием программы Photoshop
Открытие и редактирование изображений программы Illustrator
Импортирование векторной графики
Работа с масками и выделением
Применение фильтров
Настройка яркости и контраста
Редактирование фотографий
Удаление нежелательных деталей
Подчистка фотографий
Управление изображением при помоши палитры Слои (Layers)
Использование действий
Запись нового действия
Проверка и отладка действий
Сохранение действий в наборах
Проект: Отредактируйте фотографию для ее размещения в Web
Двигаемся дальше
Глава 5 Передача цвета и стиля печатных материалов
при их размещении в Web
Работа с Web-палитрой
Ознакомление с цветовыми моделями
Поиск ближайшего Web-безопасного цвета
Создание Web-страниц на основе печатных материалов
Сканирование печатных материалов
Соблюдение неизменности оформления
Проект: Используйте отсканированные изображения при создании графики,
отражающей дизайн существующих рекламных материалов
Двигаемся дальше
Глава 6 Разработка графических текстовых элементов для Web-страниц
Для чего нужно создавать графические текстовые элементы?
Создание текстового объекта
Ввод текста
Редактирование текста
Изменение расположения и размера слоя текста
Перемещение текста
Изменение порядка перекрывания слоев
Трансформация слоя текста
Работа с инструментами форматирования текста
Полезная палитра для работы с текстом
Выбор подходящего шрифта
Выбор размера шрифта
Изменение цвета текста
Изменение выравнивания и ориентации текста
Создание искаженного текста
Использование текста в качестве маски
Применение эффектов к слою текста
Настройка эффектов
Применение стилей
Сохранение графических текстовых элементов
в Web-безопасных форматах
Проект: Создайте графический текстовый элемент
Двигаемся дальше
Студия Web-графики
Глава 7 Создание средств Web-навигаиии
Создание кнопок из форм и линий
Создание слоев для элементов кнопок
Рисование форм и линий
Выравнивание и распределение форм
Применение цветов к элементам кнопок
Организация элементов изображения
Применение эффектов
Связывание и блокировка слоев
Ввод и форматирование текста кнопок
Создание текста кнопки
Форматирование текста кнопки
Размещение текста кнопки
Связывание слоев кнопки и текста
Разработка кнопочных вариантов ролловеров
Использование команды меню Сохранить как (Save As)
для создания двух вариантов изображения
Настройка эффектов для создания нажатой кнопки
Проект: Создайте кнопки Ноте (Домой) и Back (Назад) для Web-страницы
Создание навигаиионной панели
Создание слоев элементов панели
Рисование панели
Добавление к панели форм ярлыков
Создание индикаторов активного ярлыка
Добавление текста к ярлыкам
Создание вариантов панели для каждой из представляемых страниц
Проект: Создайте навигационную панель
Двигаемся дальше
Глава 8 Создание фоновых и трассирующих изображений
Почему нужно использовать фоновое изображение?
Правила работы с фоновыми изображениями
Тестирование фонового изображения на Web-страниие
Проект: Создайте фоновое изображение
Работа с трассирующими изображениями
Создание трассирующего изображения
Размещение трассирующего изображения на Web-страниие
Проект: Создайте трассирующее изображение
Двигаемся дальше
Глава 9 Создание прототипов Web-страниц в программе Photoshop
Использование программы Photoshop как средства
разработки макета страницы
Разработка прототипа страницы
Использование линеек и направляющих
Вставка форм и линий
Добавление текста и графики
Размещение элементов страницы
Размещение вашего проекта в Web
Проект: Создайте прототип страницы
Двигаемся дальше
Глава 10 Обзор интерфейса программы ImageReady
Что делает программа ImageReady
Анимированные GIF-файлы
Ролловеры
Карты ссылок
Обсуждение роли анимационных эффектов в Web-дизайне
Работа с инструментами программы ImageReady
Запуск программы ImageReady
Инструменты Photoshop против инструментов ImageReady: в чем отличие?
Работа с окном Анимаиия (Animation)
Работа с окном Ролловер (Rollover)
Использование инструментов создания карт ссылок
Использование других палитр программы ImageReady
Двигаемся дальше
Глава 11 Работа с анимационными роликами и ролловерами,
Создание анимационного ролика
Разработка элементов изображения
Составление кадров анимационного ролика
Создание промежуточных кадров
Настройка параметров анимации
Сохранение анимационного ролика
Проект: Создайте анимированное изображение формата GIF
Создание ролловера
Создание элементов ролловера
Работа с состояниями ролловера
Обрезка изображений ролловера
Тестирование ролловера
Сохранение изображения ролловера
Размещение ролловера на Web-страниие
Проект: Создайте ролловер
Двигаемся дальше
Глава 12 Разрезание изображений на кусочки
для создания динамических эффектов
Зачем нужно разрезать изображение на кусочки?
Работа с инструментами разрезания на кусочки
Разрезание изображения на кусочки
Редактирование кусочков
Задание настроек кусочков
Сохранение разрезанных на кусочки изображений
Сохранение разрезанного на кусочки изображения в формате Photoshop
Сохранение кусочков для размещения в Web
Размещение кусочков изображения в таблице
Проект: Разрежьте изображение на кусочки, предназначенные для размещения
в таблице на Web-странице
Двигаемся дальше
Глава 13 Использование изображений Photoshop в программе LiveMotion
Ч го делает программа LiveMotion?
Обзор базового интерфейса программы LiveMotion
Отображение окон и палитр
Создание композиции в программе LiveMotion
Понятие композиции
Работа с объектами, формами и слоями
Вставка изображения программы Photoshop
Анимирование изображения
Задание продолжительности анимационного ролика
Вставка ключевых кадров
Воспроизведение анимационного ролика
Сохранение и экспортирование анимационного ролика программы LiveMotion
Проект: Используя существующий файл программы LiveMotion,
добавьте в композицию изображение формата Photoshop
Двигаемся дальше
Глава 14 Использование изображений Photoshop
в программе Macromedia Flash
Назначение программы Flash
Краткий обзор интерфейса программы Flash
Инструменты программы Flash
Работа с Линией времени (The Timeline) программы Flash
Знакомство с Рабочей областью (The Work Area) программы Flash
Вставка изображения Photoshop
Анимирование изображения в программе Flash
Работа с кадрами анимационного ролика
Создание промежуточных кадров
Работа с перетеканиями
Задание скорости и режима воспроизведения анимационного ролика
Тестирование анимационного ролика,
Сохранение и публикация анимационного ролика
Публикация ролика в файлах форматов Flash и HTML
Подбор установок публикации ролика
Проект: Поместите изображение Photoshop в один из кадров существующего
анимационного ролика Flash
Двигаемся дальше
Глава 15 WYSIWYG Web-дизайн и Photoshop
Что такое программа WYSIWYG-дизайна?
Обзор рабочего пространства визуального дизайна
Вставка изображений в среде визуального дизайна
Размещение изображений на странице
Вставка изображений в таблицу
Создание интерактивных изображений
Изменение размера изображений
Преобразование изображений в ссылки
Работа с горячими зонами
Photoshop против Fireworks
Проект: Добавьте изображение Photoshop на страницу, открытую в программе
Dreamweaver Двигаемся дальше
Приложение Вступление в он-лайн сообщество Photoshop
Как найти он-лайн сообшество Photoshop
Как присоединиться к телеконференции
Как разыскать дополнения к программе Photoshop
Предметный указатель