Ваш аккаунт: пройдите авторизацию
Рисование стекла во flash macromedia

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся не только на файлообменниках, а и на наших серверах, поэтому информация всегда доступна для Вас. Зарегистрируйтесь и получите доступ ко всем файлам по прямым ссылкам.

Рисуем профессиональную кнопку с помощью Флэш
Macromedia Flash » Уроки 22 октября 2009 NazaRПечать


Flash рисовать стекло
Шаг 1. Создаем новый документ размером 400*400px.

Шаг 2. Переназываем текущий слой (layer1) на "base". Выбираем Инструмент Овал (Oval Tool(O)) на Панели Инструментов со следующими параметрами:

Flash рисовать стекло

и рисуем овал, как на картинке внизу
Flash рисовать стекло

Шаг 3. Теперь, давайте зальем наш овал градиентом. Убедитесь, что Панель Color Mixer (Смешение цветов) открыта и введите там следующие цифры: (овал должен быть при этом выделен, естественно).
Как рисовать мультяшные картинки во флеш?

наш градиент будет выглядеть так
Как рисовать мультяшные картинки во флеш?

Шаг 4. Все отлично, только направление градиента не то, что хотелось бы. Поэтому выбираем Инструмент Трансформации Градиента (Gradient Transformation Tool (F)) и поворачиваем наш градиент по часовой стрелке (см.картинку).
Как рисовать мультяшные картинки во флеш?

у вас должно получиться что-то в этом роде:
Как рисовать мультяшные картинки во флеш?

Шаг 5. Теперь для того, чтобы добавить эффекты типа "отбросить тень (drop shadow)" и "внутреняя тень (inner shadow)", необходимо конвертнуть наш круг в movie clip, так как Flash позволяет применять эти эффекты только к movie clip. Поэтому кликаем правой кнопкой мыши по нашему объекту и выбираем Convert to Symbol (Перевести в Символ). Используем следующие параметры:
Как рисовать мультяшные картинки во флеш?

Нажимаем Ок. Теперь идем в Панель Свойств. Кликаем на кнопке "+", чтобы добавить фильтры...
Как рисовать мультяшные картинки во флеш?
Шаг 6. Выбираем фильтр "Drop Shadow (Отбросить Тень)" и используем следующие значения:
Рисуем профессиональную кнопку с помощью Флэш
Мы создали эффект Внешней Тени. Теперь создадаим Внутренюю Тень. Для этого опять нажимаем "+" и выбираем Drop Shadow (Отбросить Тень), но на этот раз вводим вот такие параметры:
Рисуем профессиональную кнопку с помощью Флэш
 Наш основной слой готов, он должен выглядеть так:
Рисуем деревья в флеш

Шаг 7. Создадим новый слой и назовем его "bevel". Выбираем опять Инструмент Oval (Овал) и рисуем круг, как на рисунке внизу:
Рисуем деревья в флеш

Закрашиваем Овал Градиентом с установками на Панели Color Mixer, как внизу:
Рисуем деревья в флеш

У вас должно получиться что-то такое:
Рисуем деревья в флеш

Шаг 8. Опять, используя Инструмент Gradient Transform Tool (F), для поворота градиетной заливки на 90 градусов.
Рисуем деревья в флеш

Шаг 9. Создаем еще один новый слой и называем его "blue". Он должен быть самым верхним. Панель слое будет выглядеть так:
Рисуем деревья в флеш

Шаг 10. На этом слое мы будем создавать светящееся голубое стекло. Для начала рисуем круг с помощью Инструмента Oval.
Как рисовать тень во флеше?

Теперь, используя все ту же Панель Color Mixer, окрашиваем наш круг в такой Градиент:
Кнопка на flash спомощью градиента

У вас должно получиться что-то наподобие этого:
Рисую на флеше кнопку

Шаг 11. Мы близки к цели. Создадим еще один слой и назовем его "gloss", нарисуем в нем овал, как на рисунке внизу:
С помощью написать урок во флэше

Шаг 12. Выделяем наш новый прямоугольник и задаем для него на Панели Color Mixer следующие параметры. Обратите внимание, что Градиент меняется от Белого к Прозрачному (Для достижения этого эффекта, для начала создаем градиент от Белого к Белому, а затем выставляем значение alpha=0% на конце Градиента).
Нарисовать стекло во флеше

У вас должно получиться что-то в этои духе:
Нарисовать стекло во флеше

Шаг 13. И в очередной раз поворачиваем Градиент на 180 градусов.
Рисуем во флеше

Шаг 14. Ну вот и все. Можно поместить какой-нибудь значок (например, как на картинке внизу) на новом слое между "gloss" и "blue". Результат внизу:
Как нарисовать белый глянец?
 




Скопировать ссылку для сайта или блога (HTML):


Скопировать ссылку для форума (bb-код):


Скопировать прямую ссылку:


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

комментарии (6)

#1 написал: naikon | 22 октября 2009 17:06
     
Как нарисовать белый глянец?
Никогда не любил рисовать во флеше, не понимал смысла если есть иллюстратор или корел...
#2 написал: DeNRiX | 22 октября 2009 17:13
     
Профессиональные кнопки флеш
так зачем тогда вобще эти разделы ?
#3 написал: Jecky | 22 октября 2009 17:20
     
Профессиональные кнопки флеш
Цитата: SHADOW
так зачем тогда вобще эти разделы ?

У каждого своя религия!
#4 написал: naikon | 22 октября 2009 17:30
     
Профессиональные кнопки флеш
SHADOW,
Да и тем более флеш уроки не построены на создании из-ий, а в основном на их анимации, как визуальной так и кодовой части.
#5 написал: Samogon | 22 октября 2009 19:29
     
Нарисовать стекло flash
а я рисую во флэше...я к нему превык и илюстратор изучать особо времени нет...
#6 написал: pa-inter | 10 февраля 2012 04:08
     
Нарисовать стекло flash
Некоторые моменты всегда проще нарисовать сразу в той программе в которой работаешь в данный момент, и во флеше для этого все есть. Зачем открывать и тем более изучать илюстратор для рисования обычной кнопки - это маразм. Другое дело если делать портрет... Вообщем автору респект - для новичков наверно будет полезен урок.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.