Adobe Photoshop CS2
для Web-дизайнеров (+ CD-ROM)

Авторы: Таня Стэплс.

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

Книга содержит множество иллюстраций и подробных инструкций для выполнения упражнений. На протяжении всей книги вы будете работать с одним проектом, что позволит вам ознакомиться с основными этапами создания дизайна сайта.

В книге дано подробное описание элементов интерфейса и настроек инструментов. Также рассмотрены приемы взаимодействия с программами Illustrator CS2, Acrobat, GoLive CS2, Macromedia Flash, Dreamweaver MX.

На компакт-диске, прилагаемом к книге, размещены файлы для упражнений и учебные видеоролики.

Книга будет полезна как начинающим, так и уже достаточно опытным пользователям, желающим специализироваться в области Web-дизайна.
Купить можно на ozon.ru за 497 руб.

Пример анимированной картинки

Доступность и привлекательность текста

Урок #5.6. Создание и вставка анимированных картинок.
28 минут

Наверняка, вам приходилось видеть рекламные ролики на сайтах в виде изображений или текстовых сообщений, которые сменяли друг друга через определенное время. Это реализуется посредством картинок в формате gif (animated GIF). Рекламодатели используют технологию gif по двум причинам:

  • такие изображения привлекают больше внимания, чем обычные статические картинки;
  • за счет чередования картинок на определенном участке можно поместить в несколько раз больше информации (два кадра — два объема информации, три кадра — три).

Эффект анимации возможен благодаря формату GIF, который позволяет в одном графическом файле разместить несколько изображений. Единственное требование — все картинки должны иметь gif-формат.

Вес анимированной картинки равняется сумме всех картинок. То есть при использовании красочных изображений такая картинка может весить достаточно много.

«Собрать» один файл из нескольких можно в специальных программах. На видеоуроке использована программа UnFREEz 2.1.

О программе UnFREEz 2.1.

Инструмент, который обрабатывает любое количество различных GIF-изображений и создает из них отдельное анимированное GIF-изображение. От пользователя требуется только перетащить файлы из Проводника Windows и задать время задержки. Дополнительные особенности: автоматическое чередование и обнаружение прозрачности.

Программа распространяется бесплатно и есть на диске.

Как вставить анимированную картинку на веб-страницу?

Так же, как и любое изображение:
<img src="../img_md/reclame_disk.gif" alt="Пример анимированной картинки" />.

Для анимированных картинок можно использовать основное (базовое) статическое изображение, которое будет являться фоном для анимированной части. Смотрите пример слева. В качестве фона можно использовать эффектное изображение, а анимированная часть может состоять из текстовых сообщений. Таким образом, мы получаем нужный эффект при минимальном весе анимированной части.

Опция включения анимации в браузерах

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

Как включить/отключить опцию анимации в Internet Explorer 6.0?

Инструменты > Настройки > Дополнительно > Воспроизводить анимацию на веб-страницах (поставить/снять галочку).

Как включить/отключить опцию анимации в Опере?

Инструменты > Быстрые настройки > Включить GIF/SVG анимацию.

Урок #5.7. Создание иконки для избранного.
24 минуты

  1. Конвертация файла в формат ico в программе i.Mage.
  2. Размещение изображения favicon.ico в корне сайта.
  3. Необходимый код для Internet Explorer.
  4. Использование эффектных шрифтов при создании
    иконки.