Делаем воду во flash - flash - создаем - Каталог статей - Создай свой сайт
Приветствую Вас ГостьПятница, 29.03.2024, 11:44

web-stroytel


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

Главная » Статьи » создаем » flash

Делаем воду во flash
1 способ анимации воды.
Итак, найдем обыкновенную картинку где изображена вода спокойного течения (т.е. его вообще почти нет) в озере.

Далее предполагается нечто вроде: Вы найдете в яндексе поиске по фоткам похожую на эту картинку (пускай даже не озера):

Картинка 18 из 295594

Итак, теперь у нас на рабочем столе сохранена картинка где изображена вода.
Суем её в fotoshop,выделяем и вырезаем, помещаем на прозрачный фон и сохраняем в формате
PSD.

И наконец открываем наш любимый
Macromedia Flash вставив на первый слой нашу картинку. Чтобы это сделать в панели найти File -> вкладка Import -> Import to stage (ctrl+r).




Создаем третий слой -

 

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



 
Два раза линкаем по прямоугольнику до тех пор пока его поверхность не выделиться. Рисуем на нашем прямоугольнике линии.Выделяем то, что находиться между линиями и удаляем. Продолжаем эти действия, пока у нас не получится несколько полосок, это будет маска создающая волны.  Наберитесь терпения на 5 мин. и вот как примерно будет:


Теперь берем вырезанный кусок воды и размещаем его строго над картинкой воды на нашем рисунке, но немного вправо и влево растянем. После этого, полоски, которые будут нашей маской, надо привести в движение (между двумя ключевыми кадрами, начальное положение и конечное положение маски, линкаем правой кнопкой мыши и выбираем команду Create Motion Tween)


и зациклить. Затем кликни на слое с маской правой кнопкой мыши и в контекстном меню выбери Mask (Маска),
 
Этот слой станет маской.


2 способ


Сделайте новый документ в Flash, Frame rate: 30 fps.
Вставьте на первый слой фото вроде:



Не страшно если на нем будут посторонние объекты.

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



И слева на вкладке тайм лайн переименуйте слой Layer 1 в Water.

Создайте 1 новый слой и переименуйте его в Land & Sky - он для других обьектов, не требующих анимации.

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

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

Скопируйте выделенное.

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

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

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


Осталяся только Action Script...

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

Выделите первый кадр на таймлайне и нажмите 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++;
}

Все готово!







[ Получить ссылку: ]
Категория: flash | Добавил: DEVIL009 (19.10.2009)
Просмотров: 2815 | Рейтинг: 5.0/1 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Регистрация
Категории
Html [1]
Не знание html – это постоянный тормоз, который будет преследовать на протяжении всей работы с сайтом, которая вовсе не ограничивается только его созданием.
CSS [0]
Каскадные таблицы стилей и все, что с ними связано.
CMS системы [3]
Почти самый простой способ создать сайт - воспользоваться CMS.
Дизайн [8]
Учимся на профессиональных web-дизайнеров!
Общее [10]
Все быстро, качественно и с нуля.
ucoz и другое [22]
Все, что может помочь в освоении этой CMS.
flash [11]
photoshop [4]
Поиск
Опрос:
Лучший браузер
Всего ответов: 56
Друзья
Rambler's Top100
партнеры

Внимание!!
Статистика


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



 При копировании материалов ссылка на источник обязательна.
 Если какой либо материал нарушает ваше авторское право, то пожалуйста обратитесь к администрации через ЛС.
 Шаблон защищен авторским правом. подробнее