Лабораторная работа № 5

Тема: Создание GIF-анимаций для Web в Adobe Photoshop (после CS3) или Adobe ImageReady(до CS3)

Цель работы: на этом занятии вы узнаете, как делать следующее:

• Использовать многослойные файлы формата GIF в качестве основы анимации;

• Использовать палитры Layers (Слои) и Animation (Анимация) для создания анимационных последовательностей;

• Создавать анимации на основе изменения положения, видимости слоев и эффектов слоев;

• Вносить изменения в одиночные кадры, во множество кадров и во всю анимацию;

• Использовать команду Tween (Создать промежуточные кадры) для создания плавных переходов между кадрами с различными настройками непрозрачнос­ти и положения слоев;

• Просматривать анимации в программе Adobe ImageReady и в Web-браузере.

• Оптимизировать анимацию, используя палитру Optimize (Оптимизация).

Программное и техническое обеспечение: персональный компьютер, Adobe ImageReady, Adobe Photoshop, Microsoft Word. Кроме того, для выполнения заданий лабораторной работы вам потребуется использовать какой-нибудь Web-браузер: Netscape, Internet Explorer или Safari, однако при этом устанавливать соединение с Интернетом не понадобится.

Теоретические ведомости Создание анимаций в программе Adobe Photoshop (после cs3) или Adobe ImageReady(до cs3).

Анимационный GIF-файл представляет собой последовательность изображений, или кадров. Каждый кадр немного отличается от предыдущего кадра, создавая иллюзию движения, когда кадры просматриваются в быстрой последовательности точно так же, как в фильмах. Вы можете создать анимацию несколькими способами:

• С помощью кнопки Duplicates current frame (Создать дубликат текущего кадра) на палитре Animation (Анимация) создать анимационные кадры, затем с помощью палитры Layers (Слои) определить состояния изображения для каждого кадра;

• Использовать команду Tween (Создать промежуточные кадры) для быстрого создания новых кадров, которые деформируют текст или изменяют непрозрачность, положение или эффекты слоя. Тем самым создается иллюзия, что элемент в кадре движется или исчезает и снова появляется;

• Путем открытия для создания анимации многослойного файла Adobe Photoshop или Adobe Illustrator, в котором каждый слой становится кадром.

Создание анимационной последовательности лучше всего выполнять на вкладке Original (Оригинал) в окне изображения. Это избавляет программу от необходимости повторной оптимизации изображения по мере того, как вы редактируете содержимое кадров. Файлы анимации выводятся либо как GIF-файлы, либо как фильмы QuickTime. Создание анимаций JPEG или PNG невозможно.

О работе со слоями в анимациях.

Работа со слоями является существенной частью создания анимаций в программе ImageReady. Помещение каждого элемента анимации на его собственный слой позволяет изменять положение и вид элемента в последовательности кадров.

Изменения в кадрах. Некоторые изменения, которые вы вносите в слои, воздействуют только на активный кадр анимации. По умолчанию изменения, которые вы вносите в слои, используя команды и параметры палитры Layers (Слои) в том числе непрозрачность слоя, режим смешивания, видимость, положение и стиль относятся только к текущему кадру анимации. Однако вы можете применить изменения в кадре ко всем кадрам анимации, используя кнопки объединения на палитре Layers (Слои).

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

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