Создание анимированного человечка.

Уроки по анимации

Модераторы: Globator, Сильфида, Любовь, NEWESTA

Правила форума
Уроки Photoshop по анимации - раздел предназначен для публикации своих и переводных уроков по анимации.
1. Публикация уроков с русскоязычных ресурсов не разрешается.
2. Если публикуете перевод урока с англоязычного сайта, то не забывайте указывать автора и ссылку на первоисточник.
3. Для собственных уроков - подписывайте ник или имя.
4. Внимание: для вопросов, связанных с Adobe Photoshop, есть раздел Вопросы по работе в Adobe Photoshop.
5. Бессмысленные комментарии к урокам типа: "круто", "супер" и т.п., а также комментарии содержащие одни смайлы - будут удаляться без предупреждения.
6. Запрещено размещение материалов без указания авторов и ссылки на первоисточник, а также размещение ссылок на скачивание таких материалов на depositfiles.com, rapidshare.com, letitbit.com и т.д.
7. Пользователям запрещено создавать дополнительные аккаунты. Создание нескольких аккаунтов наказывается баном этих аккаунтов.
Аватара пользователя
Сахара
Сообщения: 59
Зарегистрирован: Вт апр 03, 2007 11:56 pm
Пол: Женский

Создание анимированного человечка.

Сообщение Сахара » Чт фев 19, 2009 7:12 pm

Здравствуйте! :)
Этот урок будет посвящён созданию анимации, а если точнее, то анимированного (прыгающего) человечка…
Вот картинка, которую я взяла для этого урока(мой эскиз):

Изображение

А вот его результат:
Изображение
Сначала открываем картинку, предназначенную для создания анимации.
К сожалению, картинка тёмная и неинтересная, попробуем изменить цвет. Для этого открываем Изображение-Коррекция-Кривые (Image – Adjustments-Curves):

Изображение

И в открывшемся окне выставляем вот такие настройки:

Изображение

Должен получиться похожий результат:

Изображение

Теперь приступаем к созданию самой анимации. Аккуратно выделяем центрального человечка, можно с использованием Быстрой Маски, можно с помощью Лассо. Я пользовалась инструментом Быстрое Выделение:

Изображение

На верхней панели инструментов нажимаем иконку «Уточнить Край» и добиваемся максимально аккуратного выделения изображения:

Изображение

Заходим в меню Редактирование и нажимаем Скопировать (Ctrl-C):

Изображение

А потом Редактирование-Вклеить(Ctrl-V).
На панели слоёв у нас оказывается уже два слоя один – с самим рисунком, второй – с выделенным ранее человечком. Выделяем слой с рисунком.
На боковой панели инструментов находим Штамп, нажимаем Alt и щёлкаем по фону изображения, а затем, Alt отпустив, замазываем человечка на базовом слое:

Изображение

Выделяем слой, накотором находится человечек. И нажимаем Слой-Создать дубликат слоя:

Изображение

Можно другим способом. Путём перетаскивания миниатюры слоя на иконку «Создать новый слой»:

Изображение

Заходим в меню Редактирование и нажимаем Трансформирование-Деформация:

Изображение

И изменяем этот слой так, чтобы он чуть-чуть отличался от предыдущего. Так, как будто рисуете кадры на фотоплёнке.
Опять копируем слой и деформируем его.
Повторяем эту процедуру до тех пор, пока у нас не получатся «кадры» подпрыгивающего человечка.
Когда со слоями будет закончено открываем панель анимации. То есть заходим в меню Окно-Анимация:

Изображение

Раньше мы создавали «кадры» на слоях, теперь нужно сделать то же самое в окне «Анимация»
Дублируем первый кадр и в панели слоёв устанавливаем видимым только первый, с человечком.
Опять дублируем и делаем видимым только второй слой, с деформированным человечком.
Повторяем то же самое со всеми остальными слоями.
Внимание! На всех кадрах должен быть видимым базовый слой!
А теперь, завершающий этап.
С помощью кнопки Shift выделяем все кадры и выбираем «Время отображения кадра»:

Изображение

Устанавливаем 0,08сек.
Нажимаем Play.

Изображение

Вот и всё. :D Удачи!
P.S. Сохраняем так: Файл-Сохранить для Web и устройств.
P.P.S.Можно так же анимировать и других человечков на этом рисунке. :)
Не стыдно упасть, стыдно не подняться...

Аватара пользователя
Сахара
Сообщения: 59
Зарегистрирован: Вт апр 03, 2007 11:56 pm
Пол: Женский

Re: Создание анимированного человечка.

Сообщение Сахара » Чт фев 19, 2009 7:25 pm

Если не затруднит, уважаемые форумчане,пожалуйста, оставляйте замечания к уроку. Мне это очень поможет в дальнейшем, т.к. это мой первый урок.
Заранее спасибо. :)
Не стыдно упасть, стыдно не подняться...

Аватара пользователя
neD4Ded
Сообщения: 342
Зарегистрирован: Вс авг 03, 2008 9:50 pm
Откуда: Долгопрудный

Re: Создание анимированного человечка.

Сообщение neD4Ded » Чт фев 19, 2009 8:28 pm

Молодец, мне понраву :)


Зы Жди Сан Саныча, по критике он специалист :D
Изображение

Изображение

Изображение

Изображение

Аватара пользователя
Сан_Саныч
Сообщения: 621
Зарегистрирован: Сб янв 17, 2009 4:55 pm
Пол: Мужской

Re: Создание анимированного человечка.

Сообщение Сан_Саныч » Чт фев 19, 2009 10:23 pm

Я в анимации ничего не понимаю. Немного делал на Флеш для баннеров и в прогр. морфинга.
Так что по технике ничего не скажу. А по самой задумке: Почему огонь не анимировать и других персонажей также, а заодно и фон, чтоб мерцал? А то, один шевелится, а всё остальное неподвижно.
Ясно, что это увеличит вес файла, но зато это будет настоящее произведение.

Аватара пользователя
Globator
Админ
Сообщения: 3469
Зарегистрирован: Пн янв 01, 2007 10:57 pm
Пол: Мужской
Откуда: Планета Photoshop
Контактная информация:

Re: Создание анимированного человечка.

Сообщение Globator » Пт фев 20, 2009 9:48 am

Сахара,
хороший урок, молодец! :good:

Аватара пользователя
Сахара
Сообщения: 59
Зарегистрирован: Вт апр 03, 2007 11:56 pm
Пол: Женский

Re: Создание анимированного человечка.

Сообщение Сахара » Пт фев 20, 2009 12:02 pm

Сан_Саныч писал(а):Я в анимации ничего не понимаю. Немного делал на Флеш для баннеров и в прогр. морфинга.
Так что по технике ничего не скажу. А по самой задумке: Почему огонь не анимировать и других персонажей также, а заодно и фон, чтоб мерцал? А то, один шевелится, а всё остальное неподвижно.
Ясно, что это увеличит вес файла, но зато это будет настоящее произведение.


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

Аватара пользователя
Ego
Сообщения: 10
Зарегистрирован: Пт фев 27, 2009 10:41 pm
Пол: Женский
Откуда: Россия

Re: Создание анимированного человечка.

Сообщение Ego » Пт фев 27, 2009 10:59 pm

Ух, ты! Классно! Жалко, что описание для русской версии. Попробуювсе равно.

Terrible
Сообщения: 70
Зарегистрирован: Пт май 15, 2009 9:57 pm
Пол: Мужской
Antispam: Нет

Re: Создание анимированного человечка.

Сообщение Terrible » Вт май 19, 2009 7:40 pm

delete
Последний раз редактировалось Terrible Чт янв 30, 2014 12:11 am, всего редактировалось 1 раз.

Аватара пользователя
azeatoshka
Сообщения: 111
Зарегистрирован: Вс янв 18, 2009 12:56 am
Пол: Женский
Откуда: из Любимого города

Re: Создание анимированного человечка.

Сообщение azeatoshka » Сб июн 27, 2009 11:43 pm

Сахара супер. Мне очень понравилась. Делала анимации из комп. рисунков, а из своих нет. Сделаю - выставлю. Молодец! :good: :D
Изображение


Вернуться в «Анимация»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость