Рисуем и анимируем дерево

 

Как нарисовать и анимировать дерево в Adobe Flash

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

Вес ролика 21 кБ   

С помощью таких незначительных анимационных приёмов красочный флэш ролик оживает.

 Может применяться при создании баннера или любой другой флэш анимации.

 Важно! Хочу предупредить, что множество элементов векторной графики, созданой в Adobe Flash сильно грузят флэш ролик, что недопустимо при создании баннеров.
Обычно требования к флэш баннерам бывают до 20-40 кБ ( в зависимости от заказчика).
Одно анимированное дерево на градиентном фоне составило вес 21 кБ. И это при сжатии и оптимизации!
Размножьте его до дремучего леса и Ваш ролик станет тормозить и увеличится в весе.
А всё начинается с множества мазков кистью при создании листвы.

При создании данного видеоурока был создан флэш ролик с героями Мадагаскара, приведённый ниже.
Из-за множества векторных элементов его вес составил около 850 кБ (это почти 1 МБ), что недопустимо при создании коммерческих баннеров.
Я говорю о множестве элементов в векторе, составляющих листья и траву.
Зритель со слабой скоростью интернет-соединения просто может не дождаться его загрузки.

Ну не отвлекайтесь, смотрите видеоурок!

Экспериментируйте! Собственный опыт подскажет перегрузили ли Вы очередной ролик или нет! 
И не забываем оставлять комментарии, задавать вопросы и делиться опытом ниже по странице! 

Подождите немного пока ролик подгрузится!
 
Видеоурок рисования дерева (27 Мб)
Чтобы скачать этот урок, Вам необходимо зарегистрироваться

 

 

Комментарии  

 
+5 #1 ЕВГЕН 17.05.2010 09:22
УРОКИ ХОРОШИЕ! ПОЧАЩЕ БЫ ДЕЛАЛИ ТАКИЕ УРОКИ. ЧУВСТВУЕТСЯ ПРОФЕСИОНАЛЬНЫЙ КЛАСС СОЗДАТЕЛЯ. БОЛЬШОЕ СПАСИБО!
Цитировать
 
 
-6 #2 Руслан 06.07.2010 20:58
Простите, но "воды" много.
Автор не очень.
Цитировать
 
 
+1 #3 Марианна 18.07.2010 08:00
Подскажите пожалуйста! У меня дерево не плавно двигается, а дергается. Т.е. движение дерева не распределяется по всем кадрам, а остается только в крайних. Платформа не CS3, а CS5. .Может быть какие-то настройки по умолчанию надо указать?
Цитировать
 
 
+2 #4 FromKms 05.08.2010 06:10
Отличный урок и автор отличный
Цитировать
 
 
+1 #5 Виталий Кадников 14.08.2010 08:34
Цитирую Марианна:
Подскажите пожалуйста! У меня дерево не плавно двигается, а дергается. Т.е. движение дерева не распределяется по всем кадрам, а остается только в крайних. Платформа не CS3, а CS5. .Может быть какие-то настройки по умолчанию надо указать?

Без разницы какая версия, необходимо выставить частоту кадров больше, например 15-20 или более.
Для этого нужно кликнуть мимо сцены и в параметрах указать нужное количество кадров.
Цитировать
 
 
-1 #6 Анастсия 29.09.2010 19:43
Добрый день. Спасибо за урок, но мучаюсь уже два дня. Стала анимировать ствол, первые кадры ствола создала удачно - двигаются вперед-назад, но при копировании кадров (именно ствола, а не кроны) и его автоматической отмотки, отмотка не осуществляется, просто меняется картинка последнего кадра.
Когда включаю ролик соответственно на обратном пути идет резкое подергивание назад. Пробовала уже не копировать кадры и отматывать, а создавать заново, только ни в какую!
ОЧЕНЬ ЖДУ ВАШЕГО ОТВЕТА, ВСЮ ГОЛОВУ СЛОМАЛА.
Цитировать
 
 
+1 #7 Виталий Кадников 29.09.2010 20:44
А внимательней видео смотреть???
Копируем движение, вставляем и обращаем!
Цитировать
 

Добавить комментарий


Защитный код
Обновить

Наша рассылка

Какой редактор удобнее?
 
 

Поиск по сайту

Вход / Регистрация

Регистрация расширит Ваши возможности!

Сейчас на сайте :

Нет



Получите 5 уроков анимации в Фотошоп на свой Е-мэйл