1 (04.10.2017 14:43:40 отредактировано HappyCrocodile)

Тема: Помогите с маской, мозговой ступор

Всем, привет! Помогите плиз с банальной, но поставившей меня в тупик вещью.

Вводные: 
1-Есть слой с статичным объектом.png
2-За ним располагается сплошной слой с анимацией по позиции (по оси Y летит вверх) + маска, которая
ускоряет процесс исчезновения (тоже вверх по оси Y)
Задача: Сделать так, чтобы нижнее поле сплошного слоя при прохождении через статичный объект резало
его.

Примеры:
1 – сделал, но топорным методом, используя анимированную маску на переднем
слое.



2- сайт, на котором используется данный параллакс эффект cyclemon.com

P.S. всю голову сломал уже пытаясь решить этот ребус. Чувствую, что есть адекватный способ, как это реализовать, но вот голова не варит как.

2

Re: Помогите с маской, мозговой ступор

HappyCrocodile пишет:

сделал, но топорным методом, используя анимированную маску на переднемслое.

А чем это-то способ криминален?

HappyCrocodile пишет:

Задача: Сделать так, чтобы нижнее поле сплошного слоя при прохождении через статичный объект резалоего.

Ну, сделайте с помощью Track Matte, НАПРИМЕР...



Получим:


HappyCrocodile пишет:

всю голову сломал уже пытаясь решить этот ребус

Сорри...а я, чёт, даже и ломать не хочу...
Удачи!

Спасибо сказали: Svetlana50, Pavel55555, HappyCrocodile, Yuriy K5

3

Re: Помогите с маской, мозговой ступор

Олег, и на кол-ве слоёв с "мотиками" можно съэкономить...



и ничего не обрезать вааще. rolleyes

Спасибо сказали: HappyCrocodile, Olfisher, Yuriy K, Svetlana505

4 (04.10.2017 23:23:55 отредактировано Olfisher)

Re: Помогите с маской, мозговой ступор

Паша...да я даже и не задумывался о рациональности....тупо, как получилось-так и получилось...
Тс/у надо- пусть сделает, как надо ему-ничего сложного нет.
Я просто предложил вариант и написал - НАПРИМЕР....
Удачи. smile

Спасибо сказали: Pavel55555, HappyCrocodile3

5 (04.10.2017 23:39:37 отредактировано HappyCrocodile)

Re: Помогите с маской, мозговой ступор

Pavel55555 пишет:

Олег, и на кол-ве слоёв с "мотиками" можно съэкономить...



и ничего не обрезать вааще. rolleyes

Дай Боженька Вам здоровья!))) Спасибо! Вот он элементарный шпунтик, который решал этот ребус, а то я от ответа предыдущего оратора (тески) слегка выпал. Смотрю, вижу, что что-то там не так, а что понять не могу и тут "Бац" и ваш пост. Еще раз спс!


Спасибо сказали: Pavel55555, Olfisher2

Re: Помогите с маской, мозговой ступор

Olfisher пишет:

Паша...да я даже и не задумывался о рациональности....тупо, как получилось-так и получилось...
Тс/у надо- пусть сделает, как надо ему-ничего сложного нет.
Я просто предложил вариант и написал - НАПРИМЕР....
Удачи. smile

Я понимал внутри, что ничего сложного, но извилина недокручивала) спс за вариант!

Спасибо сказали: Pavel55555, Olfisher2

7

Re: Помогите с маской, мозговой ступор

Да там вааще можно только один (из двух) слой анимировать, а второй припарентить к первому... ну или выражениями на позишн... в общем-то, вариантов (как видно из примеров) масса...   biggrin

Спасибо сказали: Olfisher, Svetlana503

Re: Помогите с маской, мозговой ступор

Pavel55555 пишет:

Да там вааще можно только один (из двух) слой анимировать, а второй припарентить к первому... ну или выражениями на позишн... в общем-то, вариантов (как видно из примеров) масса...   biggrin

Так я один и анимировал, потом Ctrl+D smile

9 (05.10.2017 00:49:14 отредактировано Pavel55555)

Re: Помогите с маской, мозговой ступор

HappyCrocodile пишет:

Так я один и анимировал, потом Ctrl+D smile

Ну.
И сколько же получилось анимированных слоёв? 
(раскрыть в слоях позишн и посмотреть наличие ключикоффф     )
А припарентить - это....
попытаюсь показать на скринах



Как видно, у меня анимирован только один слой - 1-й, а второй привязан к первому, но двигаются они вместе.

но ваш вариант (с дублем) тоже верный 


Спасибо сказали: Svetlana502

10 (05.10.2017 02:55:25 отредактировано HappyCrocodile)

Re: Помогите с маской, мозговой ступор

Pavel55555 пишет:

А припарентить - это....попытаюсь показать на скринах

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


Спасибо сказали: Svetlana501

11

Re: Помогите с маской, мозговой ступор

К слову, слои с надписями и бэкграундом (текст/горы/город) в исходнике у меня были анимированы именно с помощью связки.

12

Re: Помогите с маской, мозговой ступор

Я так и не пойму - для чего же маска? Там и без неё прекрасно можно обойтись. Имхо.

Спасибо сказали: Olfisher1

13 (07.10.2017 12:51:30 отредактировано HappyCrocodile)

Re: Помогите с маской, мозговой ступор

Pavel55555 пишет:

Я так и не пойму - для чего же маска? Там и без неё прекрасно можно обойтись. Имхо.

Павел, с точки зрения, простого "выталкивания" - да, достаточно просто анимировать сплошные слоя по позиции, это понятно. У меня же была задача создать при этом некий параллакс эффект и варианта было два:
Вариант 1 - анимировать текст и горы отдельно от фонового слоя;
Вариант 2 - припарентить текст и горы к фоновому слою и сделать с помощью маски иллюзию более быстрого улета фона .
Второй вариант мне показался более экономичным по времени, т.к. ключи и маску я могу копирнуть на другие фоны и не надо отдельно выравнивать позишен у внутреннего убранства (горы/город).



Спасибо сказали: Svetlana501

14 (07.10.2017 14:28:57 отредактировано Pavel55555)

Re: Помогите с маской, мозговой ступор

HappyCrocodile пишет:

У меня же была задача создать при этом некий параллакс эффект и варианта было два:
Вариант 1 - анимировать текст и горы отдельно от фонового слоя;
Вариант 2 - припарентить текст и горы к фоновому слою и сделать с помощью маски иллюзию более быстрого улета фона .

А я всё же предлагаю 3-й вариант.
Не думаю, что он хуже...  
Там преспокойно можно задать свои смещения для эХВЭкта параллакса...   (а можно и вааще на слайдер это дело подцепить или какой-то контрол и т.п.)



После 5-го слоя уже идут повторения... ну, в общем, надеюсь, что всё и так понятненько. rolleyes

Спасибо сказали: Svetlana50, HappyCrocodile2

15

Re: Помогите с маской, мозговой ступор

Pavel55555 пишет:

А я всё же предлагаю 3-й вариант.

Экспрешены - это читерство, у меня пробел в данной области. Читать их умею, а вот генерировать нет. Спасибо за альтернативный вариант, я его буду использовать во многих проектах.

Спасибо сказали: Pavel555551

16

Re: Помогите с маской, мозговой ступор

HappyCrocodile пишет:

Экспрешены - это читерство

Та не... Читерство - это другое...   wink

17 (08.10.2017 23:54:20 отредактировано HappyCrocodile)

Re: Помогите с маской, мозговой ступор

Pavel55555 пишет:

А я всё же предлагаю 3-й вариант.

Павел, попробовал на практике:
y=(transform.position[1])-(time*300);
[value[0],y]
У меня получается, что слой бесконечно устремляется вверх, думал, этот экспрешен выполняет смещение, но в переменной "время". То есть выполняется перемещение по Y, но спустя 300мс, так сказать в очередь встает.  Она же по факту не останавливается бесконечно устремляясь вверх Это так и задумывалось или я просто криворукий?
P.S. возможно вы знаете, как реализовать то, что я описал ("очередь") вероятнее всего, тоже применяя экспрешен?   


18 (09.10.2017 00:27:53 отредактировано Pavel55555)

Re: Помогите с маской, мозговой ступор

Так а что же надо?
Слой вышел за пределы видимости - его можно резануть, он ведь уже не нужен (отработал своё).
Я вообще не могу понять, что же, в итоге, надобно??? В чём загвоздка?
p.s. У меня не так много времени, чтобы тут просиживать сутками и лепить всем полностью все их проекты.
Если не выходит с экспрешенами, то делайте руками с ключиками.
p.s.2. Про "очередь" вааще не понял.

p.s.3. Шоб Ваш слой не уходил в бесконечность (не бесконечно устремлялся вверх):

y=(transform.position[1])-(time*300);
if (y < -540) {y = -540};
[value[0], y]

Спасибо сказали: Olfisher, Svetlana50, HappyCrocodile3

19

Re: Помогите с маской, мозговой ступор

Сорри...а я, чёт, даже и ломать не хочу...  
Удачи!