SunVeter.ru

 Контактный телефон

+7(953) 242-04-39

 г. Великие Луки Псковская область
Онлайн-заявка
sunveter@yandex.ru
Главная Контакты Карта сайта

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

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

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

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

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

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

Будем вращать три пуговицы из четырех.
Для каждой из этих пуговиц нужно будет создать, скажем, по 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, но для следующей пуговицы.
Уф! В итоге получаем:
Анимация вращения


Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

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

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


Школьный колокольчик

На последний звонок, как и на 1 сентября хочется самостоятельно нарисовать красивый школьный колокольчик. И не просто нарисовать, но и создать анимацию. 



Приемы, которые помогут вам сохранить массу времени и заметно повысят эффективность вашей работы.



Интерес современных людей к фотографии, а также возможностям их редактирования в программе Photoshop стабильно растет, что свидетельствует об удобстве и широких возможностях данного ресурса.


УзорДостаточно часто при работе в фотошопе возникает потребность  нарисовать листик в клеточку или линейку для открытки к 1 сентября.


Как сделать смешной аватор в фотошопе?


АватаркаСоздать анимированную аватарку, оказывается, легко и просто с помощью онлайн сервиса  Гифовина.


Реклама

Личный кабинет Популярные тэги