Предисловие
Глава 1. Быстрый старт для новичков
Ключевые положения Photoshop
Создание изображений
Редактирование изображений
Использование слоев
Создание Web-страниц
Дополнительные возможности
Рабочая среда
Главное меню
Панель свойств (или палитры)
Панель инструментов
Палитры
Изменение рабочей среды
Основные настроечные параметры
Дизайн цвета
Цветовые режимы Photoshop
Установка цвета в панели инструментов
Используем диалоговое окно Color Picker
Использование палитр Color и Swatches
Настройка рабочей области для работы с безопасными цветами
Основная информация о цветовых инструментах
Цветовая гармония для Web
Использование инструментов рисования для создания цветовой схемы
Создание и закрашивание новых изображений
Гармоничные цветовые схемы
Инструменты и техника выбора и сохранения цветов
Сохранение изображений в правильном формате для Web
Команды меню Save
Использование трех команд для сохранения
Сохранение изображение для Web в формате GIF
Резюме
Помощь он-лайн
Вопросы для самоконтроля
Упражнения
Глава 2. Получение и редактирование изображений
Сканирование
Основные принципы сканирования
Другие способы получения изображений
Редактирование изображения: основные инструменты
Сохранение отсканированного изображения
Сохранение копии изображения
Вращение холста
Вырезание изображения
Корректировка уровней черного и белого
Корректировка цветов
Увеличение резкости изображения
Размер и разрешение изображения
Что такое пиксел?
Совершенствование стратегии сохранения файлов
Использование диалогового окна Image Size
Взаимоотношения между пикселами, размером изображения и его разрешением
Разрешение монитора и Web
Общепринятые размеры изображений для Web
Редактируем изображение: играючи с Photoshop
Использование фильтров
Использование средств выделения
Инструмент Clone Stamp
Дополнительные инструменты для редактирования
Правильное использование Photoshop
Сохраняем файл в формате JPG для Web
О сжатии
Используем команду Save for Web
Резюме
Помощь он-лайн
Вопросы для самоконтроля
Упражнения
Глава 3. Создание графических изображений
Основная информация о графических изображениях
Изображение: Растровое против векторного
Важные аспекты цвета, GIF- и JPG-изображений
Используем прозрачность
Настраиваем рабочую область для работы с прозрачностью
Создаем новое прозрачное изображение
Базовые инструменты для создания графики для Web
Используем векторные инструменты
Используем инструмент Pen
Используем палитру Styles
Преобразуем формы
Используем инструменты рисования для растровой графики
Сохраняем графику с прозрачной подложкой для Web
Используем подложку для сохранения прозрачного GIF-файла
Резюме
Помощь он-лайн
Вопросы для самоконтроля
Упражнения
Глава 4. Используем текст, слои, эффекты и стили
Текст в Web: базовые принципы
Редактируемый текст
Графический текст
Текст на экране монитора против текста на печатной странице
Средства создания текста в Photoshop
Используем инструмент Text
Текст в виде строки и абзаца
Использование палитры Character
Использование палитры Paragraph
Используем Layers
Фоновый слой
Добавляем, удаляем и задаем имена для слоев
Выбираем слои
Показать и скрыть слой
Дублируем слои
Перемещаем слои
Перемещаем содержимое слоев
Используем эффекты и стили
Создание тени
Эффект Bevel and Emboss
Другие эффекты
Сохраняем созданный стиль
Композиция изображений
Сохраняем многослойное изображение
Резюме
Помощь он-лайн
Вопросы для самоконтроля
Упражнения
Глава 5. Создаем Web-анимацию
Основные принципы анимации
Анимированные GIF-изображения
Используем ImageReady
Создаем простую анимацию
Анимированные рекламные баннеры для Web
Создаем слои для анимации
Создаем кадры анимации
Задаем временные параметры анимации
Создаем сложную анимацию
Локальная анимация
Локальная и траекторная анимации
Оптимизируем и сохраняем анимацию для Web
Команда меню Optimize Animation
Палитра Optimize
Закладки верхней части окна документа
Сохраняем анимацию
Резюме
Помощь он-лайн
Вопросы для самоконтроля
Упражнения
Глава 6. Создаем дизайн Web-страницы
Основы Web-дизайна
Используем программы Photoshop и ImageReady для создания дизайна Web-страницы
Создаем дизайн Web-страницы
Создаем новый документ в соответствии с планируемыми размерами Web-страницы
Визуальное разделение области дизайна на строки и колонки
Используем символы и метафоры для определения дизайна
Разработка навигации
Дизайн поверх изгиба above the fold
Создаем наброски планировки дизайна
Фоновый слой и простые ролловеры
Фоновая графика и разбиение
Используем программу ImageReady для предварительного просмотра заполнения фона
Настраиваем простой ролловер с помощью Photoshop
Сохраняем showpeg
Резюме
Помощь он-лайн
Вопросы для самоконтроля
Упражнения
Глава 7. Публикуем Web-страницу
Фрагментируем Web-страницу
Учимся использовать фрагменты
Создаем фрагменты
Фрагменты из направляющих
Устанавливаем настройки фрагментов
Редактируемый Web-текст
Используем оптимальные установки
Создаем сценарий динамического изображения
Программируем динамический сценарий
Используем готовые стили ролловеров
Используем простые карты ссылок
Задаем настройки вывода
Сохраняем фоновые цвета или изображения
Сохраняем Web-страницу
Резюме
Помощь он-лайн
Вопросы для самоконтроля
Упражнения
Глава 8. За пределами основ
Получаем помощь
Инструменты, советы и технические приемы
Операции
Режимы наложения
Размер холста
Инструмент Color Replacement
Контактный лист
Дизайн
Структура директорий
Изолированные (или удаленные) динамические изображения
Кнопка стыковки (Docking Bar)
Буквицы
Тень и другие эффекты слоев
Дублируйте слой
Экспорт в формат Macromedia Flash
Удаление фона
Растушевка
Браузер файлов
Размер файла
Полноэкранный режим
Градиенты
Градации серого