PDA

Просмотр полной версии : Иллюзия волновой анимации.



Random
20.07.2012, 18:01
Подсмотрел тут методику и вот такие эффектики. И футажей не надо Всё на паре графических слоёв


Для просмотра ссылок или изображений в этом форуме, количество Ваших сообщений должно быть 1 и выше. В настоящее время у Вас 0 сообщений. 1. Создадим документ с прозрачным фоном размером 1280/720 (Размер окна презентации 16/9)
2. Выберем инструмент "линия" и нарисуем горизонтальную линию желаемого цвета , шириной примерно 4 пикселя.

http://img23.binimage.org/95/98/22/preview.png (http://img23.binimage.org/95/98/22/1.jpg)

3. Кликаем на линии для её выделения и идём в меню : Фильтр - Искажение - Волна (Distort - Wave в английской версии). Откроется следующее окно.

http://img23.binimage.org/ab/f8/f9/preview.png (http://img23.binimage.org/ab/f8/f9/2.jpg)

Окно похоже на окно модификаторов в PSP.
4. Устанавливаем :
Число генераторов 1
Длинна волны 50
Амплитуда 25 (Я хотел, что бы синусоида была "симметричной" Поэтому значение амплитуды это половина значения параметра "длина волны")
Кликаем ОК и получаем растровое изображение синусоиды.

http://img23.binimage.org/5d/02/df/preview.png (http://img23.binimage.org/5d/02/df/3.jpg)

Теперь немного приукрасим наш рисунок.
Дублируем слой с синусоидой. Выставляем у него значение "Непрозрачность" равной 80% И кнопкой "влево" на клавиатуре немного сдвигаем.
Снова дублируем. "Непрозрачность" 60% и ещё сдвигаем...
Создадим таким образом 5 слоёв. Если результат удовлетворяет - Выделяем эти слои и объединяем в один. Должно получится что то подобное. Белый фон добавлен для лучшей видимости результата.

http://img23.binimage.org/76/20/24/preview.png (http://img23.binimage.org/76/20/24/4.jpg)

Можно поэкспериментировать с внешним видом и параметрами синусоиды. От этого зависит вид эффекта анимации.
Сохраняем наш рисунок синусоиды на прозрачном фоне в формате PNG.

Открываем ProShow Producer
Загружаем в слайд рисунок с нашей синусоидой. Дублируем слой. Получилось два слоя с синусоидой. Я отразил рисунок второй синусоиды, расположенной справа по горизонтали. Чтобы начиная с края синусоиды рисунки, точно повторяли друг друга. От левого края - вправо для "правой" и от правого края - влево для "левой"

http://img23.binimage.org/22/0c/c7/preview.png (http://img23.binimage.org/22/0c/c7/5.jpg)

Установим позиционирование слоёв. Установим их так, совмещая в центре экрана, чтобы рисунок казался "непрерывным" и однообразным.
Примерно так.

http://img23.binimage.org/19/40/34/preview.png (http://img23.binimage.org/19/40/34/6.jpg)

Добавим маски для слоёв с синусоидами. (Поэкспериментируйте с размерам. Представляя что будет видно при таких масках. )
Я установил так

http://img23.binimage.org/39/6b/63/preview.png (http://img23.binimage.org/39/6b/63/7.png)
http://img23.binimage.org/3a/8f/fd/preview.png (http://img23.binimage.org/3a/8f/fd/8.jpg)

Причём для правой синусоиды маска должна быть слева от центра экрана и наоборот. Для левой - справа от центра экрана.
Маски должны стыковаться в центре. Для избежания зазоров. Две состыкованные маски и будут нашим окном просмотра эффекта.

http://img23.binimage.org/0e/78/8e/preview.png (http://img23.binimage.org/0e/78/8e/9.jpg)

Под масками должно получиться следующее

http://img23.binimage.org/30/17/b5/preview.png (http://img23.binimage.org/30/17/b5/8.png)

Теперь займёмся движением. Перемещаем левую синусоиду вправо до желаемого результата.

http://img23.binimage.org/4e/44/cd/preview.png (http://img23.binimage.org/4e/44/cd/10.jpg)

У меня получились следующие значения по Х
Х начальное -30,16 Х конечное +53,18
Считаем : 30,16 + 53,18 = 83, 34 - величина перемещения.
Значения по Y должны быть естественно одинаковыми. Характер движения на всех слоях - Линейный.
Для правой синусоиды нужно задать точно такое расстояние перемещения.

Начальное значение Х = 30, 25
Движение идёт влево (к минусу) Поэтому:
30,25 - 83, 34 = -53,09 (конечная позиция по Х)

Добавляем фон Запускаем Смотрим.

P.S.
Анимация "крыльев" выполнена точно таким же методом. Разница только в позиции масок.

http://img23.binimage.org/76/9a/eb/preview.png (http://img23.binimage.org/76/9a/eb/2690.jpg)
http://img23.binimage.org/0f/ae/68/preview.png (http://img23.binimage.org/0f/ae/68/41ecce86.jpg)

Можно воспользоваться моим рисунком для тестирования
http://img23.binimage.org/42/52/4f/4.png

tat100
20.07.2012, 18:22
Спасибо большое! Я сегодня как только не располагала эти синусоиды, результата не было.
Пока все понятно, буду пробовать исполнить!

dalmmar
20.07.2012, 18:53
ух ты, здорово!
пока что ничего не понятно (пока не станешь делать) но объяснения завораживают! :jokingly:
стащу к себе в дневник, чтоб не потерялось :)
спасибо!

хм, не дают в дневник, говорят, что слишком много :ups:
придется головой запоминать, чтобы найти. когда понадобится :)

Nolana
20.07.2012, 19:04
придется головой запоминать, чтобы найти. когда понадобится :)

Или скопировать, например в документ Word (или в PDF, при наличии спец.программы), и сохранить на любимом компе в "Уроках по PSP".

dalmmar
20.07.2012, 20:04
сохранить на любимом компе в "Уроках по PSP".
я уже тону в тоннах сохраненных уроков! :jokingly:
Ладно... надеюсь на то, что форум будет жить долго, а я совсем скоро буду здесь хорошо ориентироваться и быстро находить всё нужное :)

Random
20.07.2012, 20:11
но объяснения завораживают
:hmmm: Непонятно получилось?

tat100
20.07.2012, 20:16
Непонятно получилось?
Вроде, все понятно, все установила, как написано, синусоиду у вас скачала,
а эффекта нет почему-то

Lotos56
20.07.2012, 20:17
Влад,очень понятно!!!! В ФШ все отлично поняла,это половина дела.А вот ПСП надо все это воспроизвести.Спасибо ОЧЕНЬ понятно!!!!:good2:А я вообще текст плохо воспринимаю:hmmm::flirt:

Random
20.07.2012, 21:32
а эффекта нет почему-то
Можете показать проект?

Slava12
20.07.2012, 21:41
Можете показать проект? Я не смог разобраться. как то не очень правильно выставил модификаторы видимо. Было бы чудесно!:happy:

Random
20.07.2012, 21:46
выставил модификаторы
А для чего там модификаторы? Только если стыковать 2 слоя для непрерывного движения. Или что бы не вводить расчёты движения для второго слоя.

Slava12
20.07.2012, 21:52
А для чего там модификаторы? Влад! если не трудно - маленький проект- мне так проще понять. С ФШ все конечно просто а PSP - не шмагла :))))

Random
20.07.2012, 22:08
Добавил в шапке.

Slava12
20.07.2012, 22:14
Добавил в шапке. Спасибо - увидел- а я синус двигал модификатором. не так получалось. :) Слой не перемещал - вот и разница :)

dalmmar
20.07.2012, 22:14
Непонятно получилось? наоборот! Так всё плавно и гладко, что завораживает :yes:осталось только найти время, чтобы попробовать :)
я сегодня научилась делать рамки из виньетки, так что на сегодня мой лимит по озадачиванию мозга исчерпан :jokingly:

tat100
20.07.2012, 22:15
Можете показать проект?
я проект не сохраняла, сейчас еще раз сделаю
http://narod.ru/disk/57226326001.ebab7126d0f9a8c7a098cf26cd54b1f6/%D1%81%D0%B8%D0%BD%D1%83%D1%81%D0%BE%D0%B8%D0%B4%D 0%B0.rar.html

Random
20.07.2012, 23:37
проект
Маски нужно сдвинуть к точке "стыковки" синусоиды. У меня это центр экрана. Как тут
http://img23.binimage.org/0e/78/8e/9.jpg
И 2 слоя с синусоидой у Вас плохо состыкованы.
http://img23.binimage.org/a4/d0/93/preview.png (http://img23.binimage.org/a4/d0/93/1.jpg)

поэтому получается вот так
http://img23.binimage.org/b8/f5/54/preview.png (http://img23.binimage.org/b8/f5/54/2.jpg)

Попробуйте отобразить любой из 2 х слоёв по горизонтали.
И параметр движения укажите "Линейный"

tat100
20.07.2012, 23:46
2 слоя с синусоидой у Вас плохо состыкованы.
Спасибо! Я, честно говоря, на своем экранчике вижу плохо,
поэтому, больше расчетам доверяю. Попробую отразить по горизонтали. Про маски не поняла,
к центру сдвигать во 2 КК нужно их, или сразу так поставить? Я думала - два разных примера и делала пока первый,
хотя я и так пробовала. Попытаюсь состыковать.

Random
21.07.2012, 00:00
Я в четвёртке делал Там можно рассмотреть. Маски в центре - это пример со спиралью. Они не двигаются 1 и 2 КК - одинаковые. Если Крылья делать То тогда маска должна открывать только одну линию. Один виток. Для создания эффекта "махания."
http://img23.binimage.org/22/10/2e/1.jpg

tat100
21.07.2012, 00:02
Отразила по горизонтали, параметры во вторых КК выставила 50, -50; маски сдвинула,
синусоиды кое-как состыковала, все получилось. УРА! Спасибо! Только про два
варианта непонятно, почему в первом примере маски по бокам стоят

Random
21.07.2012, 00:06
Для спирали - маски в центре. Для крыльев - сдвинуты от центра.

tat100
21.07.2012, 00:13
Один виток. Для создания эффекта "махания."
http://img23.binimage.org/22/10/2e/1.jpg
Вы меня опередили, пока я спрашивала, ответ уже есть.

---------- Сообщение добавлено в 01:13 ---------- Предыдущее было в 01:09 ----------


Вложения Вложения
Да тут даже проект есть, не заметила раньше, извините!

cvejiiveter
21.07.2012, 05:49
У меня тоже вчера ничего не получилось.
Random, спасибо за проект, сейчас буду разбираться.:yes: