Как создавать свои Flash-игры, подобные Angry Birds и World of Goo?
Box2D - это библиотека, которая моделирует физическое поведение твердых тел в двумерном пространстве. Программисты могут использовать ее в своих играх, чтобы сделать...
В этом уроке рассматривается, как создать дополнительный эффект с помощью маски без 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 для просмотра результата.
Комментарии
Не получилось вставить результаттут
его можно посмотреть
Здорово. Сам то я умею делать это, но вот додуматься, что бы блик бегал по окантовке, я не смог)))
Впечатляет!..
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1
Мы в контакте -
#4 Опубликовано 1 июня, 2009 - 06:40 пользователем GreyClown
#5 Опубликовано 1 июня, 2009 - 19:44 пользователем Allidjan
#6 Опубликовано 30 июня, 2009 - 13:52 пользователем motoden
#7 Опубликовано 30 июня, 2009 - 16:20 пользователем Fly
Ага, очень классно, а ведь действительно можно делать анимацию окантовки.
Для ускорения обводки текста предлагаю его набирать в Кореле (там сразу можно текст с обводочкой набирать), а потом экспортировать его в флеш и разделить сам текст и обводку.
КРУТО
GreyClown, отличная идея!!! Я сам корелом не пользовался, поэтому ваш совет очень для меня дельный!
Люди, скажите пожалуйста, зачем нужно преобразование линий с помощью опции "Convert Lines to Fills". Короче говоря, я не знаю что делает эта команда...
Эта команда преобразовывает контур в заливку, в свою очередь к которой можно применить маску.
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1
Мы в контакте -
#8 Опубликовано 23 августа, 2009 - 20:46 пользователем living_in
#9 Опубликовано 24 августа, 2009 - 22:34 пользователем Fly
Млин, у меня окантовка не задействована вообще, а блик бежит в другую сторону, при этом я все делала по инструкции)
living_in,
Значит у вас где то ошибка
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1
Мы в контакте -
#10 Опубликовано 26 сентября, 2009 - 13:35 пользователем dictordozel
#11 Опубликовано 18 февраля, 2010 - 01:27 пользователем U-N1K
#12 Опубликовано 18 июня, 2010 - 18:15 пользователем udaw
Исчо забавно пустить встречный блик...
А когда всретятся - "Крутнуть звездочку"
Есть ещё один способ сделать обводку букв без усилий...Написать техт, нажать 2 раза на Ctrl + B и выбрать инструмент Ink Bootle Tool (s) и нажимать по очереди на конвертированные из букв формы. Спасибо за идею
who the f**ck is D&G
Статьи и новости по Flash, Flash программы, Flash шаблоны, Flash исходники. easyflash.org
Если вы являетесь профессионалом во flash, flex, air, actionscrip 3.0, анимации или других RIA (Rich Internet Application), тогда мы предлагаем вам денежное сотрудничество.
Станьте автором будущих обучающих видеокурсов и зарабатывайте регулярно продавая свои знания и навыки. Все что вам нужно - это создать серю видеоуроков по выбранной теме и все!
Узнайте все подробности здесь.
Карта предназначена для того, чтобы вы иногда могли посмотреть масштабы сообщества флешеров! Нас много. Мы по всему миру. Вы видите себя? Присоединяйтесь к постоянно растущему, креативному сообществу flasher'ов по всему миру! Делайте интернет интерактивным и интересным! И зарабатывайте этим деньги, конечно!
Если Вам понравился данный проект, и Вы точно уверены, что он будет интересен Вашим друзьям, подписчикам, посетителям сайта и т.д., то мы хотим предложить Вам реальную возможность заработать.
Если Вы заинтересованы, то Вам нужно пройти по этой ссылке и зарегистрироваться в партнерской программе. После этого Вы должны просто рекомендовать наш сайт по собственной уникальной ссылке и если человек, зашедший по Вашей ссылке, приобрететнаш курс по flash , то вы получите от 20% до 25% комиссионных.
Рекомендуя хорошую вещь, Вы зарабатываете деньги. Предлагаем Вам попробовать!