• Авторизация


Анимация 20-01-2010 13:47 к комментариям - к полной версии - понравилось!

Это цитата сообщения FlashStudio Оригинальное сообщение

Анимация



В данном уроке описан лишь принцип анимирования, об эффектах, применяемых для анимации, будет рассказано в других уроках… Рассмотрим пример анимации баннера.

Создадим новое изображение, 100×100px.

При помощи команды Ctrl+Shift+N добавляем новый слой. Это будет фоном баннера, зальём его градиентом, добавим паттерн, небольшой блик.

Для последующего удобства в составлении анимации, сводим фон в один слой:

Создадим направляющую, проходящую чуть ниже центра нашего рисунка. В главном меню выбираем View > New guide > Horizontal и перетаскиваем полученную направляющую с помощью инструмента «Move tool».

При помощи инструмента «Horizontal type tool (T)» создадим несколько слоёв с текстом. Добавим к каждой надписи тень — на панели слоёв два раза кликаем по слою и устанавливаем следующие параметры:

Важно, чтобы нижняя граница шрифта ложилась на направляющую — при смене кадров это не будет ломать глаза.

Вот что на данном этапе у меня получилось:

Нам потребуется панель анимации: Window > Animation. Тем, у кого версия Фотошопа «CS2» и ниже, необходимо сначала нажать Ctrl+Shift+M, тем самым импортируя рабочий файл из Photoshop в «Adobe Image Ready». Это отдельный инструмент для оптимизации, анимации изображений, создания визуальны эффектов,поставляемый ранее совместно с «Photoshop». Начиная с версии CS3 его функции были перенесены в Фотошоп, в результате чего актуальность программы пропала.

Появилась вот такая панель:

Возвратимся на панель слоёв и оставим видимым только фон:

Дублируем кадр, для чего на панели анимации необходимо нажать кнопку «Duplicates current frame».

Я сделал 5 копий, так как у меня 5 заготовленных фраз-слоёв с текстом.

Далее на каждом кадре мы сделаем по одной непрозрачной надписи, для этого просто обозначаем видимость слоя в палитре Layers.

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

Запускаем анимацию с помощью кнопки «Play/stops animation»…

Анимированное изображение нужно сохранить в формате gif.

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация | Ирина_Чёрная - Secret Garden | Лента друзей Ирина_Чёрная / Полная версия Добавить в друзья Страницы: раньше»