Лекция: Photoshop и веб-дизайн

Adobe Photoshop не только признанный лидер среди растровых редакторов для редактирования компьютерной живописи и фото, но также одна из лучших программ для создания и обработки иллюстраций для Сети.

Содержание

• Цветовое кодирование для Интернет. Шестнадцатеричные веб-цвета
• Пример 7.1. Перевод RGB цветов в шестнадцатеричную систему счисления (HEX)
• Преобразование изображения в режим Indexed Color
• Сжатые форматы графический файлов (GIF, JPEG, PNG)
• Оптимизация изображения для Сети в программе Adobe Photoshop
• Деление изображения на ломтики
• Разрезание изображений на фрагменты
• Организация гиперссылок
• Оптимизация ломтиков
• Карта ссылок
• Что такое GIF - анимация?
• Пример 7.2. Создание анимации для Интернет
• Шаг 1. Подготовка изображений для анимации
• Шаг 2. Создаем многослойное изображение
• Шаг 3. Анимируем изображения
• Шаг 4 - Создание переходов между кадрами
• Шаг 5 - Оптимизация и сохранение анимации

Разработчики из Adobe с каждой новой версией вводят в программу все большие возможности, ориентированные на Web-дизайнеров. Это, например, такие возможности Adobe Photoshop, как:

• фильтры экспорта в основные графические форматы (GIF, JPEG, PNG) для World Wide Web;
• специальная (безопасная) палитра цветов, обеспечивающая их одинаковую передачу на компьютерах разных платформ, то есть с разными операционными систем, браузерами и техническими (аппаратными) возможностями;
• возможность оптимизации изображений для их размещения в Интернет;
• карты ссылок (image map);
• ролловеры;
• другие возможности.

Примечание

На английском языке интерактивные элементы дизайна web страниц, сочетающие использование графики и скриптов, называются rollovers (roll over = перекатываться, переворачиваться). Ролловер представляет собой несколько (до четырех) изображений, связанных с определенными событиями. При возникновении вышеперечисленных событий браузер заменяет одно из этих изображений другим. С каждым событием ассоциируется одно изображение. Обработкой этих событий, их регистрацией и загрузкой изображений занимается сценарий JavaScript. Простейший пример ролловера - кнопка, меняющая свой цвет в зависимости от того, нажата она или отжата.

В данной лекции мы поговорим об особенностях графики для Сети, о том, как подготовить изображения для последующего их использования в Интернет.