• Авторизация


Урок №3. Создание эффекта размытия. 24-10-2011 19:16 к комментариям - к полной версии - понравилось!

Это цитата сообщения morela4 Оригинальное сообщение

Урок №3. Создание эффекта размытия.

Урок №3. Создание эффекта размытия.

Эффект достигается за счет быстрого перемещения  объектов, которое невозможно отследить визуально.

Итак, приступим:

1. Создаем новый документ с размерами 480 на 70 пикселей. Frame Rate выставляем равным 20.

2. Создаем новый символ (Ctrl + F8). Оказавшись в окне редактирования символа, выбираем инструмент Овал (O).  На панели Shape устанавливаем такие параметры, как на рисунке ниже:

То есть мы будем рисовать в этом случае круг, состоящий из одной заливки синего цвета, без контура. Неважно, какого размера он получится. Потом, в основной сцене мы зададим ему нужные размеры. Для того чтобы нарисовать круг, удерживайте клавишу Shift.

3. П[ереместимся в основную сцену, и поместим наш круг  в первом кадре, первого слоя, в левой части рабочего поля. Примерно так, как Вы видите на рисунке:

3. Теперь давайте создадим еще один графический символ, с помощью которого будет создаваться имитация размытия в движении. Нажимаем Ctrl + F8. Выбираем Graphics. После того, как мы окажемся в окне редактирования символа нужно выбрать инструмент «Прямоугольник» (R). На панели Shape выставляем такие параметры:

Обратите внимание на то, что в поле Fill Style выбран линейный стиль заливки. Это говорит о том, что мы будем создавать графический символ с заливкой бело-синего цвета. Примерно такого наполнения, как отображено на рисунке выше. (выделено зеленой рамкой).

4. Инструментом прямоугольник рисуем вот такую фигуру, как на рисунке ниже, с размерами примерно 260 на 60 пикселей. Не задавайтесь установкой особо точных размеров. Их мы потом всегда успеем поменять на нужные нам в основной сцене.

5. Все нужные нам в уроке графические символы созданы. Больше рисовать мы ничего не будем.

6. Перемещаемся опять в основную сцену. Делаем в первом слое  ключевым восьмой кадр и вставляем в него созданный  в шаге 4 графический символ. Вставляем его с таким расчетом, чтобы он перекрыл примерно наполовину помещенный на сцену в шаге 3 круг (как если бы он находился в том же кадре)

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

7. Делаем в этом же слое ключевым 9 кадр, и перемещаем наш графический символ с линейной заливкой на 145- 150 пикселей вправо.

8. Копируем наш первый кадр, и методом копировать/вставить помещаем его в 10 кадр первого слоя. При этом располагаем наш круг в крайнем правом положении на сцене:

9. Делаем ключевым 23 кадр, и аналогично тому, как в шаге 8 копируем в него 9 кадр.

10. В 24 кадр копируем восьмой кадр, и в 25 кадр копируем первый кадр.

11. Выделяем 30 кадр и нажимаем F5. Т. е мы добавили 5 кадров на временной шкале.

12. Добавляем новый слой и переименовываем его в Action Layer. Делаем в нем 25 кадр ключевым, и вставляем в него такой код:

stop ();

Нажимаем Ctrl + Enter и тестируем то, что у нас получилось. Урок довольно простой, но я думаю, что Вам пригодится для использования  при создании эффектов размытия. Изложены основные принципы, за счет чего это достигается.  Экспериментируйте с частотой, с количеством кадров на временной шкале, с линейной заливкой и всё у Вас получится.

Не забудьте подогнать размеры созданных графических символов под высоту размеров сцены. Делается это обычно либо на панели Transform, в соответствующих полях, либо с помощью одноименного инструмента на панели рисования.

Серия сообщений "Sothink SWF Quicker":
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Делаем flash открытку с музыкой своими руками.
...
Часть 12 - Текстовый вариант урока по добавлению в текст эффекта печатающей машинки.
Часть 13 - Создание простой анимации форм.
Часть 14 - Урок №3. Создание эффекта размытия.
Часть 15 - Эффект смены картинки
Часть 16 - Урок по использованию движущихся масок.
...
Часть 25 - Урок по созданию часов с использованием текста, полученного в результате применения эффектов.
Часть 26 - Урок по конвертированию текста в графический формат.
Часть 27 - Урок по изменению изображения с черно-белого в цветное.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок №3. Создание эффекта размытия. | Нэллочка - Дневник Нэллочка | Лента друзей Нэллочка / Полная версия Добавить в друзья Страницы: раньше»