Воскресенье, 28.04.2024, 18:49
Приветствую Вас Гость | RSS

Сайт посвящен анимации

Каталог статей

Главная » Статьи » flash [ Добавить статью ]

Простая анимация картинки, Урок
Simple picture animation

Просмотрите этот урок и изучите, как создать простую анимацию картинки в flash. Вы не будете использовать action script для выполнения этого урока. При выполнении этого урока вы также научитесь, как использовать фильтры, как увеличить картинку, используя инструмент Free Transform и т.д.



Шаг 1

Во-первых, загрузите мою картинку, которую вы будете использовать для этого урока.

Простая анимация картинки

Шаг 2

Создайте новый документ. Нажмите Ctrl+J (Document Properties) и установите ширину вашего документа 210 pixels и высоту 150 pixels. Выберите любой цвет в качестве фонового цвета. Установите для вашего мувика frame rate в 26 и кликните ok.

Простая анимация картинки

Шаг 3

Выберите File > Import > Import to Stage (Ctrl+R) и импортируйте мою картинку в flash. 

Шаг 4

Не снимая выделения с картинки, перейдите в панель Info(Ctrl+I). Затем, для ширину установите 210 а для высоты 150px. Смотри ниже.

Простая анимация картинки

Шаг 5

Не снимая выделения с картинки, перейдите в панель Align (Ctrl+K) и установите следующие опции:

1.Проверьте нажата ли на вкладке Align/Distribute кнопка to Stage, 
2.Кликните по кнопке Align horizontal center и 
3.Кликните по кнопке Align vertical center.

Простая анимация картинки

Теперь вы выровняли картинку с background.

Шаг 6

Не снимая выделения с картинки, нажмите F8 (Convert to Symbol) чтобы конвертировать эту картинку в мувик. Смотри ниже.

Простая анимация картинки

Шаг 7

Дважды кликните по слою layer 1 чтобы переименовать его в picture. После этого, кликните по фрейму 15 и после этого по фрейму 25 и нажмите F6.

Простая анимация картинки

Шаг 8

Не уходя с фрейма 25, возьмите Free Transform Tool (Q), нажмите и удерживайте Shift и увеличьте немного картинку, так как показано ниже.

Простая анимация картинки

Шаг 9

После того как вы увеличили картинку, возьмите инструмент Selection (V) и кликните по ней, чтобы выделить ее. Затем перейдите в панель Properties (Ctrl+F3)ниже сцены. Кликните по вкладке Filters. Кликните по иконке с плюсом и выберите Adjust Color. Сделайте следующие настройки: 

1. Brightness: 38 
2. Contrast : 24

Простая анимация картинки

Теперь у вас есть это:

Простая анимация картинки

Шаг 10

Правой кнопкой мыши кликните где-нибудь по серой площадке между фреймом 15 и фреймом 25 на временной шкале и выберите Create Motion Tween из появившегося меню.

Простая анимация картинки

Шаг 11

Кликните по фрейму 30 и нажмите F6. Затем, возьмите снова Selection Tool (V) и кликните по картинке, чтобы выделить ее. Затем, снова перейдите в панель Properties ниже сцены. Кликните по вкладке Filters и сделайте следующие настройки: 

Saturation: 70

Простая анимация картинки

Шаг 12

Правой кнопкой мыши кликните по серой площадке где-нибудь между фреймом 25 и фреймом 30 на временной шкале и выберите Create Motion Tween из появившегося меню.

Простая анимация картинки

Шаг 13

Кликните по фрейму 40 и нажмите F6. Затем, возьмите снова Selection Tool (V) и кликните по картинке, чтобы выделить ее. Потом, перейдите снова в панель Propertiesниже сцены. Кликните по вкладке Filters и сделайте следующие настройки: 

Hue:136

Простая анимация картинки

Шаг 14

Вернитесь в фрейм 30 и перейдите в панель Properties(Ctrl+F3) ниже сцены. Затем, для Tween выберите Motion и для Rotate установите CW. Смотри ниже.

Простая анимация картинки

Это все!
Протестируйте ваш мувик (Ctrl+Enter).
Успехов!
Перевод kedicik
Источник 
Категория: flash | Добавил: mikel (16.01.2011)
Просмотров: 2822 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Форма входа
Категории раздела
anime studio ( MOHO) [2]
статьи про anime studio ( MOHO)
Poser [1]
все статьи про Poser
flash [5]
статьи для flash
3d max [11]
все о 3d max
TVPaint Animation (Mirage) [1]
Все о TVPaint Animation (Mirage)
Toon Boom [1]
статьи Toon Boom
Paint [4]
статьи о Paint
Photoshop [14]
статьи для Photoshop
Maya [2]
Другое [1]
Все другое об анимации и рисование!
Поиск
Мини-чат
200
Статистика

В сети всего: 1
Гостей: 1
Пользователей: 0
Друзья
JimBot and Counter Strike (www.apokalipses2012.ucoz.ru) SuPeR_NiK
Счетчика
Яндекс.Метрика