Возможности применения фильтров (Filters) во флеше

Чтобы следующий пост в блоге не был посвящен светлому дню Пасхи, разбиваю череду поздравлений небольшой заметкой о фильтрах:) Урок для начинающих флешеров, а так же для тех, кто попросту не обращал внимание на эту примочку в разделе Properties.

Когда во флеш добавили фильтры (а изначально их не было), я не сразу  с ними подружилась по причине того, что отображались они лишь во флеш-плейере не ниже 8-ой версии. Но прошло время, и даже 8-ая версия плейера безбожно устарела, а фильтры остались.

Немного о свойствах: фильтры применимы лишь к мувиклипам, кнопкам и тексту. К объекту  типа графика (graphic) не применяются. В версии flash cs5 фильтров аж 7. Не буду копипастить теорию, сразу покажу, как их можно применить на практике. А научиться работать с фильтрами очень просто:)

За основу возьму персонажа, которого я когда-то рисовала для флеш-игрушки. Итак:

 

1. Drop shadow – возможность применить эффект тени к флешовому объекту. Наверное, самый популярный фильтр. Для большей реалистичности, если объект находиться на светлом фоне, как  в примере, лучше выбирать для тени не угольно-черный цвет, а серый – светло-серый, возможно даже с цветным оттенком (1). Если добавить к этому эффекту еще контурный эффект свечения (о нем более подробно в следующем пункте), то можно получить такой себе эффект наклейки (2-3) (не знаю, как называется такое дизайнерское решение, но смотрится эффектно и используется часто:)

 

2.Glow - свечение.

1.обычное свечение, его  цвет можно установить  на свой вкус. Часто используют для текстовых надписей.

2. непропорциональное – показатели по x или y разные.

3.с помощью эффекта Glow во флеше можно создать четкий контур. Чтобы добиться четкости обводки, нужно выставить максимальный показатель straighten =1000. И низкое качество качество – Law. В высоком качестве все-таки остается блур по краям. Если  применить фильтр дважды, то можно сделать двойной разноцветный контур.

 

3.Bevel, Gradient Bevel.  Позволяют создавать эффект псевдо-объема. Очень редко использую их, как по мне, немножко они корявенькие. Чтобы добиться красивого эффекта, надо хорошенько покрутить все параметры. В фотошопе подобный фильтр выглядит значительно лучше.

4.Blur – размытие. Можно использовать при быстром движении объекта, фона и т.д. Или применять к дальним планам фонов. С помощью этого эффекта можно сделать тень.

5.Gradient Glow – то же свечение, только с применением градиента.

 

Функция knockout в некоторых фильтрах – оставляет видимым лишь контур, а сам объект исчезает. Позволяет создавать загадочные таинственные силуэты в темноте:)

 

6.Adjust color – позволяет перекрасить объект, изменяя оттенок (hue), яркость и контраст. Полезное свойство этого фильтра - возможность перевести цветное изображении в черно-белое. (Saturation = -100).

И напоследок можно вздохнуть и подытожить:

Плюсы фильтров.

- позволяют создавать красивые  эффекты, такие как тень, свечение, блур доступные ранее лишь в более продвинутых графичеcких редакторах – фотошопе и иллюстраторе.

- фильтры можно применить к анимированным объектам и анимировать.

 

Минусы фильтров.

- немного глючат. Во время анимации с фильтрами нередко происходили неожиданные чудеса: то исчезал эффект, то вновь появлялся. В последнее версии флеша во время редактирования объекта, к которому уже применен фильтр, флеш говорит  «до свидания» и выключается.

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

- плейер не ниже 8-ой версии. Я бы даже не выделяла это в минусы, скажем так, особенность применения.

Вот и все. Приятной работы:)

Комментарии
Аватар пользователя Роман

Периодически захожу в Ваш блог (а так же кидаю ссылки друзьям - уж больно много полезного) и каждый раз радуюсь, что Вы продолжаете его обновлять и наполнять контентом. Спасибо Вам ещё раз за это, материал очень нужный и полезный! Не теряйте энтузиазма и знайте - мы ценим Ваш вклад!

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

Роман, спасибо за интерес к блогу) Стараюсь уделять ему время, но не всегда получается писать регулярно(

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

Еще один минус - фильтры грузят проц Sad Может, есть какие-то фокусы, чтобы примененный к муви клипу блюр не тормозил все так заметно на слабых компах? Спасибо! Smile

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

Программно переводить графику в Bitmap. В итоге swf весит мало и грузит проц мало. Вотъ http://blog.touchmypixel.com/2008/11/caching-animation-frames-vs-sprites...

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

да,есть такое(
с блуром разве что переводить вектор в jpeg, других способов не знаю, к сожалению(

Аватар пользователя Гостик

Спасибо за урок, сколько уже работаю во flash а только благодаря вам познал эти приемы. Надеюсь что такие же полезные уроки будут добавляться почаще.

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

сама давно с флешом знакома, а постоянно узнаю что-то новое)

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

я и сам недавно познал прелесть фильтров. Можно из обычного и плоского сделать красивое и объёмное. А потом программно превратить в Bitmap и все дела.

за статью спасибо!

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

пожалуйста)
хороший блог,добавила на Вас ссылочку)

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

с моей стороны будет не вежливо не добавить ссылку на тебя)