Большая Прогулка Винни Пуха (анимация)

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

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

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

Большая Прогулка Винни Пуха (анимация)

Сообщение MasterOK » Пн янв 29, 2007 12:31 pm

Изображение Большая Прогулка Винни Пуха (анимация)

Давным-давно - кажется в прошлую пятницу, мне на нашем форуме попался на глаза вопрос, о наложении gif анимации на фон. Называлась тема"Как наложить гифку на обычную картинку?" А задал этот вопрос - Петочег! Так вот развернутый ответ лучшему другу медвежонка Пуха.

По сути задача интересная, ведь иногда проще использовать уже готовые анимированные фрагменты, чем делать их самому "с нуля". Ну например, есть у вас gif - анимация некого персонажа, да еще и с прозрачным фоном. И у вас возникает непреодолимое желание создать с помощью этого готового фрагмента нечто большее. А большее сделать действительно можно ... и как всегда мы сделаем это легко!


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

Изображение

1. Запускаем Image Ready. Открываем в ней эту gif - анимацию. Видим семь кадров расположенные на отдельных слоях. Прекрасно, продолжим - сохраняем теперь все это в формате psd. File - Save As ...Теперь разнообразные манипуляции с изображением будет попроще проводить.

Изображение

2. Теперь увеличим размер холста. Ну скажем сделаем нашу картинку размером 250х150 пикселов.Все очень просто:в верхнем меню выбираем : Image - Canvas Size. Появится такое вот диалоговое окно. Смотрите на картинку и поступайте так же.

Изображение

3. После проделанных манипуляций холст и вправду увеличился!

Изображение

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

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

Изображение


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

Изображение

6. Ну вроде как все подготовлено, для анимации. Потому опять в Image Ready друзья! Там нам теперь только и придется, что обьекты двигать, да слои включать - выключать.

Но для начала, представим общую картинку в движении. Итак у нас идет Пух, камера зафиксирована на нем. Мимо него проплывают деревья, облака и прочие предметы. Так вот сделаем мы это в строгом соответствии с принципом относительности Эйнштейна! Не читали еще?! Впрочем, не волнуйтесь ... и не придется. О чем это мы? Ах да, об отностительности - суть нашего метода будет состоять в том что Пух себе неподвижно будет шагать на месте, а относительно него будет смещаться фон (в нашем случае деревья)! Иллюзия движения при этом будет весьма полной.

Изображение

7. Итак мы перешли в Image Ready. Теперь смотрите на картинку вверху. Технология нашей работы такова: переходим на кадр 1 - смещаем изображение деревьев в некое крайне правое положение, затем переходим на кадр 2 - смещаем их левее, и так далее. Постарайтесь расположить их так как показано на панели анимации внизу. Деревья как бы проплывают мимо Пуха. Время задержки кадров, количество цветов - все на картинке можно без труда увидеть. Впрочем все эти советы - не догма, а скорее руководство к действию. Смелее экспериментируйте! А получиться у вас должно что-то подобное картинке внизу.

Изображение

А у нас с Винни Пухом, после Большой Прогулки по Дремучему Лесу получилось вот что

Изображение

Исходники файлов необходимых для данного урока можно обнаружить тут - http://globator.net/index_files/winni.zip


А мы на этом закончим ... в этот раз. Удачи друзья!
Последний раз редактировалось MasterOK Ср янв 31, 2007 7:39 pm, всего редактировалось 1 раз.
Изображение

Аватара пользователя
АБЪ Яв
Сообщения: 51
Зарегистрирован: Вт янв 16, 2007 6:18 pm

Сообщение АБЪ Яв » Пн янв 29, 2007 12:55 pm

Классно! И прикольно изложено. Будем делать мульты! :lol:

Аватара пользователя
DaOS
Сообщения: 139
Зарегистрирован: Сб янв 13, 2007 11:18 pm

Сообщение DaOS » Пн янв 29, 2007 12:59 pm

Как обычно - хорошо изложено. И урок ... с сюжетом! :D
Изображение

3ton

Сообщение 3ton » Пн янв 29, 2007 1:01 pm

Классный способ! Спасибо :D

Аватара пользователя
Linka
Сообщения: 59
Зарегистрирован: Пн янв 22, 2007 1:56 pm

Сообщение Linka » Пн янв 29, 2007 1:02 pm

Ой, прикольненько! :D Попробовала - со второго раза вышло! Урррра!
Изображение

Аватара пользователя
Оксана
Сообщения: 131
Зарегистрирован: Ср янв 03, 2007 6:06 pm
Antispam: Да
Откуда: Санкт-Петербург
Контактная информация:

Сообщение Оксана » Пн янв 29, 2007 4:14 pm

Интересный урок!
Ты просто спец в фотошопе!
Изображение

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

Сообщение Globator » Пн янв 29, 2007 7:02 pm

Да, шикарный урок! Все красиво и замечательно! Чувствуется рука Мастера!

Аватара пользователя
Маркизетка
Сообщения: 19
Зарегистрирован: Ср янв 17, 2007 7:08 am

Сообщение Маркизетка » Пн янв 29, 2007 7:31 pm

Вот это да-а-а! МастерОК, Вы настоящий МАСТЕР! Это лучший урок, коорый я видела в жизни! Я просто поражена Вашими умениями, и теперь я поклонница Вашего творчества! Я уже поймала себя на мысли, что первое, что я делаю, когда включаю компьютер- это проверяю, а нет ли от Вас новых уроков!!!!!

Аватара пользователя
decraine
Сообщения: 289
Зарегистрирован: Сб янв 27, 2007 9:03 pm

Сообщение decraine » Пн янв 29, 2007 8:11 pm

Уахахахаха!! :D :D :D Винни-пух!! :D :D :D MasterOK ты Жжёшь!!! :D

Аватара пользователя
Apolonius
Сообщения: 9
Зарегистрирован: Вс янв 28, 2007 12:53 am
Antispam: Да
Откуда: Беларусь
Контактная информация:

Сообщение Apolonius » Пн янв 29, 2007 11:35 pm

Cимпотичный урок
Деньги - брызги!!! Причем в разные стороны.

Аватара пользователя
Андрюха
Сообщения: 17
Зарегистрирован: Вс янв 21, 2007 3:06 pm
Antispam: Да
Откуда: Видное

Сообщение Андрюха » Вт янв 30, 2007 11:08 pm

Браво !!!

Аватара пользователя
Avon
Сообщения: 30
Зарегистрирован: Вт янв 02, 2007 10:14 am

Сообщение Avon » Ср янв 31, 2007 12:19 pm

Классный урок! Мне очень понравился.

Аватара пользователя
MasterOK
Сообщения: 266
Зарегистрирован: Чт янв 11, 2007 9:43 pm
Antispam: Да
Откуда: Страна невыученых уроков ;)

Сообщение MasterOK » Ср янв 31, 2007 7:40 pm

Исходники файлов необходимых для данного урока можно обнаружить тут - http://globator.com/index_files/winni.zip :D
Изображение

Аватара пользователя
The_Nika
Сообщения: 205
Зарегистрирован: Вс фев 04, 2007 7:58 pm
Antispam: Да
Откуда: Россия
Контактная информация:

Сообщение The_Nika » Сб фев 10, 2007 1:32 am

Правда, так здорово 8)

Аватара пользователя
Taninja
Сообщения: 58
Зарегистрирован: Вс фев 18, 2007 1:39 pm
Antispam: Да
Откуда: Красноярск

Сообщение Taninja » Пн фев 19, 2007 2:17 pm

Здорово! И с исходниками!


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

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

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