PDA

Просмотр полной версии : Создание движения воды



Lotos56
30.10.2011, 20:07
Небольшой урок по созданию движения воды (в спойлере результат на видео).


Для просмотра ссылок или изображений в этом форуме, количество Ваших сообщений должно быть 1 и выше. В настоящее время у Вас 0 сообщений. http://s2.ipicture.ru/uploads/20111030/wTlX2dHS.jpg (http://s2.ipicture.ru/)


Продублируем фотографию. Следующим шагом будет градиентная маска на 1слое.


http://s2.ipicture.ru/uploads/20111030/4I16W3bS.jpg (http://s2.ipicture.ru/)


Река изменилась,изменим градиентную маску,будет другой результат.


http://s2.ipicture.ru/uploads/20111030/jo0UW2vM.jpg (http://s2.ipicture.ru/)

Это третий вариант, так же меняем слой маску, выбираем подходящий вариант.
Просматриваем,вроде получилось.
Не забываем применять зуммирование фотографий.

Проект Река (https://yadi.sk/d/AnQqKSe43HEJM4)

Random
30.10.2011, 20:42
Спасибо. А не пробовали в одном слайде градиенты менять? Или лишние заморочки получаются?

Lotos56
30.10.2011, 20:46
Пробовала,красиво получилось..Если найду этот кусочек выставлю.

stranger2156
30.10.2011, 20:52
Следующим шагом будет градиентная маска на 1слое.
Именно об этих способах создания эффекта течения воды и подумалось, когда
читал комментарии к презентации (еле сдержался, чтобы промолчать до
появления урока :smile:).
Спасибо, lotos56, за пояснения к этому эффекту, всё очень просто и эффективно,
безо всяких футажей и анимаций! :good2:

Nolana
30.10.2011, 21:57
Именно об этих способах создания эффекта течения воды и подумалось, когда
читал комментарии к презентации (еле сдержался, чтобы промолчать до
появления урока :smile:).


Не ты один подумал об этом способе. В сущности, я знала давно способ применения градиента - плазмы для эффекта движения воды. Но у Ирины настолько всё аккуратно и красиво получилось, - такого натурального результата ещё ни у кого не видела.
Ирина, спасибо за отличный урок!:roza:

Verba
31.10.2011, 10:11
Ирина, вы молодец:roza: Действительно, движение воды получилось очень натуральным:good2: Думала, что вы использовали футажи.

L T
31.10.2011, 13:03
А не пробовали в одном слайде градиенты менять?
Random, вот ссылка на проект с применением нескольких градиентов.
Ссылка изменилась:
https://yadi.sk/d/aZVeux5X3HEJLz

Lotos56
31.10.2011, 14:54
Да,спасибо Люде я на этом проекте и училась.
Random, вот ссылка на проект с применением нескольких градиентов.

http://files.mail.ru/YVDZL2

Random
31.10.2011, 16:39
Random, вот ссылка на проект с применением нескольких градиентов.

http://files.mail.ru/YVDZL2
Спасибо большое Буду учится :)

gelena
31.01.2013, 14:41
Добрый день, Ирина! Попробовала сделать эффект движения воды по Вашему уроку , за который большое спасибо :wink:


http://www.youtube.com/watch?v=ap6gLkdMbqk

Verba
01.02.2013, 05:08
Елена, второй вариант смотрится более естественно. А в первом справа вода стоит

gelena
01.02.2013, 07:06
А в первом справа вода стоит Да, Надежда, спасибо за подсказку, она двигается по середине больше, вот поменяла градиент , теперь кажется двигается по всему кадру .

http://youtu.be/sdPFLlH-qvs

Verba
01.02.2013, 09:12
вот поменяла градиент
Отлично, вот теперь вода движется очень хорошо и естественно:good2:

gelena
01.02.2013, 09:28
вода движется очень хорошо и естественно Ура!!! Спасибо огромное :smile:

alex5101a
30.03.2014, 05:50
Я движение воды всегда делаю с помощью специальной маски-градиента...ссылка: http://fotki.yandex.ru/users/parus-link/?
(среди прочих масок найдёте маску воды) https://img-fotki.yandex.ru/get/9118/140776464.0/0_b91f7_b8876f27_orig
вот пример движения воды с помощью данной маски:

http://youtu.be/1iTu_isrU6o
в случае чего вот ссылка на пример видео: http://youtu.be/1iTu_isrU6o

domino
30.03.2014, 12:32
alex5101a, ваш способ движения воды, как-то принципиально отличается от способа описанного Lotos56? Кроме маски-градиента, разумеется.

alex5101a
30.03.2014, 14:34
Может я не совсем понял вышеуказанный метод, но в своём способе я фото не дублирую, а просто вырезаю в нём в любом графич. редакторе воду (остальной фон прозрачный) с совсем небольшим запасом (можно и сделать точные края, но это уже придётся вырезать отдельно берега и накладывать их выше...тогда даже между травинок будут волны, что в итоге потом совсем не видно :grin: - редко использую) Вырезал воду, применил к ней маску волн, задал направление движения маски-волн, можно побаловаться с размытостью маски, её прозрачностью и прочее. И самое главное, чтобы вода начала двигаться, нужно координату у слоя для маски (наша вода) X или Y сделать меньше(больше) на 0.05-0.1 пиксель подлежащего фона с водой (для этого мы и вырезали воду с небольшим запасом, иначе у нас будут плескаться и берега) , или же масштаб по координате X или Y сделать меньше на 1.
Т.е. я данным методом могу сделать движение воды у озера-реки со "сложными" берегами )))...да и движение волн намного естественнее, наверное .

Nolana
30.03.2014, 19:43
alex5101a, спасибо!.
Посмотрела Ваш пример на You-Tube - движение воды хорошо у Вас получилось. Особенно во второй части, где река между сосен.
Пояснения Ваши, как сделать эффект движения воды, - в общем, приблизительно понятные. Но всё же мне бы хотелось ещё подробностей -
как именно задаёте движение маски волн, расположение слоёв, изменение масштабов X и Y и т.д.
Было бы здорово, если бы поделились с нами своим наглядным мини-проектом. :smile:

alex5101a
31.03.2014, 04:04
Ссылка на проект:http://yadi.sk/d/8dWP5favLVg27
Проект делал побыстряне, так что до идеала воды тут далеко, но суть уловить можно: делаем масштаб слоя воды на 1 меньше по оси Х (по всем ключевым кадрам) по отношению к фону с водой, или же уменьшаем/увеличиваем значения ключевых кадров на 0.1 по оси Х (или Y) , и ещё вариант: уменьшаем и масштаб по Х, и значения всех кл. кадров по X. В общем пробуйте и экспериментируйте...можно добавить размытости маски, менять её масштаб, сделать движение её зигзагообразным и пр.
Да, иногда бывает, что на поверхности воды лежат тени деревьев, скал и пр....сама вода плещется красиво, а вот тени жутко "бесятся". Ничего страшного: открываем графич. редактор и по теням (слой ВОДА) проходим ластиком с прозрачностью 30-50. И вот уже всё красиво )
Если у вас вместе с водой плещется и прилегающая трава, камни, кусты :grin:, то просто ластиком (слой Вода) уменьшите зону воды в данном месте...или же сам куст, камень сделайте на прозрачном фоне и наложите выше слоя маски.
Вроде и всё...:hmmm:
http://youtu.be/-eAKHzxXbro

gelena
31.03.2014, 06:56
в своём способе я фото не дублирую, а просто вырезаю в нём в любом графич. редакторе воду (остальной фон прозрачный) Я вчера попробовала сделать по Вашему описанию, получилось, но не так правдоподобно как у вас и трава у меня колыхалась .Потом догадалась её просто удалить на прозрачном фоне . Спасибо большое за проект, есть возможность посмотреть на свои ошибки.

alex5101a
31.03.2014, 20:01
Спасибо !
Ну, а правдоподобность плескания воды зачастую зависит и от самой текстуры воды...на одной просто наложил маску и задал движение, а вот с некоторыми иногда приходится и повозится, особенно, если ровная гладь без видимых волн...вот чтобы её расшевелить приходится и "поколдовать" :smile:

vepsrf
01.04.2014, 21:46
если ровная гладь без видимых волн...вот чтобы её расшевелить приходится и "поколдовать"

Сегодня колдовала все свободное время. Пробовала разными способами. В общем, получилось кое что. Но вот в одном слайде почему то у меня не работает маска - градиент. Если поставлю маску Олега или просто нарисованную в Фш, работает. А градиент - нет. В остальных слайдах градиент - маска работает. А этот, как заколдованный..Параметры градиента проверяла сто раз. В чем может быть причина?

alex5101a
02.04.2014, 13:29
Доброго дня, Ольга !
Ну, насколько понял, то с маской-"полосатый рейс" чё-то работает ), а вот с градиентом не доводилось "шаманить" )))
Конечно, по примеру видео было бы яснее в чём суть . По "тигровой" маске могу лишь добавить, что иногда полезно наложить сверху ещё слой маски с долей полупрозрачности с чутка изменённым движением по кл. кадрам (это сделает высокие волны движущимися), или же сделать движение маски зигзагообразным.

vepsrf
02.04.2014, 13:30
Как, по вашему, у меня получилось?
http://youtu.be/xb14tY43s24

alex5101a
02.04.2014, 13:41
М-ммм...на мой взгляд, есть ещё над чем шаманить )))
А где бассейн, то там вообще должна быть идеальная картинка плескания воды...это уже я "на глаз" вижу по текстуре... Но с бассейном нормулес, а вот в первом слайде я не понял самого плескания ? плывет фон

Tushkan
02.04.2014, 13:52
vepsrf, первый раз в жизни увидел плывущие по течению валуны

vepsrf
02.04.2014, 21:35
первый раз в жизни увидел плывущие по течению валуны

Это течение такое сильное!:grin: Спасибо, Юрий, спасибо Олег, попробую еще.

vepsrf
03.04.2014, 21:32
Моя вторая попытка. С морем легче работать, а речка мне так и не поддалась, только камни прикрепила. Главное, что поняла, как делать. И запомнила..:smile:
http://youtu.be/s045rJElppQ

gelena
04.04.2014, 11:11
Я попробовала тоже , в первом и третьем слайде... похоже?


https://Для просмотра ссылок или изображений в этом форуме, количество Ваших сообщений должно быть 1 и выше. В настоящее время у Вас 0 сообщений. https://www.youtube.com/watch?v=VAJi8R4jZDU&feature=youtu.be

Slava12
04.04.2014, 12:58
Выкладывали бы проекты- было бы интересней и нам неразумным уроки :jokingly:

gelena
04.04.2014, 13:25
Выкладывали бы проекты- было бы интересней

http://yadi.sk/d/sKt6oyWVLnuRk - водопад


http://yadi.sk/d/XBa2P366LnWaG - море

vepsrf
04.04.2014, 16:15
Выкладывали бы проекты- было бы интересней и нам неразумным уроки

Я бы выложила, если бы похвалили. :jokingly: А чего брак выкладывать? :hmmm:Если вам понравился какой слайд, конечно выложу.



похоже? Мне водопад не очень понравился. Мне, кажется, надо чтобы вода скорее падала. И в начале она стоит, может у вас, Елена, движение стоит не линейное?. Правда, я такой специалист, что можете не обращать внимания на мои слова. :yes:

gelena
04.04.2014, 19:00
И в начале она стоит Первый слайд без движения воды 1 сек. затем переход и слайд с движением. Так делала специально ,чтоб была видна разница. Движение линейное.

alex5101a
05.04.2014, 04:52
Спасибо за показы примеров !
Вот Елена (gelena) меня побудила сделать ещё один пример... просто мне самому стало интересно, как будет выглядеть моя вода-бриз.
На первый слайд не обращайте внимания - это уж самому стало интересно - получится ли расшевелить бушующие волны с помощью "тигровой" маски... Думаю, проще использовать фильтр "Океанские волны" в Фотошопе...
А вот взялся за пример от Елены, где у неё морской бриз ! Просто меня немного смутили на её примере полосы (как бы от маски)...да, и водичка слабовато плещется...
Самое интересное, что самому пришлось повозиться с этой водой немного...опять же это не идеальный вариант, а так побыстряне... Просто хочу напомнить, что если вода слабо плещется, то мало изменить на 0.1 по оси X кл. кадры и задать длинное движение для маски и увеличить её масштаб. Иногда очень хорошо подходит вдобавок уменьшить масштаб на 1 по оси X для слоя воды. Вода сразу начинает веселее двигаться (где слишком "весело" плещется, то пустяки...в граф. редакторе пройдите по этому месту ластиком с прозрачностью 30-50).
Это раз:grin: Второе: бывает, что на слайде возникают зоны, где вода слабо плещется, хотя в остальных местах всё красиво... Нисколько ни стараясь прям на глаз в граф. редакторе вырезаем эту "мёртвую зону" и применяем к ней повторно маску, расположив, само собой, выше предыдущей. (в своём уроке я так и делал в парочках мест)
Ну, и в третьих...(это очень-очень редко) я порой использую зигзагообразное движение маски...вот как раз к бризу этот "зигзаг удачи" и подошёл вроде чутка:hmmm:
А вообще, девчонки, где вы такие снимки находите...? Чтоб расшевелить бриз сам употел )))
Пример на урок, кому интересно:http://yadi.sk/d/d6KdzTuhLpabd

http://youtu.be/taDyVz2Wl2w

gelena
05.04.2014, 06:04
как будет выглядеть моя вода-бриз. Выглядит более натуральной, на мой взгляд:smile: Спасибо большое, буду пробовать, очень хочется добиться такого результата. А снимки всё там же на яндексе ;)

gelena
05.04.2014, 08:04
Ещё раз хочу поблагодарить Вас, Олег , сама точно бы не догадалась разделить воду на фрагменты-кусочки и применить несколько масок :oops: теперь знаю как это делается и очень этому рада :smile:

severyanka2
05.04.2014, 17:22
Спасибо за урок, было интересно. Пожалуйста, скажите свои замечания, и если можно , как их исправить.


http://www.youtube.com/watch?v=f1pSk7LnDIo

alex5101a
07.04.2014, 10:18
Спасибо за пример !
Самое главное, что усвоили суть ! А вода, уж извините за сравнение - она, как женщина :smile:, к каждой нужен свой подход, поэтому определённого правила просто не существует...со временем придёт интуиция !
В первом водопаде можно попробовать увеличить скорость падения воды, во втором водопаде что-то всё же лишнее есть...в конце заметно движение непонятного слоя (сверху вниз) по водопаду, будто он замерзает :jokingly:. 3 слайд идеален :good2: Ну, а в 4 слайде , видимо, нужно более аккуратно пройтись по контурам воды (стараться тут особо не надо, а смело проходим ластиком по контуру воды, но всё же), так как видны полосы маски на берегах.

alex5101a
14.07.2014, 21:45
Важный ньюанс при создании движения воды !!!
Перед началом работы нужно сохранить наш исходник-фон в графич. редакторе в формате PNG (даже если он и был скачан из Инета в PNG, но нужно помнить, что каждый граф. редактор имеет свои настройки цветопередачи) ) и уже после работать с образованным исходником-PNG по вырезанию маски-воды. Это нужно для того, чтобы устранить различия в цветопередаче скачанного изображения и вырезанной маски-воды PNG, иначе маска водных волн в некоторых случаях может проявляться, как "Зебра".
Ну, и кто не скачивал урок, то маску водных волн ставим, как ПРОЗРАЧНАЯ.