Автоматическое создание анимации.

Уроки по анимации

Модераторы: Globator, Сильфида, Любовь, NEWESTA

Правила форума
Уроки Photoshop по анимации - раздел предназначен для публикации своих и переводных уроков по анимации.
1. Публикация уроков с русскоязычных ресурсов не разрешается.
2. Если публикуете перевод урока с англоязычного сайта, то не забывайте указывать автора и ссылку на первоисточник.
3. Для собственных уроков - подписывайте ник или имя.
4. Внимание: для вопросов, связанных с Adobe Photoshop, есть раздел Вопросы по работе в Adobe Photoshop.
5. Бессмысленные комментарии к урокам типа: "круто", "супер" и т.п., а также комментарии содержащие одни смайлы - будут удаляться без предупреждения.
6. Запрещено размещение материалов без указания авторов и ссылки на первоисточник, а также размещение ссылок на скачивание таких материалов на depositfiles.com, rapidshare.com, letitbit.com и т.д.
7. Пользователям запрещено создавать дополнительные аккаунты. Создание нескольких аккаунтов наказывается баном этих аккаунтов.
Antverpen
Сообщения: 3
Зарегистрирован: Вт фев 28, 2012 12:50 am
Пол: Мужской
Antispam: Нет

Автоматическое создание анимации.

Сообщение Antverpen » Вт фев 28, 2012 1:25 am

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

Сначала создаём саму спираль.
Для этого создаём пустой документ c шириной 100 и высотой 50 пикселей:
Изображение

Создаём в новом документе пустой слой и заливаем его красным:

Изображение

Теперь увеличиваем холст "вверх", чтобы наш слой оказался в нижней части документа:

Изображение

Должно получиться что-то вроде польского флага, вот так:

Изображение

Теперь надо превратить красный прямоугольник в спираль. Для этого запускаем в меню Фотошопа пункты Filter - Distort - Twirl и выставляем степень искажения 900:

Изображение

У нас получится спираль. Давайте сделаем её круглой! Для этого выберите "круглое" выделение, потом наведите курсор в самый центр спирали, и, зажав, Shift и Alt увеличьте выделение так, чтобы у нас получилась хорошая, круглая спираль:

Изображение

Теперь надо сделать две вещи. Во-первых, обрезать края. Для этого инвертируйте выделение, нажав Ctrl+Shift+I. Теперь обрежьте края, нажав Delete. Затем инвертируйте выделение обратно, снова нажав Ctrl+Shift+I. Сделаем обводку по выделению, выбрав Edit - stroke. Поставьте тот же цвет, которым заливали изначальный слой и толщину 2 px.
Должна получиться вот такая спираль:

Изображение

Давайте чуть смягчим её, чтобы убрать резкие края линий. Выберем в меню Фотошопа Filter-Blur - Radial Blur и выставим значение 18 вот так:

Изображение

Наша спираль готова!

Пора анимировать её. Предположим, мы хотим использовать 10 кадров, и повернуть её на 360 градусов, сделав замкнутую анимацию. Вот эту, самую скучную часть работы можно автоматизировать. Для этого нам потребуется дополнение для Фотошопа под названием "PSD мультипроцессинг инструменты". Оно бесплатно и не требует никакой специальной установки. Это набор всяких инструментов для автоматизации рутинных действий вроде создания кадров анимации, нарезки и копирования слоёв и т.д. Сейчас с помощью дополнения мы автоматизируем создание анимации.
Взять дополнение можно тут:http://narod.ru/disk/42150255001.49216b1e45ba166452519ef8dc1724ed/PSDMultiToolsRus.zip.html

Его нужно распаковать в какой-нибудь каталог. А чтобы запустить, открыть через File-Scripts-Browse там, куда вы распаковали архив, файл multiToolsRus.jsx.

Перед запуском, убедитесь, что у вас выбран ваш слой спирали.
После запуска дополнения появится список инструментов. Сейчас вам нужен инструмент: "Скопировать слой с заданными параметрами":

Изображение

Итак, чтобы подготовить анимацию вращения спирали, нам нужно 10 кадров, на каждом из которых спираль чуть повёрнута. Кадров 10, полное вращение - 360 градусов, следовательно на каждом кадре спираль должна поворачиваться на 36 градусов.
Теперь выставляем настройки инструмента. 1 исходный слой у нас уже есть, следовательно до 10 кадров нам нужно ещё 9 копий слоя. Выставляем количество копий: 9. Оставляем включённой галочку "Последовательность", чтобы спираль на каждом кадре не начинала вращаться заново. Снимем галочку "Сдвиг", нам нужно, чтобы спираль вращалась на месте, и включим "Поворот". Минимальное и максимальное значение поворота выставим, как мы уже посчитали в 36.
Изображение

Теперь жмём Пуск!
Через несколько секунд все наши кадры будут готовы. Можно посмотреть на них в списке слоёв:
Изображение

Но нам ещё надо превратить кадры в анимацию! И для этого тоже есть инструмент. Сначала выделяем все десять кадров (щёлкаем по верхнему слою, а затем, зажав Shift, по нижнему - скорее всего он будет называться у вас Layer 1 copy 9).
Теперь запускаем Мультитулз так же, как и в первый раз, но выбираем пункт Создать анимацию из выбранных слоёв:

Изображение

Этот инструмент автоматически поместит каждый слой из выбранных в отдельный кадр.
Поставим задержку между кадрами в 0 и нажимаем Пуск.
Ещё через несколько секунд наша анимация готова!

Можно сохранить её через пункт File - Save for WEB & Devices, выбрав тип файла GIF.

Изображение

Аватара пользователя
Svet
Сообщения: 226
Зарегистрирован: Чт июл 21, 2011 1:51 pm
Пол: Женский
Antispam: Нет
Откуда: Россия, Омск
Контактная информация:

Re: Автоматическое создание анимации.

Сообщение Svet » Вс мар 18, 2012 7:15 am

Классна
Катитесь все колбаской....


Вернуться в «Анимация»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость