www.sergey12324.net.ru
Главная | Файлы | Регистрация | Вход
 
Понедельник, 20.05.2024, 06:04
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Скрипты для ucoz [367]
Шаблоны для ucoz [64]
Видео уроки по ucoz [22]
Иконки для ucoz [28]
Кнопки для ucoz [29]
Мини-чат
500
Наш опрос
Оцените мой сайт



Результаты
Архив опросов
Всего голосовало: 66
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » Файлы » Все для ucoz » Видео уроки по ucoz

Большая прогулка Винни Пуха (анимация) 1
07.01.2011, 19:16

По сути задача интересная, ведь иногда проще использовать уже готовые анимированные фрагменты, чем делать их самому "с нуля". Ну например, есть у вас 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 - смещаем их левее, и так далее. Постарайтесь расположить их так как показано на панели анимации внизу. Деревья как бы проплывают мимо Пуха. Время задержки кадров, количество цветов - все на картинке можно без труда увидеть. Впрочем все эти советы - не догма, а скорее руководство к действию. Смелее экспериментируйте! А получиться у вас должно что-то подобное картинке внизу.



Категория: Видео уроки по ucoz | Добавил: Смерч | Теги: Видео уроки по ucoz, (Анимация), Винни, Большая, прогулка, Пуха
Просмотров: 455 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024