Главная Контакты Карта сайта
» » » Машина с крутящимися колесами

Машина с крутящимися колесами

Каледарь 2-07-2013 Посетители Просмотров: 9454

МашинкаНа этом уроке сделаем вот такую забавную машинку с крутящимися колесами и мигалкой сверху.


Синяя машинкаНа этом уроке сделаем вот такую забавную машинку с крутящимися колесами и мигалкой сверху.
Открываем программу Flash.
Внизу на панели Свойства (Properties) задаем следующие параметры:
Размер холста 500 на 500 пикселей,
Цвет фона - белый,
При желании задаем имя и описание.
(Если панель спрятана, вызываем командой Окно - Свойства или Window - Properties)

Настройки холста

Мы должны нарисовать машинку. У нее будут вращаться два колеса и мигалка сверху. Каждую деталь, которая будет двигаться, надо рисовать на отдельном слое.

Поэтому в самом начале на временной панели Timeline создаем четыре слоя кнопкой Создание слоя
и даем им имена:

Панель Timeline

Для того, чтобы рисовать именно на нужном слое, блокируем временно ненужные слои - ставим замочки.

Блокируем слои

У меня получилась вот такая машинка.

Синяя машинка 

Начинаем создавать анимацию.
ВНИМАНИЕ! Не забудьте снять замочки со слоев.

Нам не сильно важно высчитывать количество кадров в мультике. У меня выбрано 20 кадров.

Создаем анимацию

 Выделяем мышкой 20-й кадр на всех слоях и жмем кнопку F5. Кадры окрасились в светло-серый цвет.

Создаем вращение первого колеса.
Для этого выбираем слой 1 колесо. Щелкаем Правой кнопкой мыши по серой полоске между первым и 20 кадром и в выпадающем меню выбираем пункт: "Создать анимацию между" или "Create Motion Tween". Появится пунктирная линия и вместо серого цвета - светло-фиолетовый. На последнем кадре щелкаем мышкой и жмем клавишу F6. Появляется стрелочка.
(Более подробно можно посмотреть в уроке "Вращающееся солнышко")
Создаем вращение

На первом кадре поворачиваем колесо градусов на 180  с помощью инструмента "Трансформация. На панели Свойства (Properties) ищем пунктик Вращение (Rotate), задаем вращение по часовой стрелке (CW) и количество оборотов, скажем, 5.
Создаем вращение

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

Вот и все!


Комментариев: 0

Димон

Круть!

Я во флэше так себе, тока в школе слегка рисовал. а тут все получилось. Джип крута рулит!

Еще давай уроки, подпишусь на новости.

 

Добавление комментария

Ваше Имя:*
Ваш E-Mail:*
Введите код
с картинки:*

Последние статьи:

Этот пугающий персонаж удачно сочетает в себе все, что способствует развитию его, как настоящей легенды. Так в нем можно отыскать черты вполне притягательные и мягкие, но одновременно с этим и пугающие и даже опасные.


меланхоликТемперамент каждого ребёнка можно отнести к определённому типу.

Темперамент даётся человеку от природы, и в течение жизни меняется очень незначительно.



Швабра Акваматик – продукт инновационных разработок компании Гринвей. Фирма разрабатывает экологически чистую продукцию, чтобы избежать лишнего загрязнения планеты.



Многие думают, что лепка и рисование - любимые занятия детей. К сожалению - это не так. Чтобы малыши получали удовольствие от таких творческих игр, им нужно помочь.


Что такое допуск СРО на изыскательскую и инженерную деятельность, кому он необходим для работы и как его получить


Реалии продвижения аккаунта в Instagram* таковы, что количество подписчиков принципиального значения не имеет. Гораздо важнее характеристика Engagement Rate (ER) – количество активной, «живой» аудитории. Чем выше вовлечённость, тем лучше


Часто возникает необходимость разместить надписи не по прямой, а по кругу, контуру картинки, расположить буквы волной или написать вверх ногами. Сложного в этом ничего нет.


«    Январь 2023    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
3031 

Реклама

Личный кабинет Обратная связь