• Авторизация


Работа с маской 29-07-2007 23:55 к комментариям - к полной версии - понравилось!


Урок 3 - Работа с маской -


Приветствую всех. В этом уроке мы разберем работу с так называемой "маской". Ну и параллельно сотворим очень забавный эффект. Одно другому не помешает. Парур раз натыкался на этот эффект в сети, пару минут ломал голову, как это сделано, потом забывал про него напрочь. В сети внимание быстро переключается с одного на другое. ;) Но таки на раз девяностый я решил разобраться, как эта система делается. Начнем.


Напоминаю, что данные занятия проводятся по программе Macromedia Flash MX 2004 Professional. Программа должна быть нерусифицированная.


Нам нужна будет темная картинка с резкими гранями. Я взял эту:


[450x327]


Импортируем картинку на сцену: File - Import - Import to Stage. Сцену желательно сделать таких же размеров, что и наша картинка. Создаем новый символ (Ctrl+F8) Movie Clip и назовем его Mask. Открываем библиотеку (F11 или Ctrl+L). Библиотека открылась в виде дополнительной вертикальной панели справа. Теперь заходим в нами созданый символ (на данный момент в библиотеке два символа: картика, которую мы импортировали и символ Mask, который мы только что создали). Для этого кликаем два раза на иконку рядом с названием символа.


[217x319]


Мы попали в область редактирования символа.


Обрисуем контурно нашу картинку с помощью инструмента Line Tool [показать]. Параметры линии: толщина - 1 px, цвет - нас не волнует. :) Для обрисовки нам нужно два слоя: на нижний выкинем на время обрисовки картинку нашу, а на верхнем будем рисовать. После того, как закончили, удаляем нижний слой. У нас должно получиться примерно так:


[227x190]


Выделяем все, что видим и жмем: Modify - Shape - Convert Lines to Fills. Это мы сделали для того, чтобы линии превратить в.......в краску, короче, мы их превратили. Больше это не линии. Создаем еще один символ: Graphic, назовем его Light. Нарисуем в нем длинный узкий прямоугольник и уберем у прямоугольника контур (двойной щелчок правой кнопкой мыши по одной грани, чтобы выделить весь контур - Delete). Теперь создадим специальную градиентную заливку. Откроем панель Color mixer: Window - Design Panels - Color Mixer. И задаем такие параметры, как указаны на рисунке:


[260x238]


У нас три точки цвета: у двух крайних опускаем прозрачность до нуля (Alpha), а ценральную сделаем белого цвета. Теперь инструментом Paint Bucket Tool (клавиша K или [показать]) проводим горизонтальную линию от одного края прямоугольника до второго. Чтобы увидеть результат, нужно фон основной сцены сделать не белым, а каким-нибудь другим. Должно получиться что-то подобное:


[227x190]


Все, с этим символом закончили. Переходим обратно в символ Mask. Создаем новый слой (один слой у нас есть: в нем мы контур нарисовали), перемещаем новый слой вниз и закидываем в него символ Light. Размещаем линию слева от контура:


[227x190]


Теперь выделяем десятый кадр и делаем его ключевым у слоя с линией F6 и обычным у слоя с контуром F5. В ключевом кадре перемещаем линию на правую сторону контура:


[227x190]


Теперь выделяем все кадры слоя с полосой, жмем на них правой кнопкой мышки и выбираем Create Motion Tween. Нажмите Enter и проверьте: полоса должна перемещаться слева направо. Теперь щелкните правой кнопкой мыши на слое с контуром и выберите пункт Mask. И теперь со слоями у нас должна получиться такая вот картинка:


[227x190]


Верхний слой - контур, нижний - полоса. Все, собственно. Закончили. Можете теперь Enter понажимать и посмотреть, что получилось. Возвращаемся на основную сцену и создаем новый слой. Закидываем на этот слой символ Mask. Слой с символом должен быть над слоем с картинкой исходной. Жмем Ctrl+Enter и любуемся результатом:








источник
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Работа с маской | Gestaltung - Gestaltung | Лента друзей Gestaltung / Полная версия Добавить в друзья Страницы: раньше»