Цитата сообщения Пятнистый_Щасвирнус Анимация аватара: Эффект Гипноза

Всем здрасте!

Сегодняшний урок написан по просьбе одного из читателей сообщества (приношу извинения за то, что затянула с этим) и, надеюсь, может пригодиться и остальным, поскольку посвящен анимации вращения.
Итак, попробуем создать колесо гипноза с нуля.:)



1. Откроем фотошоп и в нем панель слоев (F7).
Создадим новый файл (Ctrl+N) размером 30х30 px:



Нажмем Х, чтобы сделать рабочими цветами белый и черный.
Возьмем инструмент Прямоугольное выделение (М) и обведем половинку нового документа:



Нажмем Alt+Del, чтобы залить выделение белым цветом:



Теперь нажмем Ctrl+I, чтобы инвертировать выделение (автоматически выделить оставшуюся часть документа),
нажмем D, чтобы поменять цвет на черный,
и снова нажмем Alt+Del - оставшуюся часть документа зальет черным цветом.



Теперь пройдем в меню Редактирование - Определить узор (Edit - Define pattern)



и сохраним наш черно-белый квадратик в библиотеке узоров.

2. Файл с квадратиком можно закрыть, больше он нам не пригодится.
Создадим новый документ (Ctrl+N) размером 300х300 px.

Пройдем в меню Редактирование - Выполнить заливку (Shift+F5), в выпавшем окне выберем образец для заливки - Узор (Pattern) и в библиотеке узоров выберем в качестве узора наш черно-белый образец:



В результате наш новый документ должен стать полосатым:



Теперь воспользуемся фильтром, чтобы создать лучи во все стороны: Фильтр - Искажение - Полярные координаты (Filter - Distort - Polar coordinates)





В результате полосатое изображение превратилось в такое:



Теперь превратим его в гипнотическую спираль: Фильтр - Искажение - Скручивание (Filter - Distort - Twirl)





У нас получилась черно-белая спираль в центре. Она-то нам и нужна.

3. Перейдем непосредственно к созданию аватара.
Создадим еще один новый документ (Ctrl+N) размером 150х150 px.
Возьмем инструмент Перемещение (V) и с его помощью перетащим мышкой спираль в новый пустой документ, постаравшись расположить его строго по центру.



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

Нам нужно, чтобы наша спираль вращалась, т.е. совершала оборот в 360 градусов.
а)Дублируем слой (Ctrl+J).
б)Нажимаем Ctrl+T и поворачиваем новый слой на 45 градусов по часовой стрелке, после поворота нажимаем Enter, чтобы поворот осуществился:





Повторяем шаги а)-б) еще 6 раз.
В панели слоев должно получиться 8 слоев со спиралью, проверьте!

4. Теперь нам нужно поместить основное изображение на этот фон со спиралью.
Откройте картинку и любым удобным для вас способом вырежите из нее желаемое изображение.
Здесь я не буду подробно останавливаться на том, как это сделать, поскольку уже излагала разные методы и способы вырезания различных объектов в этом уроке .

Итак, сойдемся на том, что у нас есть файл с уже вырезанным объектом на прозрачном фоне.
Возьмем инструмент Перемещение (V) и с его помощью перетащим мышкой этот объект в документ со спиралью (автоматически он расположится поверх всех слоев).



Теперь отключим видимость всех слоев со спиралью, кроме самого нижнего:



4. Приступаем к анимации. Переходим в Image Ready (Shift+Ctrl+M).
Открываем окно с анимацией и окно со слоями (F7 и F11).

В панели анимации дублируем кадр:



В панели слоев отключаем видимость первого слоя со спиралью и включаем видимость второго:



Затем снова дублируем кадр - отключаем видимость второго слоя - включаем видимость третьего.
Повторяем эту операцию, пока последовательно не доберемся до самого последнего, верхнего слоя со спиралью.

Внимательно: слой с основным изображением (у меня – девушка) должен постоянно оставаться видимым!
После завершения операции создания кадров в панели анимации должно появиться 8 кадров!

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



Вот и все. Удачи в освоении!
Вопросы, критика, пожелания и ваши творения – все излагайте в комментариях!