Здесь мы попробуем при помощи программы Flash MX сделать анимацию с более сложной маской чем в предыдущем уроке.

1) Подберите подходящую фотографию и начнем.

2) Откройте новый документ в программе Flash MX. Импортируйте вашу фотографию в рабочую область документа (Файл - Импорт - Импортировать в рабочую область; File - Import - Import to stage  или Ctrl+R). Теперь нажимаем Ctrl+J и в появившемся меню выставляем размеры рабочего документа чтобы они соответствовали размерам фотографии, в пикселях. Частота кадров - 30 Кадров/c.

3) Сделаем двойной клик по названию слоя с фотографией ( на панели timeline) и переименум его, например просто photo

4)  Выделим наше фото (клавиша V) и нажмем клавишу F8 тем самым преобразуем в символ. Тип выберем Фрагмент ролика(Movie Clip) Рисунок 1.

рис.1

5) На панели timeline поочередно переходим на 25-ый и 50-ый кадр и нажимаем F6 (создать ключевой кадр).

6) Вернемся на первый кадр, кликнув по нему, выделим наше фото и перейдем к панели свойств (внизу под рабочим документом. Там откроем вкладку Фильтры, нажмем на плюсик (добавить фильтр) и выберем размытие( Blur).  Рисунок 2.

рис.2

7) Где-нибудь между 1-ый и 25-ым кадром кликнем правой кнопкой мыши и выберем Create Motion Tween (Создать анимацию движения). Рисунок 3.

рис.3

8) Создадим новый слой над слоем photo и назавем его heart. Теперь возьмем инструмент Перо (клавиша P) и нанесем фигуру из шести отрезков, отдаленно напоминающую сердце. Я тоже не заканчивал художественный техникум и у меня тоже получилось не очень, но мы сделаем следующее: нажмем клавишу V и подводя курсор к граням нашей фигуры, и в тот момент когда курсор примет вид дуги, будем оттягивать грань, придавая ей форму дуги, поработаем над всеми гранями. Надеюсь у вас получилось что-то похожее на сердце. Мы работали с инструментом Перо и создали только контур, нажмем K (заливка) и зальем нашу фигуру. Теперь контур нашего сердца можно удалить (клавиша V, выделяем грани и удаляем). Рисунок 4

рис.4

9) При активном слое heart  кликнем на 50-ом кадре и нажмем F6 и оставаясь на 50-ом кадре нажимаем Q (свободное преобразование). И растягиваем наше сердце так, чтобы оно перекрыло полностью всю фотографию. Рисунок 5.

рис.5

10) Теперь все еще на слое heart где-нибудь между 1-ым и 50-ым кадром кликнем правой кнопкой мыши и выберем Create Shape Tween (Создать анимацию формы).

11) Кликнем правой кнопкой мыши на слое heart и выберем Mask (тем самым предав слою свойства маски)

12) Нажимаем Ctrl+Enter  и любуемся своим творчеством. Как вы сами понимаете многое зависит от того какая фигура сердца у вас получилась, это самый творческий момент во всем уроке и зависит только от вас.

Конечную анимацию и flash-исходник  можно скачать  здесь

Надеюсь Вам понравилось. Желающие публиковать уроки и другие новости на сайте пишут на адрес: Этот e-mail защищен от спам-ботов. Для его просмотра в вашем браузере должна быть включена поддержка Java-script или оставляют сообщение в разделе Вопросы и ответы, а также других доступных формах контакта (перед этим необходимо зарегистрироваться на сайте). Активные пользователи будут поощряться!

http://3d-area.ru

перевод: admin

Только зарегистрированные пользователи могут оставлять коментарии.
Пожалуйста зарегистрируйтесь или войдите в ваш аккаунт.