|
Эффект "Рябь на воде"
|
|
| Марго | Дата: Пятница, 09.04.2010, 11:18 | Сообщение # 1 |
Мастер
Админ
Репутация: 543
Сообщений: 4822
|
Уважаемые любители Флеша!
Этот урок для тех, кто хочет воспроизвести реальное движение на поверхности воды - "рябь на воде".
В этом уроке используется Action script
Вот такой результат должен получиться:
Открываем Флеш, выбираем Action script 3.0
Импортируем заранее подготовленную картинку.
File - Import to stage
Центрируем картинку с помощью вкладки Align при необходимости.
Даём название нашему слою с картинкой. Дважды щёлкаем на слое и пишем image.
Затем конвертируем нашу картинку в символ. Нажимаем F8 и пишем название backImg.
Далее нам нужно ввести имя в Instance, что на в кладке Properties
Следите что имена были точно как нас скринах - это важно!!!
Создаём новый слой и называем его actions.
В итоге у вас должно быть два слоя вот с такими названиями и располагаться они должны вот в таком порядке.
Нажимаем мышкой на первый кадр во вновь созданном слое и жмём F9
Вводим код
Code var bm:BitmapData=new BitmapData(backImg1.width, backImg1.height);
var disp:DisplacementMapFilter = new DisplacementMapFilter(bm,new Point(0,0),1,2,10,60);
var pt1:Point = new Point(0,0);
var pt2:Point = new Point(0,0);
var perlinOffset:Array = [pt1, pt2];
addEventListener(Event.ENTER_FRAME, onFrame);
function onFrame(evt:Event):void {
perlinOffset[0].x +=1;
perlinOffset[1].y +=0.1;
bm.perlinNoise(45,9,2,50,true,false, 7,true,perlinOffset);
backImg1.filters=[disp];
}
Всё готово! Нажимайте Сtrl+Enter и тестируйте мувик 
Исходник
|
| |
|
|
| Аннушка | Дата: Пятница, 09.04.2010, 12:08 | Сообщение # 2 |
Мастер
Клубчанин
Репутация: 561
Сообщений: 4174
|
Марго, отличный урок! Спасибо!  Вот только Mega SWF меня забыл и требует регистрации... а я не помню свой логин  Придётся старым способом хвалиться 
Прикрепления:
__.swf
(19.4 Kb)
Звания и титулы:
|
| |
|
|
| Марго | Дата: Пятница, 09.04.2010, 12:10 | Сообщение # 3 |
|
Мастер
Админ
Репутация: 543
Сообщений: 4822
|
Аннушка, молодец что быстро попробовала Тебе никто не мешает там по новой зарегистрироваться и записать свой код и прижать его к сердцу чтобы не потерялся.
|
| |
|
|
| Аннушка | Дата: Пятница, 09.04.2010, 13:19 | Сообщение # 4 |
|
Мастер
Клубчанин
Репутация: 561
Сообщений: 4174
|
Quote (Марго) Тебе никто не мешает там по новой зарегистрироваться и записать свой код и прижать его к сердцу чтобы не потерялся.
Так ведь спешила же тебя обрадовать Так и сделаю теперЯ  А урок просто СУПЕР! Вот и моя водичка
Звания и титулы:
Сообщение отредактировал Аннушка - Пятница, 09.04.2010, 16:27 |
| |
|
|
| Марго | Дата: Пятница, 09.04.2010, 14:11 | Сообщение # 5 |
|
Мастер
Админ
Репутация: 543
Сообщений: 4822
|
Аннушка, спасибо Бродяга пришлось удалить твою анимацию, страница не просто тормозила, а висла наглухо, проверяла несколькитми браузерами.
Если хочешь выложить результат, то воспользуйся Mega SWF или сделай небольшую картинку, как у меня вверху. Большая картинка блокирует работу этой страницы.
|
| |
|
|
| Бродяга | Дата: Пятница, 09.04.2010, 15:35 | Сообщение # 6 |
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
Марго, странно, у меня на ура отрабатывала. Ну и ладно. Выложил озеро на MegaSVF. Любуйтесь Кстати, Марго, еще раз спасибо.  Замечательная вещь! 
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
Сообщение отредактировал Бродяга - Пятница, 09.04.2010, 18:55 |
| |
|
|
| MarriNika | Дата: Воскресенье, 11.04.2010, 14:48 | Сообщение # 7 |
Адепт
Одноклубник
Репутация: 0
Сообщений: 3
|
Марго, не могу во Flash CS4 дать имя экземпляру символа.
|
| |
|
|
| Бродяга | Дата: Воскресенье, 11.04.2010, 16:05 | Сообщение # 8 |
|
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
MarriNika, дело в том, что ты преобразовала его в символ не того типа. У тебя символ "Graphic", а нужно "Movieclip".
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
|
| |
|
|
| Марго | Дата: Воскресенье, 11.04.2010, 18:08 | Сообщение # 9 |
|
Мастер
Админ
Репутация: 543
Сообщений: 4822
|
MarriNika, всё так как сказал Бродяга, начни по новой и когда будешь вызывать F8 выбери не график и муви клип. И всё потом получится
Бродяга, на здоровье
|
| |
|
|
| lynnn | Дата: Суббота, 31.07.2010, 21:59 | Сообщение # 10 |
Адепт
Одноклубник
Репутация: 0
Сообщений: 7
|
Эффектно. Спасибо большое.
 меня мучает вопрос... как можно маскировать так, чтоб рябь не выходила за предел определенного контура? слой actions, похоже, маскировать нельзя. а если маскировать image, например, текстовой надписью, обращенной в символ - то буквы "рябят" и расплываются. хотя так тоже красиво. но хотелось бы, чтоб рябь была только внутри букв.
второй вопрос. получается все, где замешан ActionScript( даже если он в принципе неинтерактивен, т.е. не реагирует на действия мыши и т.п.), уже нельзя преобразовать в gif-анимацию?
|
| |
|
|
| Чешир | Дата: Суббота, 31.07.2010, 23:14 | Сообщение # 11 |
Ученик
Клубчанин
Репутация: 49
Сообщений: 114
|
lynnn, первый вопрос: попробуйте текст использовать как маску, а рябь пускать в фоновом слое. Тогда буквы будут как окна.
Второе. попробуйте экспортировать файлик в видео, и уже видео преобразовать в гиф.
!!!!Люблю свою Ультрафиолет!!!! "-- Не шалю, никого не трогаю, починяю примус, -- недружелюбно насупившись, проговорил кот, -- и еще считаю долгом предупредить, что кот древнее и неприкосновенное животное." "Мастер и Маргарита" "Ну, уж ничего не поделаешь -- мы все здесь ненормальные. Я
ненормальный. Ты ненормальная", -- усмехнулся Кот.
"С чего вы взяли, что я ненормальная?" -- удивилась Алиса.
"Должно быть, раз уж ты здесь", -- объяснил Кот довольно просто. - У _нас_, - сказала Алиса, с трудом переводя дух, - когда долго бежишь со всех ног, непременно попадешь в другое место.
- Какая медлительная страна! - сказала Королева. - Ну, а _здесь_, знаешь ли, приходится бежать _со всех ног_, чтобы только остаться на том же месте! Если же хочешь попасть в другое место, тогда нужно бежать по меньшей мере вдвое быстрее!
|
| |
|
|
| Бродяга | Дата: Суббота, 31.07.2010, 23:29 | Сообщение # 12 |
|
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
ashishlev, ты меня опередил. Я хотел предложить такое же решение. 
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
|
| |
|
|
| Чешир | Дата: Суббота, 31.07.2010, 23:39 | Сообщение # 13 |
|
Ученик
Клубчанин
Репутация: 49
Сообщений: 114
|
Значит, правильное решение. :)
!!!!Люблю свою Ультрафиолет!!!! "-- Не шалю, никого не трогаю, починяю примус, -- недружелюбно насупившись, проговорил кот, -- и еще считаю долгом предупредить, что кот древнее и неприкосновенное животное." "Мастер и Маргарита" "Ну, уж ничего не поделаешь -- мы все здесь ненормальные. Я
ненормальный. Ты ненормальная", -- усмехнулся Кот.
"С чего вы взяли, что я ненормальная?" -- удивилась Алиса.
"Должно быть, раз уж ты здесь", -- объяснил Кот довольно просто. - У _нас_, - сказала Алиса, с трудом переводя дух, - когда долго бежишь со всех ног, непременно попадешь в другое место.
- Какая медлительная страна! - сказала Королева. - Ну, а _здесь_, знаешь ли, приходится бежать _со всех ног_, чтобы только остаться на том же месте! Если же хочешь попасть в другое место, тогда нужно бежать по меньшей мере вдвое быстрее!
|
| |
|
|
| Марго | Дата: Воскресенье, 01.08.2010, 12:41 | Сообщение # 14 |
|
Мастер
Админ
Репутация: 543
Сообщений: 4822
|
О, как тут быстро и оперативно разобрались с проблемой, любо дорого посмотреть
Осталось только дождаться спасибо
|
| |
|
|
| lynnn | Дата: Воскресенье, 01.08.2010, 15:11 | Сообщение # 15 |
|
Адепт
Одноклубник
Репутация: 0
Сообщений: 7
|
Спасибо огромное за отклики и за оперативность ;)
1. Волшебство. Вроде все так и делала - не получалось. Попробовала еще раз - все как надо. Хотела вернуться к старому эффекту, чтоб понять в чем разница - уже никак. Прикрепляю файлы.
2. Вначале в формат .swf? (File->Export->Export movie ) или другой? как потом в gif?
*сорри, если туплю
------------
мда, второй файл почему-то не прикрепляется. в общем, туттолько первый вариант.Добавлено (01.08.2010, 15:11)
---------------------------------------------
еще вопрос про экспорт в гиф.
Как сделать так, чтоб размер гифки не менялся, но разрешение стало лучше? при установке большего разрешения у меня автоматически увеличивается размер...
Сообщение отредактировал lynnn - Воскресенье, 01.08.2010, 15:09 |
| |
|
|
| Бродяга | Дата: Воскресенье, 01.08.2010, 17:14 | Сообщение # 16 |
|
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
Quote (lynnn) да, второй файл почему-то не прикрепляется Попытайся второй вариант переименовать. Тогда прикрепится. Quote (lynnn) Вначале в формат .swf? (File->Export->Export movie ) или другой? как потом в gif? Скачай отсюда конвертер swf2gif. С его помощью ты сможешь превратить анимацию в Гиф. Quote (lynnn) Как сделать так, чтоб размер гифки не менялся, но разрешение стало лучше? Никак. Гиф-анимация -- это последовательный показ битмап-картинок. Если ты увеличиваешь разрешение (т.е. количество точек) — битмап становится больше по объему. Конечно, можно уменьшить количество цветов в анимации, но от этого опять же пострадает результат.
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
Сообщение отредактировал Бродяга - Воскресенье, 01.08.2010, 17:18 |
| |
|
|
| Марго | Дата: Воскресенье, 01.08.2010, 17:16 | Сообщение # 17 |
|
Мастер
Админ
Репутация: 543
Сообщений: 4822
|
lynnn, прекрасный результат оно того стоило
|
| |
|
|
| lynnn | Дата: Понедельник, 02.08.2010, 11:54 | Сообщение # 18 |
|
Адепт
Одноклубник
Репутация: 0
Сообщений: 7
|
 спасибо всем еще раз
понятно. swf2gif - найду без вируса, скачаю)
|
| |
|
|
| Бродяга | Дата: Понедельник, 02.08.2010, 13:49 | Сообщение # 19 |
|
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
Quote (lynnn) найду без вируса, скачаю И где ты там вирус нашла? 
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
|
| |
|
|
| lynnn | Дата: Понедельник, 02.08.2010, 22:29 | Сообщение # 20 |
|
Адепт
Одноклубник
Репутация: 0
Сообщений: 7
|
да я не искала, чесслово :))
но avast говорит: malwore-червь - и я с ним не спорю.
|
| |
|
|
| Бродяга | Дата: Понедельник, 02.08.2010, 22:39 | Сообщение # 21 |
|
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
lynnn, Спорный вопрос. Ни Доктор Веб ни Касперский ничего не нашли. Ну ладно. Ищи такую, чтоб аваст не боялся Набери в Гугле swf2gif — думаю, найдешь не один конвертер. Прикольная аватарка у тебя — кошка, вид снизу Сам так свою кошку отсканировал когда-то
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
Сообщение отредактировал Бродяга - Понедельник, 02.08.2010, 22:41 |
| |
|
|
| daedroman | Дата: Четверг, 26.08.2010, 18:02 | Сообщение # 22 |
Адепт
Клубчанин
Репутация: 15
Сообщений: 32
|
ПРИЙДУ С ТРЕНИРОВКИ -СДЕЛАЮ Добавлено (26.08.2010, 18:02)
---------------------------------------------
как и обещал!
озерцо
временно отсутствовал! снова принимаюсь за работу во ФЛЭШ!
|
| |
|
|
| Бродяга | Дата: Четверг, 26.08.2010, 18:58 | Сообщение # 23 |
|
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
daedroman, красиво получилось. Ярко. А вот так попробуй сделать. Тоже эффектно
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
|
| |
|
|
| daedroman | Дата: Четверг, 26.08.2010, 21:34 | Сообщение # 24 |
|
Адепт
Клубчанин
Репутация: 15
Сообщений: 32
|
Бродяга, я хотел, но что то не понял как ты это сделал... если не сложно опиши кратко, а то я только первые шаги делаю)))
временно отсутствовал! снова принимаюсь за работу во ФЛЭШ!
|
| |
|
|
| Бродяга | Дата: Пятница, 27.08.2010, 00:01 | Сообщение # 25 |
|
Умелец
Смотритель
Репутация: 283
Сообщений: 685
|
Quote (Марго) Затем конвертируем нашу картинку в символ. Нажимаем F8 и пишем название backImg. daedroman, я разделил фон пополам. Само озеро я вывел на новый слой и к нему применял действия урока. Кто сказал, что картинка должна быть размером на всю сцену? 
В тапера просьба не стрелять — лабает как умеет. Звания и титулы:
Эрудит июня
Сообщение отредактировал Бродяга - Пятница, 27.08.2010, 00:02 |
| |
|
|
