Эффект с помощью маски

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Информация
Описание: 

В этом уроке рассматривается, как создать дополнительный эффект с помощью маски без Action Script во Flash. Этот урок также научит вас, как использовать инструмент “Линия”(Line Tool) для создания формы градиента с помощью панели Микшер цвета (Color Mixer Panel). Этот эффект очень полезен. Вы сможете использовать его для баннеров, анимированных заголовков, эффектов для изображений, везде, где только захотите.

Шаг 1.
Откройте новый документ. Кликните правой кнопкой по документу и выберите пункт меню Свойства документа (Document Properties). Установите параметры документа как на рисунке ниже:

С помощью инструмента Текст/Text Tool (T) добавьте любой текст, например easyflash.org.

Затем кликните два раза левой кнопкой мыши на слое layer 1 и переименуйте его в text, как на рисунке ниже.

Шаг 2
Заблокируйте слой с текстом и создайте новый слой, назвав его effect.

Шаг 3
С помощью инструмента Линия /Line Tool (N), используя настройки Твердость/Solid и толщину равную 0.5 пикселей, обведите линиями текст. Для округлых букв

Я знаю, что этот процесс идет очень медленно и скучно, но в конечном итоге результат вас порадует. Используйте инструменты Selection Tool (V) и Subselection Tool(A) для подгонки неточно нарисованных линий к буквам.

Поверьте, лишь немного набив руку, процесс обвода пойдет быстрее и перестанет быть утомительным.

Шаг 4
Выберите все линии и нажмите F8 (Преобразовать в символ). В открывшемся окне выберите тип объекта Movie clip и введите любое имя в поле Имя. Нажмите кнопку OK.

Шаг 5
Кликните два раза на вновь созданном Move Clip.

Шаг 6
Пока все линии все еще выделены, выберите Редактировать/Modify > Фигура/Shape > Преобразовать линии в области /Convert Lines to Fills. После этого переименуйте слой 1 (Layer 1) в mask.

Шаг 7
Создайте новый слой под названием gradient. Затем перетащите вновь созданный слой под слой mask. Заблокируйте слой mask.

Шаг 8
Выберите инструмент Прямоугольник/Rectangle Tool (R), Цвет контура/Stroke Color должен быть выключен, для заливки выберите белый цвет, как на картинке ниже.

Нарисуйте прямоугольник слева от текста.

Шаг 9
Выделите нарисованный прямоугольник с помощью Selection Tool (V) и меню Окно /Window выберите Цвет(Color(Shift+F9)). Затем в открывшейся панели установите параметры так, как показано на рисунке ниже.

Шаг 10
Выделите прямоугольник и нажмите кнопку F8 -конвертировать в символ. В открывшемся окне выберите тип Graphic, введите любое название и нажмите кнопку ОК.

Шаг 11
Кликните на двадцатый фрейм слоя gradient и нажмите кнопку F6. После этого перетащите прямоугольник так, что бы он расположился справа от текста.

Шаг 12
Кликните опять на первый фрейм слоя gradient. В контестном меню выберите Create Motion Tween.

В результате этого действия у вас должно получитcя следующее:

Шаг 13
Кликните на двадцатый фрейм слоя mask и нажмите F5.

Шаг 14
Выбирите слой mask и в контекстном меню выберите пункт Маска (Mask) для превращения слоя в маску.

Шаг 15
Вернитесь на главную сцену (Scene 1) и нажмите Ctr+Enter для просмотра результата.

Комментарии

Аватар пользователя tanchik

Не получилось вставить результат
его можно посмотреть тут

Аватар пользователя Aloran

Здорово. Сам то я умею делать это, но вот додуматься, что бы блик бегал по окантовке, я не смог)))

good

Аватар пользователя Fly

Впечатляет!..

1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум

Аватар пользователя GreyClown

Ага, очень классно, а ведь действительно можно делать анимацию окантовки.

goodgood

Для ускорения обводки текста предлагаю его набирать в Кореле (там сразу можно текст с обводочкой набирать), а потом экспортировать его в флеш и разделить сам текст и обводку.

Аватар пользователя Allidjan

КРУТО

boss

Аватар пользователя motoden

GreyClown, отличная идея!!! Я сам корелом не пользовался, поэтому ваш совет очень для меня дельный!
Люди, скажите пожалуйста, зачем нужно преобразование линий с помощью опции "Convert Lines to Fills". Короче говоря, я не знаю что делает эта команда...

Аватар пользователя Fly

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

1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум

Аватар пользователя living_in

Млин, у меня окантовка не задействована вообще, а блик бежит в другую сторону, при этом я все делала по инструкции)

Аватар пользователя Fly

living_in,
Значит у вас где то ошибка

1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум

Аватар пользователя dictordozel

Исчо забавно пустить встречный блик...

Аватар пользователя U-N1K

А когда всретятся - "Крутнуть звездочку"

goodgood

Аватар пользователя udaw

Есть ещё один способ сделать обводку букв без усилий...Написать техт, нажать 2 раза на Ctrl + B и выбрать инструмент Ink Bootle Tool (s)  и нажимать по очереди на конвертированные из букв формы. Спасибо за идею

who the f**ck is D&G