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

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

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

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


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

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

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

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

робот художникробот художник Шедеврум - нейросеть, которая позволяет создавать оригинальные изображения на основе текстовых описаний. Вы можете описать любой объект, сцену или идею, а «Шедеврум» превратит ваше описание в уникальное произведение искусства.


Термин "айдентика" происходит от английского "identity" – идентичность, и в более широком понимании охватывает не только визуальную, но и концептуальную составляющие идентификации компании.


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


Сравнение вторичного жилья и новостройки при покупке в ипотеку. Решение о приобретении жилья сегодня может быть осложнено выбором между уже построенными объектами и жилыми комплексами на стадии строительства.



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


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


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


«    Февраль 2025    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
2425262728 
Личный кабинет Обратная связь