• Авторизация


Анимация аватара: Эффект Гипноза 16-11-2009 15:02 к комментариям - к полной версии - понравилось!


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

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



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 кадров!


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

[показать]

Вот и все. Удачи в освоении!
Вопросы, критика, пожелания и ваши творения – все излагайте в комментариях!
вверх^ к полной версии понравилось! в evernote
Комментарии (14):
Спасибо, за подробное объяснение!!!! Возьму себе, буду разбираться!!!
LebWohl 16-11-2009-17:04 удалить
Спасибо написано доступно и понятно.
Crys_tal 16-11-2009-22:11 удалить
Спасибо за урок! будем осваивать))
Dpunk 18-11-2009-01:24 удалить
в фотошопе начиная с cs3 нет image ready, там окно анимации встроено уже.
Интересный эффект, спасибо за урок!!!
29-11-2009-02:06 удалить
спасибо,искала именно такой урок
СПАСИБО ЗА ПРЕКРАСНЫЙ УРОК!!!!ВСЕ ПОНЯТНО!!!!
[показать]
Всем - пожалуйста:)
Марина_Тигра, прикольно получилось:)
milana07 20-12-2009-16:24 удалить
Спасибо, возьму и буду разбираться!


Комментарии (14): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация аватара: Эффект Гипноза | Photoshop_Tricks - ~Трюки Фотошопа~ | Лента друзей Photoshop_Tricks / Полная версия Добавить в друзья Страницы: раньше»