Эффект мокрой бумаги. урок во флеш. |
Оригинальное название урока "Эффект мокрой бумаги". Эффект не навязчивый, скорее довольно симпатичный. С его помощью можно приукрасить - оживить фон для коллажей.
Урок без применения скриптов. Работать будем в программе Flash CS5.
Запустили прогу. Даллее - по скрину.
Ошибкой не будет, если выбрать "Файл ActionScript 2.0". Как я уже оговорилась, урок без скриптов, т.е. этот момент не принципиален.Подготовили картинку, которую хотим анимировать.
Далее: Файл - Импорт - Импортировать в библиотеку. Опять таки, можно "Импортировать в рабочую область"
Импортированная картинка в библиотеке проги.
В окошке "Свойства" можно изменить размеры картинки, если это необходимо.
Сочетанием клавиш клавиатуры Ctrl+J вызываем окно с параметрами документа, где устанавливаются пропорции сцены и устанавливается число фреймов. В моём случае частота кадров(фреймов) - 12. Это число можно изменить на удобное для вас и в конце работы.
Выравним картинку на сцене.
Выделяем картинку на сцене. Жмём клавишу F8 и преобразовываем картинку в мувик.
Кликаем по мувику на сцене дважды и попадаем внутрь мувика.
Встаём на первый кадр первого слоя на временной шкале,назовём его "Оригинал" и, правой клавишей мыши выбираем "копировать кадры"( Copy Frames ).
Добавляем новый слой,,назовём его "Копия" и, выделив на нём первый кадр, выбираем правой клавишей "вставить кадры" (Past Frames).
Добавляем третий слой. Можно назвать его "Маска".
Стоя на третьем слое, берём инструмент "Выделение" и с его помощью рисуем поверх картинки прямоугольник. Прежде установите настройки инструмента, а именно - уберём обводку, заливку выбираем любую - на ваш вкус. Далее всё исключительно от вашего желания. Прямоугольник можно наложить как на картинку целиком, так и частично.
Делается это следующим образом.Наводим курсор на левый верхний угол картинки и, зажав левую клавишу мыши, тянем курсор в правый нижний угол картинки.
Далее! Важный момент, который вы не найдёте в оригинале урока. Заблокируйте слой "Копия" (навесить замочек) и отключите его видимость.
С помощью инструмента "Выделение"(Selection Tool (V)) выделяем (прорисовываем) прямоугольнички и удаляем их клавишей Delete.
Чтоб было более наглядно, посмотрите скрин из оригинала урока.
Поочередно выбирая кадры 10, 20 и 30 на слое "Маска" ,нажмите F6 (создаем ключевые кадры).
Вернитесь на 10 кадр и используя стрелки на клавиатуре сдвиньте полоски немного вниз. Затем перейдите на 30 кадр и поднимите полоски немного вверх.
Выделите слой "Маска" и в шапке проги выбираем: Вставка - "Анимация формы",или же - на панели Properties в меню Tween выберите Shape.
Снова выделите слой и сделайте его маской. Для этого щелкните правой кнопкой по названию слоя и в появившемся меню выберите Маска. (Прошу прощения за мой небогатый словарный запас))
Теперь заблокируйте и отключите глазик на этом слое , а также снимите блок с предыдущего слоя "копия" и сделайте его видимым. Переместим вертикальный розовый маячок на временной шкале на первый кадр(не умею правильно назвать). Так вы сможете увидеть картинку, с которой мы работаем.
Выделим картинку и сдвинем её по диагонали. То есть клавишами со стрелками на клаве делаем 1-2 клика вниз и вправо.
Перейдите на 30 кадр слоя Копия и нажмите F5 на клавиатуре. Повторите это со слоем Оригинал.
Протестируйте вашу анимацию сочетанием клавиш Ctrl+ Enter. Экспортируем готовый ролик.
//img0.liveinternet.ru/images/attach/c/7//401...roku_yeffekt_mokroy_bumagi.swf
Ссылка на оригинал урока здесь..http://demiart.ru/forum/index.php?showtopic=29381
Успехов вам в вашем творчестве!
Рубрики: | Уроки /*Adobe Flash* |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |