Контрольные вопросы
Какие способы добавления текста в изображение Вам знакомы?
Какие типы фильтров Вы знаете?
Перечислите типы фильтра Blur(Размытие).
На какие клавиши надо нажать ,чтобы повторно наложить на изображение действие выбранного фильтра?
Что такое кернинг?
Какие параметры текста можно изменить в программе Photoshop?
Какие фильтры используются для деформации объектов?
Как производить нанесение текстуры с помощью фильтров?
ЛАБОРАТОРНАЯ РАБОТА № 6
СОЗДАНИЕ АНИМАЦИИ В ADOBE PHOTOSHOPCS4
Цель работы: Ознакомится с рабочей средой Video & Film в Adobe Photoshop CS4
Задача: Выполнить предложенные уроки.
КРАТКИЕ ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ
Adobe ImageReady — программа, предназначенная для подготовки пиксельной графики для Web-дизайна, в частности типичных видов графики (анимированных изображений, изображений-карт, ролловеров (rollover), изображений с прозрачным фоном), при сохранении изображений используются оптимизированные цветовые таблицы и обеспечивается генерирование HTML-кодов.
ImageReady является дополнительным приложением к ранним версиям Adobe Photoshop. На данный момент функции ImageReady интегрированы в Adobe Photoshop CS4, а также и в CS3. Эти функции мы и рассмотрим.
Анимированный GIF – файл, содержащий несколько изображений в формате GIF, которые поочередно отображаются, создавая движущееся изображение.
Для GIF задается отрезок времени, через который будет сменяться изображение (чем отрезок будет меньше, тем воспроизведение будет быстрее и наоборот). Можно проигрывать набор кадров один раз, повторять показ в цикле или заданное число раз.
GIF-изображение может иметь от 2 до 256 цветов. Сокращение числа цветов в изображении, числа и размера кадров, отказ от полутонов позволяют добиться значительного уменьшения GIF-изображения.
Широкое распространение анимированный GIF получил в Интернет (создание баннеров).
Для создания анимации на основе GIF-файлов существует немало редакторов, называемых GIF-аниматорами. Примерами таких программ могут служить: MS GIF Animator, Magic Viewer, WWW GIF Animator, Animagic GIF, Ulead GIF Animator. Также создавать gif-анимацию можно с помощью Adobe Photoshop CS4 (CS3), благодаря палитре Анимация.
Создание GIF-анимации можно разбить на 2 этапа:
1) создание отдельных кадров;
2) объединение отдельных кадров в единый фильм.
Как правило, GIF-аниматоры не нуждаются в дополнительном редакторе для подготовки кадров, так как содержат все необходимые для этого инструменты.
Воспроизводиться GIF-анимация может в браузерах, кроме того анимированные изображения можно вставлять в презентации MS Power Point.
Итак, мы запустили Adobe Photoshop CS4 и видим его рабочее окно. Основное с чем придется работать это палитра Animation. Если у вас она не отображается по каким-либо причинам, вам следует сделать ее видимой – поставьте галочку возле строки Animation в меню Window. Либо выбрать рабочую областьVideo & Film (Видео): в меню Window (Окно), либоосуществляется это при помощи кнопки «Workspace» (Рабочая область), которая находится в правом верхнем углу программы. Остановимся подробнее на рассмотрении палитры Анимации. Взгляните на рисунок Рис.6.1
Рис.6.1
Под цифрой 1 обозначен первый фрейм, как правило, он отображает то изображение, которое вы сделали в Photoshop (почему «как правило?» потому, что вы можете свободно перемещать фреймы, как и слои в палитре Layers),
под цифрой 2 обозначен активный фрейм, т.е. тот фрейм, с которым вы работает в данный момент, он будет выделен синим или серым или еще каким-либо в зависимости от используемой цветовой схемы в вашей операционной системе, также данный фрейм является добавочным, т.е. полученным посредством дублирования какого-либо из доступных фреймов.
Под цифрой 3 расположена опция позволяющая контролировать будет ли ваша анимация проигрываться постоянно, или же она будет воспроизведена лишь один раз. В первом случае вам следует выбрать пункт Forever, во втором Once, ну а для тех кого такой стандарт не устраивает, разработчики предлагают опцию Other…, позволяющую вам установить количество воспроизведений анимации самостоятельно.
Цифра 4 – опция управляет промежутком времени, в течение которого фрейм будет отображаться на экране. При установке значения на 0сек., фрейм исчезнет практически мгновенно, и сама анимация будет выглядеть более плавной. Если вам понадобиться создать паузу на каком-либо фрейме, просто выберите из списка нужное значение в секундах, или задайте свой промежуток времени, выбрав пункт Other…
Часто требуется установка одного и того же значения в секундах для нескольких фреймов, в этом случае можно конечно выбирать каждый фрейм по отдельности и задавать для него необходимое значение, но если таких фреймов 40 (встречается и такое)? Необходимо, удерживая клавишу Shift, щелкнуть сначала на первом фрейме, а затем на последнем, тем самым выделив нужные фреймы для работы, а затем изменить у одного из фреймов время его отображения.
Цифра 5 – область для проверки вашей анимации. Есть кнопка Play, есть кнопка Stop, Select previous frame, Select next frame, которые отвечают за воспроизведение, останов , переход к предыдущему фрейму и переход к следующему фрейму соответственно. Также если в процессе работы вы оказались где-то ближе к концу, и вам срочно потребовался первый фрейм, а тратить время на использование полосы прокрутки у вас нет никакого желания – вы можете нажать кнопку Select first frame .
Цифра 6 – нажатие этой кнопки позволит вам «размножить» выбранный фрейм с применением эффекта затухания, ну или плавного перехода – кому как больше нравиться.
Цифра 7 – с этой кнопкой в виде чистого листа бумаги вы не раз могли встречаться при работе с палитрами, она всегда выполняет функцию создания чего-то нового – в палитре Layers – это создание нового слоя, в Channel – нового канала, Styles –создание нового стиля. Здесь же эта кнопка отвечает за дублирование фрейма. Т.е. если у вас есть три фрейма, и вы находитесь на втором, то после нажатия на эту кнопку будет создана копия фрейма под номером 2, а не стоящего перед ним, т.е. предыдущего.
Цифра 8 –это кнопка удаления выбранного фрейма.
Цифра 9 – это кнопка вызова дополнительного меню палитры Animation, с его помощью вы можете выполнять практически все действия, у которых есть кнопки, плюс несколько дополнительных, но о них будет сказано позже. В любом фрейме вы можете производить те изменения, которые сочтете нужными. Чтобы быть уверенным в том, что изменения происходят только в активном фрейме, а не во всех, следует отключить опцию Propagate Frame 1 Changes (Распространить кадр 1) на любом слое, который является частью анимации, участвует в ней. В принципе, это должно войти у вас в привычку, чтобы не сделать почти всю работу, а потом с ужасом заметить, что вновь добавленный текст перекрывает все фреймы и портит конечный результат. Итак, для отключения данной опции, необходимо щелкнуть левой кнопкой мыши в палитре Layers по любому слою и снять галочку возле текста “Распространить кадр 1” (рис.6.2)
Рис.6.2
Переходим к рассмотрению вопроса непосредственно анимации.