Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Скачать автомобильный шаблон Иконки груп для ucoz Набор кнопок для ucoz Скачать иконки для форума ucoz Cs portal by -=Wolf=- Скачать шаблон РЭП дизайн Скачать бесплатно шаблон для ucoz на тему Rap Скачать бесплатно шаблон для UCOZ от CS-sahaby Bannerkz Супер шаблон для UCOZ Скачать Иконки для ucoz - ApexGold Иконки групп для форума "by DRaGoN" Красивые иконки для сайта ucoz Как в PhotoShop нарисовать 3D иконку коробки (упаковки)? Анимация в Фотошоп. Оживляем звук в ФОТОШОП Стильная кнопка для сайта, в фотошопе Отличный шаблон для ucoz Шаблон для uCoz Скачать Скачать шаблон бесплатно Rip ICQ By EVILMAN Иконки с анимацией для форума UCOZ Как сделать Эффект загнутой страницы Иконки для форума UCOZ - Круглые зелёные иконки. Отличный шаблон для uCoz бесплатно Скачать RedDragon Diz Адаптация под uCoz шаблон сайтов Шаблон RedIce_v3 для ucoz
Главная » Статьи » Уроки Adobe Photoshop » Анимация

Использование Actions в анимации. Основы анимации для новичков
Использование Actions в анимации. Основы анимации для новичков

Ну, для новичков, это я наверное загнул, скорее для середнячков rolleyes.gif , поскольку совсем простые вещи я объяснять не буду.
Может то, что я напишу для кого - то тривиальные истины, но для начинающих, я думаю, будет полезно.

Так как возникло небольшое недоразумение, добавил этот абзац biggrin.gif . Берем PHOTOSHOP версии 7 и выше и все последующие действия делаем именно в PHOTOSHOP.

Как известно Actions (Операции) это набор макрокоманд или иными словами записанная последовательность действий, которую в последствии можно воспроизвести. И используются эти макросы, как правило, для упрощения рутинной работы. Например, нужно добавить к фотографии рамку, это просто скажете вы, но если такую рамку нужно добавить к ста фотографиям, вот тут то нам и помогут макросы. В PhotoShop CS2 имеется несколько коллекций уже созданных макросов, кроме Default Actions, есть ещё Frames (Рамки), Text Effects, Image Effects и множество других.
Вызвать окно Actions можно выбрав пункт меню Windows > Actions. Выглядит оно так:

Использование Actions в анимации

Те команды, которые нам пригодятся для работы, находятся внизу окна Actions.

1. Остановить запись макроса
2. Начать запись макроса
3. Воспроизвести макрос
4. Создать новую коллекцию
5. Создать новый макрос
6. Удалить выбранный макрос или макрокоманду

Вот мы и используем эти Actions для создания анимации.

Теперь по сути урока.

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


1. Создадим новый документ. Для примера возьму размеры 192x128. Фон залью белым.
2. Теперь черным цветом пишем текст. Получим вот что:

Использование Actions в анимацииИспользование Actions в анимации
3. Уделим немного внимания окну анимации (для тех, кто не читает учебники).
Пункт меню Windows > Animation. Выглядит оно так:

Использование Actions в анимации

Мы видим первый кадр анимации, который выглядит, так же как и наш документ. Под ним всплывающий список, в котором можно установить время проигрывания этого кадра в секундах. Для нашей анимации установим 0,1 сек.
Внизу окна кнопки управления анимацией.
Всплывающий список позволяет установить способ проигрывания анимации Once - анимация проигрывается 1 раз, Forever – бесконечное проигрывание и Other – устанавливаем время проигрывания анимации в
секундах.

Далее по пунктам:

1. Вернутся к первому кадру анимации
2. На один кадр назад
3. Воспроизвести анимацию
4. На один кадр вперед
5. Создание перехода между двумя выбранными кадрами
6. Создать новый кадр анимации
7. Удалить выбранный кадр анимации

4. ВНИМАНИЕ САМЫЙ ВАЖНЫЙ ШАГ записываем первый скрипт.

В окне Actions нажимаем «Создать новый скрипт» появится окно:

Использование Actions в анимации

Изменяем имя. Я назвал скрипт «Поворот +20» поскольку наш текст будет поворачиваться на 20 градусов за 1 кадр по часовой стрелке.
Нажимам Record, запись началась. Об этом свидетельствует активная кнопка записи. Начинаем выполнять последовательность действий, строго по пунктам.

I. В окне анимации нажимаем кнопку «Создать новый кадр». Появится новый кадр под номером 2, который ни чем не будет отличаться от предыдущего.

Использование Actions в анимации

II. Теперь скрываем слой «TEST TEXT», дублируем его и включаем видимость слоя «TEST TEXT copy».

Использование Actions в анимации

III. Нажимаем Ctrl + T (или Edit>Transform>Scale) и в панели свойств устанавливаем поворот 20 градусов.

Использование Actions в анимации

Окно анимации теперь выглядит так.

Использование Actions в анимации

В окне Actions нажимаем «Остановить запись макроса». Первый макрос готов.

Использование Actions в анимации

Возвращаемся к первоначальному виду в окне History или просто удаляем новый кадр и новый слой.

5. НЕ МЕНЕЕ ВАЖНЫЙ ШАГ создание второго макроса.

Теперь нам нужно, чтобы текст увеличивался и исчезал. Ну, с увеличением понятно, поступим, как и в предыдущем макросе, а вот для исчезновения придется использовать маскирующий слой. Его то мы и создадим для слоя с текстом. Нажав на кнопку «Add layer mask» в окне слоев.

Использование Actions в анимации

Тут всё просто: маскирующий слой белый – текст видно, черный – невидно, серый – слой с текстом будет полупрозрачным.

Начинаем записывать макрос.
Назовем его например «Увеличение +20»
I. Первый шаг делаем, как и в первом макросе.
II. Второй, как ни странно тоже.
III. В третьем шаге произошли небольшие изменения:

Использование Actions в анимации

IV. А вот теперь самое интересное. Устанавливаем основной цвет черным. Выбираем инструмент заливка и в его настройках параметр Opacity уменьшаем до 20 процентов.

Использование Actions в анимации

Выделяем маскирующий слой и заливаем его.

Останавливаем запись макроса. Второй макрос готов.

Использование Actions в анимации

6. Свершилось вся подготовка закончена, приступаем непосредственно к созданию анимации.
I. Для анимации я создам новый документ, с новым фоном и текстом.

Использование Actions в анимации

II. Перетаскиваем текст вниз экрана, уберем его из области видимости.

Использование Actions в анимации

III. Создаем новый кадр анимации. Нажимаем Shift и удерживая его перетаскиваем слой с текстом на середину экрана.

Использование Actions в анимации

IV. Удерживая Ctrl выделяем оба кадра и нажимаем кнопку Tweens. В появившемся окне установим настройки:

Использование Actions в анимации

Теперь между нашими двумя основными кадрами появилось 8 промежуточных.

Использование Actions в анимации

Первый этап анимации готов, текст выплывает снизу экрана.

V. Для следующего шага, нам понадобиться наш первый макрос «Поворот +20».
Выделяем последний кадр анимации и слой с текстом.
Выполняем макрос «Поворот +20» девять раз.

Использование Actions в анимации

Текст начал поворачиваться. И теперь выглядит так:

Использование Actions в анимации


VI. Как вы наверное уже догадались в этом шаге мы используем второй макрос «Увеличение +20». Здесь важно не забыть, в окне слоев выделить самый верхний слой и назначить ему слой маску.

Использование Actions в анимации

Выполняем макрос «Увеличение +20» раз этак 10.

Всё наша анимация готова.

Сохраняем её File > Save for Web… в формате GIF естественно.

Любуемся результатом.

Использование Actions в анимации

Категория: Анимация | Добавил: cinemania (06.10.2008)
Просмотров: 1867 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма Входа
Воскресенье, 07.06.2020, 02:54
-й день

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
 
Логин:
Пароль:
Друзья сайта
Статистика
Рейтинг сайтов
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Лучшие фильмы | Уроки Adobe Photoshop | Шаблоны для uCoz | Онлайн-TV | Кнопки для сайта UCOZ | Иконки для сайтов UCOZ | Скрипты для uCoz