Сделать стартовой Отправить e-mail Главная  Блог  Новости  Форум  Гостевая  Статьи  Файлы  Изображения  Онлайн игры  Сайты  Фильмы на DVD  Каталог карт CS  Winamp обложки English version Die deutsche version La version francaise النسخة العربية

Каталог статей

Главная » Статьи » Flash » Уроки Flash » Эффект волны [ Добавить материал ]
 
Уроки Flash [1]
 
Эффект волны
11.03.2009
Эффект (назовем его «волна») довольно популярен. Сама его подсмотрела в чужом исходнике. Но я никогда не встречала пошагового описания как его выполнить. Скрипты использовать не будем, и отнесем урок к уровню начинающих флешеров. Исходя из заявленного уровня, буду описывать этапы создания данной анимации как можно подробнее.
В результате мы должны получить следующее:

Этап подготовки.
Приготовьте/найдите картинку, которую вы будете использовать. Лично я стащила фотку из коллекции бесплатных клипартов популярной офисной программы. Вот она:

Шаг 1.
Создадим новый документ. На панели Properties установим размеры документа – он должен быть равен размеру вашей картинки. В моем случае это будет 240х300 px.

Импортируйте вашу картинку в документ. Это можно сделать просто перетащив картинку мышкой из папки, в которой она лежит, на сцену документа. Или же классическим способом: войдите в меню File - Import to Stage.
Выровняйте картинку с помощью панели Align. Убедитесь, что нажата иконка To Stage и нажмите кнопки как на картинке ниже:

Шаг 2.
Создайте новый слой. Для этого нажмите на кнопку Insert Layer.

Теперь скопируйте вашу фотографию. Для этого щелкните правой кнопкой по фотографии и выберите Copy.
Перейдите на первый кадр Layer 2 и нажмите Ctrl+Shift+V (Edit - Past in Place).

Шаг 3.
Останьтесь на слое Layer 2. Выделите фотографию, щелкнув по ней левой кнопкой мыши. Возьмите инструмент Free Transform Tool (Q) и, удерживая Shift, немного растяните фотографию (немного, это совсеи чуть-чуть, букваль несколько пикселей).

Шаг 4.
Создайте новый слой над Layer 2. Теперь будем работать на Layer 3. Приступим к рисованию маски.
Итак, выберите инструмент Oval Tool (O).На панели Colors уберите цвет заливки (см. картинку ниже)


Цвет контура не принципиален. Я выбрала красный.

Перейдите на панель свойств и выберите толщину контура равной 20.

Нарисуйте круг, удерживая клавишу Shift.

Шаг 5.
Выберите инструмент Selection Tool (V) и выделите только что нарисованный круг, щелкнув по нему левой кнопкой мыши. Перейдите в меню Modify – Shape – Convert Lines to Fills.

Шаг 6.
Вернемся к слою Layer 2. Выберите кадр номер 40 и нажмите F5. Тоже самое повторите на слое Layer 1. Временная шкала будет выглядеть следующим образом:

Шаг 7.
Перейдите на кадр № 40 слоя Layer 3. Нажмите F6. Выделите овал. Выберите инструмент Free Transform Tool (Q) и растяните овал так, чтоб фотография полностью оказалась внутри – см. ниже:

Шаг 8.
Вернитесь на первый кадр. Выделите овал. Перейдите на панель Info и установите следующие размеры: 10х10.

Не снимайте выделение! Перейдите на панель Align и нажмите следующее:

Шаг 9.
Щелкните по любому кадру между 1и 40. Перейдите в панель свойств, в меню Tween выберите Shape.

Временная шкала должна выглядеть так:

Шаг 10.
Теперь щелкните правой кнопкой мыши по названию слоя Layer 3. В появившемся меню выберите Mask.

Временная шкала должна выглядеть так:

Протестируйте - Ctrl+Enter.

Скачать

Источник: http://demiart.ru/forum/index.php?showtopic=28315

Категория: Уроки Flash | Добавил: hl-away (11.03.2009) | Автор: Gal4onok | Просмотров: 875 | Рейтинг: Голосов: 0/Рейтинг: 0.0 |
Всего комментариев: 0
Дорогие посетители и пользователи, пожалуйста, оцените публикацию и напишите свой комментарий к ней, тем самым Вы поможете развитию проекта hl-away ! info
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 

Вход
Логин:
Пароль:
 

Облако тегов

Cтатистика
Интернет карта
Каталог сайтов и ссылок url.moy.su

Онлайн всего: 3
Гостей: 3
Пользователей: 0

Сегодня были: