Уроки Flash

Уроки флеш: создание графики и рисование во флеше, флеш-анимация, персонажная анимация во флеше, создание спецэффектов во flash, программирование flash As2 и As3.

Как убрать заливку?

Во флеше убрать всю заливку с рисунка очень просто:

1. Необходимо выделить необходимый объект (или несколько объектов). На примере ниже заливка неоднородная, содержит несколько цветов.

Урок: Отбеливаем кролика с помощью As3

1. Размещаем  на нижнем слое черного кролика, слоем выше – белого. Кролики абсолютно одинаковые, отличаются лишь цветом.

 

Обязательно  нужно наложить объекты аккуратно друг на друга, пиксель в пиксель (для этих целей пользуемся  инструментом выравнивания (Align)).

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

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

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

Пиксель-арт во флеше

С недавних пор замечаю, в статистике заходов на сайт по поисковым фразам  появился чудо-запрос: как рисовать во флеше квадратиками:)  Даже не сразу поняла смысл, но скорее всего имели ввиду пиксель-арт. Решила написать пост на тему рисования квадратиками. А другими словами - создание пиксель-арта во флеше.

Ходят слухи, что жить пиксель-арту осталось недолго. Но не думаю, что все так печально: хоть он и старенький, умирать ему еще рано. Несмотря на свою простоту, позволяет создавать как эффектные иконки, забавных персонажей так и целые пиксельные миры. Хотелось бы отрисовать арт к игре в таком стиле, думаю, еще все впереди:)

Анимация градиентов

Продолжу тему, начатую в предыдущем посте – а именно, использование градиентов  во флеше. В этот раз расскажу, как анимировать градиенты, какие есть возможности и какие ограничения в работе  с градиентными заливками. Анимация градиентов относится к типу анимации формы (shape tween). Мне кажется, все флеш-аниматоры начинают именно с анимации формы – превращения круга  в квадратик. А затем в треугольник:)

Использование градиентов (Gradient Fills) во флеше.

Нарисуем симпатичного рыжего мальчика, используя градиентную заливку. Градиенты добавляют картинке объема и оживляют ее. Благодаря плавным переходам между цветами, объекты выглядят более детализированными, проработанными. Использовать градиентные заливки нужно аккуратно, чтобы добиться действительного хорошего результата и не испортить рисунок. В случае  с градиентами лучше меньше, чем больше:)

Плавная анимация кнопки при наведении и отведении курсора (Action Script 2)

 

В этом уроке  я поделюсь еще одним методом анимации кнопок. Ранее, я уже рассказывала о схожем способе создания кнопки. Сегодняшний метод  построен на принципе программного проигрывания анимации вперед и в обратном направлении в зависимости от положения курсора на кнопке. В первом уроке я создавала 2 разные анимации – положение на и положение за пределами кнопки. Так что задача в этот раз в какой-то степени проще в плане анимации:) Так же будет использоваться Action Script 2. Для тех, кому нужна такая кнопка в as3 - читаем в новом уроке Плавная анимация кнопки при наведении в as3.

Создание геометрических текстур (patterns) во флеше с помощью Deco Tool.

В четвертой версии флеша (Cs4) появился очень удобный инструмент, который позволяет очень быстро создавать интересные текстуры - Deco Tool. В  Cs5 его доработали, разнообразили,  но наиболее интересная его функция, по моему мнению, Grid Fill – инструмент-заливка  для создания геометрических текстур. С помощью инструмента Grid fill можно создавать разнообразные паттерны, например, для фона. И что немаловажно  – весь процесс занимает минимум времени.

Из растра в вектор

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

Как просто создать анимированную тень во flash?

Чтобы сделать анимированную тень, не нужно создавать дополнительную анимацию персонажа. Достаточно применить 2 эффекта к уже  готовому мувиклипу.

Итак, у нас есть анимация в мувиклипе  - танцующий мишка. Для создания тени используем тип графики Movie Clip, а не Graphic, потому что лишь к мувиклипу можно применить нужный фильтр.

Шаг 1.

Создаем дополнительный слой для тени и копируем туда мувиклип.

 

  • Страницы:
  • 1
  • 2
  • 3
  • 4