Реклама
гарантия на LG RZ-26LX2R - https://foto-video.priceok.ru/category/tv/lg/lg_rz26_lx_2r.php комплектующие характеристики Neff D9610 A0 - https://climatic.priceok.ru/category/aircleaner/neff/neff_d9610_a0.php на сайте ремонт Sony CDX-GT414 U - https://audio.priceok.ru/category/receiver/sony/sony_cdx_gt_414u.php с аксессуарами
259
Adobe Photoshop   Corel Draw   3d Flash Графика

Toon Boom Storyboard скоро поступит в продажу - https://www.pijama.ru/" rel="nofollow" target="_blank">
Adobe Production Studio Premium - https://www.sape.ru/r.3bad7fd288.php" rel="nofollow">

mgraphics.ru рекомендует: достойный заработок вебмастерам

Mirage Studio Pro - https://www.sape.ru/r.3bad7fd288.php" rel="nofollow">

mgraphics.ru рекомендует: продвижение сайтов подстраницами - 10 минут трат, через неделю - прекрасный результат!!

Macromedia Flash

Реалистичная анимация воды во Flash

Условия перепечатки материалов
Статью можно обсудить на форуме!

Рейтинг статьи: 77777
Проголосовал 1 человек.
Оцените статью:

Для выполнения урока нам понадобится следующая картинка:

Реалистичная анимация воды во Flash

Создайте новый документ в Flash. Размеры: 390х293 пкс., Frame rate: 30 fps.

Далее импортируйте картинку, которая была прикреплена к уроку выше. File > Import > Import to Stage...

Выделите картинку. Откройте Align Panel (Window > Align). Нажмите на следующих кнопках:

Реалистичная анимация воды во Flash

Слева на панели таймлайн переименуйте слой Layer 1 в Water. Создайте 1 новый слой и переименуйте его в Land & Sky.

Реалистичная анимация воды во Flash

Кликните правой кнопкой на картинке и нажмите Break Apart.

Теперь при помощи Lasso Tool выделите ту часть, которая не нуждается в применении эффекта анимации водной поврехности.

Реалистичная анимация воды во Flash

Скопируйте выделенное. Выделите слой Land & sky и вставьте его (Edit > Paste in Place).

Вернитесь обратно к слою Water и конвертируйте картинку в мувиклип. Modify > Convert to Symbol, name: water_mc.

Реалистичная анимация воды во Flash

В Properties Panel мувиклипа дайте ему имя: water_mc.

Реалистичная анимация воды во Flash

Теперь дело осталось за Action Script...

Создайте новый слой поверх двух предыдущих и назовите его Actionscript.

Реалистичная анимация воды во Flash

Выделите первый кадр на таймлайне и нажмите F9. Вставьте следующий код:

import flash.display.*;
import flash.geom.*;
import flash.filters.*;
myBitmap = new BitmapData(390,293,false,0);
pt = new Point(0,0);
mpoint = new Point(0,0);
myDispl = new DisplacementMapFilter(myBitmap, mpoint,1,2,10,50);
water_mc.myList = new Array();
water_mc.myList.push(myDispl);
water_mc.filters = water_mc.myList;
i = 1;
this.onEnterFrame = function()
{
filterList = water_mc.filters;
offset = new Array();
offset[1] = new Object();
offset[1].x = i;
offset[1].y = i/8;
myBitmap.perlinNoise(45,5,3,50,true,false, 7,true,offset);
filterList.mapBitmap = myBitmap;
water_mc.filters = filterList;
i++;
}

На этом все, эффект готов! Протестируйте мувик, нажав Ctrl+Enter на клавиатуре.

Перевод - MGraphics.Ru
Источник: www.toxiclab.org

Разместил: hiTsu
Опубликовано: 09.05.2007
Статья "Macromedia Flash - Реалистичная анимация воды во Flash" прочтена 343 раза.

Оставьте ваше мнение о статье

Имя:
E-mail:
Сайт:
9 + 6 = (цифры, напр-р, 6 + 5 = 11)
Комментарий:

Последние новости
Последние темы на форуме
Группировка слоёв в CorelDraw 12/13 - https://detalk.ru/index.php?showtopic=5545
обои - https://detalk.ru/index.php?showtopic=5569
чего случилось.....? - https://detalk.ru/index.php?showtopic=5568
IP адрес сотового телефона - https://detalk.ru/index.php?showtopic=5528
Крылья - https://detalk.ru/index.php?showtopic=5557 Как сделать крылья - https://detalk.ru/index.php?showtopic=5566
разработка Web сайтов, логотипов, фирменного стиля - https://detalk.ru/index.php?showtopic=5567
Adobe Photoshop Corel Draw 3d Flash Графика Продвижение сайтов - https://www.siteprojects.ru/

Реклама
Яндекс.Метрика