Главная Контакты Карта сайта
» » » Вращающиеся предметы

Вращающиеся предметы

Каледарь 29-05-2013 Посетители Просмотров: 16611

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


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

Снимаем блокировку со слоя

Будем вращать три пуговицы из четырех.
Для каждой из этих пуговиц нужно будет создать, скажем, по 7 слоев с вариантами поворота.
Облегчим себе жизнь. Сделаем один раз для одной пуговицы и запишем все свои действия в Actions (Действия), а затем просто применим эти действия еще к двум пуговицам.

Пуговицы на разных слояхШаг 1.
Первым делом разместим наши пуговицы на разных слоях.
Для этого просто выделяем пуговицу,
даем команду Edit-Cut + Edit-Past 
(Правка-Вырезать + Правка-Вставить)
или пользуемся классическими комбинациями клавиш:
Ctrl+X затем Ctrl+V.


Повторяем для трех пуговиц.
В итоге имеем четыре слоя, на каждом их которых есть пуговица.

Шаг 2.
Выделяем одну из пуговиц. (Нажимаем Ctrl и щелкаем по иконке на слое).
Дальше действия начнем записывать.
Даем команду Window - Actions (Окно - Действия), открывается окошко Actions.
В правом верхнем углу этого окна есть маленький черный треугольник - вызов меню. 
Щелкаем и в открывшемся меню выбираем пункт New Action (Новое действие).
Actions в фотошопе

Появляется диалоговое окошко:
Диалог
В нем даем имя нашему действию. У меня задано имя  Вращение. При желании можно задать функциональную кнопку, при нажатии на которую наши действия будут выполняться. У меня выбрана F12.
Нажимаем на кнопку Record (Запись).

С этого момента все наши действия будут записываться.

Копируем нашу 
8 слоевпуговицу на новый слой Ctr+J
или правой кнопкой мыши по слою и в меню выбираем пункт Duplicate layer (Дублировать слой).

На новом слое поворачиваем пуговицу на 450
Для поворота,не снимая выделения, нажимаем комбинацию клавиш Ctrl+T или Edit -Free Transform (Правка - Свободная трансформация).  

Дублируем уже этот слой. На новом дубле поворачиваем опять на те же 450.

И так далее, пока у нас не получиться 8 слоев с одной и той же пуговицей, но в разных положениях.
Первый слой - исходный кадр, второй слой - поворот на 450, третий слой - поворот на 900 относительно исходного изображения и так далее.

(450 * 8 = 3600, то есть полный оборот).

Все это время наши действия записываются. Остановить запись нужно, нажав кнопку на панели Actions.
Красный кружок - запись. Черный квадратик - остановить.
остановить запись
Шаг 3.

Создаем анимацию для первой пуговицы. Открываем панель Анимация. (Window - Animation)
 
Создание анимации
1 кадр - делаем видимыми четыре исходных слоя с пуговицами.
2 кадр -  добавляем новый кадр, нажав на кнопку "Создать новый кадр". В этом втором кадре делаем видимыми первые три слоя с пуговицами, теми которыми пока не вращаем, и слой с пуговицей, повернутой на 450.
  Создаем анимацию в фотошопе

Шаг 3.
Опять создаем новый кадр. На нем делаем видимыми первые три слоя и слой с поворотом в 900. Затем повторяем эти действия и создаем новый кадр, на котором видны первые три плюс слой с поворотом в 1350, и так далее, пока не создадим 8 кадров.
Выделяем все 8 кадров (Shift) и задаем время просмотра каждого кадра в 0,1 секунды.
время в анимации

Просматриваем получившуюся анимацию.
Вращающаяся пуговицаШаг 4. Создаем анимацию для второй (третьей, четвертой) пуговицы.
Выделяем пуговицу. Нажимаем клавишу F12. если вы помните, именно для нее мы записывали наше Действие (Action).
Создаются сразу 7 слоев с вариантами вращения пуговицы. На панели создания анимации вносим изменения в анимацию.Первый кадр не изменяем.
На втором кадре делаем видимыми первые два слоя с пуговицами, которые еще не вращали, и два слоя с первой и второй пуговицами, повернутыми на 450.
Затем на третьем кадре делаем видимыми те же первые два слоя и слои с пуговицами, повернутыми на 900. И так далее.

Шаг 5.
Повторяем шаг 4, но для следующей пуговицы.
Уф! В итоге получаем:
Анимация вращения


Комментариев: 0

Владимир Владимирович Дегтярев

Спасибо огромное за урок. Без лишних слов и суеты, Понятно все, красиво и тепло.
 

Добавление комментария

Ваше Имя:*
Ваш E-Mail:*
Введите код
с картинки:*

Последние статьи:

Микрозайм — это вид кредита, предоставляемый малому бизнесу и физическим лицам на короткий срок. Особенно популярен в развивающихся странах, где доступ к традиционным банковским кредитам ограничен или отсутствует.


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



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


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


меланхоликТемперамент каждого ребёнка можно отнести к определённому типу.

Темперамент даётся человеку от природы, и в течение жизни меняется очень незначительно.



Швабра Акваматик – продукт инновационных разработок компании Гринвей. Фирма разрабатывает экологически чистую продукцию, чтобы избежать лишнего загрязнения планеты.



Многие думают, что лепка и рисование - любимые занятия детей. К сожалению - это не так. Чтобы малыши получали удовольствие от таких творческих игр, им нужно помочь.


«    Март 2023    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728293031 

Реклама

Личный кабинет Обратная связь