PDA

Просмотр полной версии : Замена кадрирования на маски (по проекту от RozReg)



Random
10.01.2012, 18:52
Хочу сразу обяснить. Я не считаю это - уроком. Попытался выложить то, как я пробовал найти и обьснить для себя. Возможно, где то мои выводы ошибочны. Тогда пользователи меня поправят. Давайте рассматривать этот топик как общая работа :)
Вопросы (ЛЮБЫЕ) и уточнения приветствуются :)
Ссылки по теме
Rotation Center (http://proshowproducer.net/media.php?do=details&mid=196) (Центр вращения от Nolana)
Урок "Квадрат" (http://proshowproducer.net/media.php?do=details&mid=114) от RozReg

Продолжая изучать взаимодействия слоёв , центры вращения и расчёты на основе урока квадраты от RozRega и используя методы расчётов от stranger2156, хочу показать некоторые выводы и решения. Может быть, кому то пригодится в качестве шпаргалки. Возможно, где то - не прав. Тогда "старшие товарищи" меня поправят. :yes:

Рассматривал пример с поворотом квадрата и уменьшением масштаба (имитирующий поворот в объёме) из примера (http://proshowproducer.net/showthread.php?801-%D0%A3%D1%80%D0%BE%D0%BA-quot-%D0%9A%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82-quot&p=3327&viewfull=1#post3327)
Окно презентации 16х9 В слайде два слоя. Фоновая картинка - пропорция 16х9 и ромб. Параметры слоя ромба 16х18 (16х9*2)
То есть, при параметре слоя - "Вписать в кадр" - ширина слоя в два раза меньше
окна презентации

http://img23.binimage.org/24/11/9e/preview.jpg (http://img23.binimage.org/24/11/9e/1.jpg) http://img23.binimage.org/e4/8d/fd/preview.jpg (http://img23.binimage.org/e4/8d/fd/11.jpg)

Установим масштаб слоя Ромб равным 50% Координаты x=0 y=0 (По центру экрана) Ромб является маской фонового слоя
Рис 2
http://img23.binimage.org/7d/67/89/preview.jpg (http://img23.binimage.org/7d/67/89/22.jpg)
Если вы помните, в примере, квадрат поворачивался на 90 градусов с одновременным уменьшением масштаба по х до 0.
(http://proshowproducer.net/showthread.php?801-%D0%A3%D1%80%D0%BE%D0%BA-quot-%D0%9A%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82-quot&p=3511&viewfull=1#post3511)Тоже самое задано и для ромба между 2 и 3 КК
КК-2 x=0 y=0 Масштаб x=50 y=50 вращение =0
КК-3 x=0 y=0 Масштаб x=0 y=50 вращение =90
Мне хотелось, что бы фоновая картинка под маской поворачивалась соглассованно с маской. Сейчас задача облегчена. Центры вращения и Ромба и Фона - в одной точке - центр экрана . Задаем вращение фонового слоя на этом участке равным 90 градусов.
Ошибкой бы было "автоматическое" изменение масштаба фона в 2 раза как у Ромба. (х=50 х=0 ) Со 100 до 50 проц. по х . В этом случае, фон смещается "скользит" относительно маски. рис 3.
http://img23.binimage.org/9c/7b/b8/preview.jpg (http://img23.binimage.org/9c/7b/b8/31.jpg)http://img23.binimage.org/2d/53/1b/preview.jpg (http://img23.binimage.org/2d/53/1b/32.jpg)http://img23.binimage.org/68/d4/19/preview.jpg (http://img23.binimage.org/68/d4/19/33.jpg)
http://img23.binimage.org/c2/da/17/preview.jpg (http://img23.binimage.org/c2/da/17/34.jpg)http://img23.binimage.org/5d/12/cf/preview.jpg (http://img23.binimage.org/5d/12/cf/35.jpg)
Поэтому устанавливаем изменение масштаба по х со 100 до 0 проц.
Рис 4

http://img23.binimage.org/d9/66/3a/preview.png (http://img23.binimage.org/d9/66/3a/41.jpg)http://img23.binimage.org/26/68/9a/preview.png (http://img23.binimage.org/26/68/9a/42.jpg)






Вот теперь получаем нужный результат.

Продолжение следует :) Рассмотрим вариант, когда ромб расположен не в центре. То есть центры вращения ромба и фона не совпадают Вот тут и понадобятся коэффициенты для расчётов.

Random
11.01.2012, 05:17
Для завершения нашего эффекта - добавим ещё один ромб (слой -маска) и второй фоновый слой. Второй ромб вместе со своим фоном должен начать появлятся в момент пропадания первого. И завершить разворот с уже новой фоновой картинкой мазаики.
Мы получили полный поворот с изменением фоновой картинки.
Пример этих всех описанных действий можно посмотреть тут (http://narod.ru/disk/37245248001/random.rar.html)

Выше, я говорил :

Ошибкой бы было "автоматическое" изменение масштаба фона в 2 раза как у Ромба. (х=50 х=0 ) Со 100 до 50 проц. по х . В этом случае, фон смещается "скользит" относительно маски Это не совсем верно.
Попробуйте ответить для себя, а что нужно сделать , какие изменения задать чтобы не было смещения.

RozReg
11.01.2012, 07:46
Random, спасибо!
Получается почти настоящая перспектива :happy:

Random
11.01.2012, 07:47
Random, спасибо!
Получается почти настоящая перспектива :happy:
У меня были хорошие учителя по квадратикам :))

stranger2156
11.01.2012, 08:21
Мы получили полный поворот с изменением фоновой картинки.
Интересный визуальный эффект получается с ромбом, остаётся заполнить ими весь экран. :good2:

Random
11.01.2012, 22:41
Теперь, рассмотрим случай, когда ромб смещён относительно центра экрана. Продублируем наш первый Ромб и его фоновый слой. Зададим значение панарамирования x=-25 y=25 Теперь, центры вращения слоя Ромб и фонового слоя не совпадают. Нужно изменить центр вращения слоя Фон так, что бы точка вращения совпадала с центром вращения Ромба. Задаём кооординаты центра вращения Фона x=-25 y=25 .

Рис. 5
http://img23.binimage.org/f9/e0/6b/preview.jpg (http://img23.binimage.org/f9/e0/6b/cats.jpg)
Такие "круглые" цифры у нас получаются благодаря выбранному соотношению сторон презентации, фонового слоя и созданного ромба. В другом случае, пришлось бы просчитывать коэффициерт отношений этих параметров.
Теперь, центр вращения фонового слоя не совпадает с его реальным центром и центром окна презентации. А мы знаем, что в этом случае при изменении масштаба слоя (А мы меняем масштаб с Х=100 до Х=0), нужно задавать и панорамирование слоя, для того, что бы центр вращения оставался неподвижным а не смещался.
В нашем случае необходимо менять панарамирование только по Х. И это значение совпадёт со значением изменённого центра.
В итоге получаем:



Ромб
Пан Х
Пан Y
Масш. Х
Масш. Y
Вращ.
Центр вращ.Х
Центр вращ. Y


КК1
-25
25
50
50
0
0
0


КК2
-25
25
50
50
0
0
0


КК3
-25
25
0

50
90

0
0






Фон
Пан Х
Пан Y
Масш. Х
Масш. Y
Вращ.
Центр вращ.Х
Центр вращ. Y


КК1
0
0
100
100
0
-25
25


КК2
0
0
100
100
0
-25
25


КК3
-25
0
0

100
90

-25
25









Анналогично задаём значения ( с некоторыми изменениями в знаках ) для другого, "открывающегося" ромба.

Продублируем и расставим наши ромбики в стиле мозаика, меняя панарамирование слоёв и центры вращения у фонов. Получаем примерно такую картину
Рис. 6
http://img23.binimage.org/17/2c/10/preview.jpg (http://img23.binimage.org/17/2c/10/1.jpg)http://img23.binimage.org/11/02/a0/preview.jpg (http://img23.binimage.org/11/02/a0/2.jpg)http://img23.binimage.org/14/0e/f2/preview.jpg (http://img23.binimage.org/14/0e/f2/3.jpg)http://img23.binimage.org/ee/2f/a4/preview.jpg (http://img23.binimage.org/ee/2f/a4/4.jpg)
Теперь можно "поиграть" с масштабом, способом заполнения слоёв и расставить как больше нравится.

---------- Сообщение добавлено в 20:41 ---------- Предыдущее было в 19:52 ----------

Вот что примерно может получится

http://www.youtube.com/watch?v=nu8BKe-UaB4

Проект (http://narod.ru/disk/37346642001/Random4.rar.html)

stranger2156
12.01.2012, 00:21
Отличное исполнение, Random! :good2:
Может быть покопать ещё и в других комбинациях смены картинок? Что-то в этом
варианте "выпадает"... в момент их замены - на мгновение "белый экран".

Random
12.01.2012, 01:03
Да конечно. Это так черновой рабочий вариант для представления . Мне тут и треугольники обрезанные не нравятся.

---------- Сообщение добавлено в 23:03 ---------- Предыдущее было в 22:56 ----------

Можно делать не одновременны поворот а "поштучно" да много вариантов. Может кто что предложит :)

Random
14.01.2012, 00:03
А теперь попытался повторить эффект из
проекта (http://proshowproducer.net/showthread.php?801-Урок-quot-Квадрат-quot&p=3327&viewfull=1#post3327) от RozRega с помощью масок вместо кадрирования фонового слоя.
Параметр презентации 4х3 Фоновый слой 800х600 ( 4х3) Заполнение - Заполнить кадр. Слой-маска 100х100 - Заполнить кадр(растяжение по Х) масштаб 25 процентов. В том примере, для того чтобы избежать прмежутков между слоями был применён масштаб 25.3 Тут пока остановимся на 25. Создадим ещё 11 слоёв квадратиков. (всего 12) И заполним ими весь экран. По Х -37,5 -12,5 +12,5 +37,5 По Y -33,33 0 и +33.33
Левый верхний квадратик с координатами Х -37,5 Y -33,33 От первого до второго КК задаём изменение масштаба по Х с 25 до 0 процентов. (Иммитация поворота в перспективе.) "Привяжем" к нему фоновый слой. Я задал такие параметры: Центр вращения: Х-37,5 Y-33,33 Совмещая с центром квадратика. Масштаб уменьшается со 100 до 0 между 1 и 2 КК Панорамирование по Х-37.5 в момент изменения масштаба. Чтобы согласовать с движением квадратика. И в результате вижу, что фоновый слой немного плывёт под маской :?
Когда рассматривал параметры заполнения слоя заметил такую вещь (Может правда это визуальный обман). Слой с размерами 800х600 (4х3) Окно презентации 4х3 . По идее, что Заполнить кадр, что Вписать в кадр - должно давать одинаковый результат при таком соотношении. Но на глаз видно какое то изменение при смене режимов заполнения.

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

---------- Сообщение добавлено в 22:02 ---------- Предыдущее было в 21:13 ----------


Центр вращения: Х-37,5 Y-33,33
Всё оказалось немного проще. Во первых по Y центр вращения конечно 0 у фонового слоя. И поменял характер движения на линейное. Но всё таки при старте движения фоновый слой немного отстаёт от маски а потом выравнивается. При просмотре не очень заметно Только при замедленном воспроизведении.

---------- Сообщение добавлено в 22:03 ---------- Предыдущее было в 22:02 ----------

:grin: "Тихо сам с собою я веду беседу" (с)

stranger2156
14.01.2012, 00:31
Во первых по Y центр вращения конечно 0 у фонового слоя.
Почему "0"? Ты вроде-бы про левый верхний квадрат рассказывал, в начале поста.
Дал бы пару скринов, чтобы было видно - в каком виде и что ты описываешь (в проекте
у RozReg первая картинка сжимается по горизонтали, а вторая - раскрывается по
горизонтали, с одновременным вращением на -90°).

Random
14.01.2012, 00:52
Да конечно не ноль. Всё правильно Верхний левый квадрат Изменение масштаба с 25 до 0 без вращения
http://img23.binimage.org/8a/e2/30/preview.png (http://img23.binimage.org/8a/e2/30/cats.jpg) http://img23.binimage.org/19/75/00/preview.png (http://img23.binimage.org/19/75/00/cats.jpg)
Кстати, особой разницы не вижу между центром вращения по Y 0 и -33.33

stranger2156
14.01.2012, 01:11
Кстати, особой разницы не вижу между центром вращения по Y 0 и -33.33
Всё правильно, вращения то в этих слоях нет.

stranger2156
14.01.2012, 11:22
Вот здесь (http://proshowproducer.net/showthread.php?801-%D0%A3%D1%80%D0%BE%D0%BA-quot-%D0%9A%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82-quot&p=3535&viewfull=1#post3535) мы уже говорили о том, что при точных значениях панаромирования по X,Y для
квадратов в 25% - между ними просвечивает очень узкими, но заметными полосками, фон
презентации (в том случае, по умолчанию - чёрный). Если мы хотим использовать такие
квадраты, скажем - белого основного цвета, в качестве масок, для замены кадрированных
картинок в проекте RozReg - нужно сделать небольшую корректировку в масштабе квадратов.
Значения масштаба 25.2 % вполне достаточно, чтобы "щели" пропали и это не окажет абсолютно
никакого воздействия на дальнейшие манипуляции с движением и визуальное восприятие.
Значения позиционирования масок-квадратов во всех КК остаются неизменными, маски только
"сжимаются" (первая картинка) или "растут" и вращаются - для второй картинки, а центр вращения
остаётся в центре квадратов (0,0). Центр вращения для второй картинки совпадает с центром
каждой соответствующей ей маски - это значение позиционирования квадрата по X,Y.
При выборе одинакового характера движения для всех слоёв и КК, плавания картинок под
масками не должно быть.

Random
15.01.2012, 00:23
Если долго мучится Что нибудь получится..
Окно презентации 4х3

http://www.youtube.com/watch?v=F3fLhA-LkHk

stranger2156
15.01.2012, 00:39
Отлично, только вторую картинку нужно разворачивать не из горизонтали в вертикаль на +90°,
а из вертикали в горизонталь на -90° (или +90°, как нравится). Ведь первая сжимается в вертикаль
и с этой позиции нужно и продолжать, иначе получается "скачёк".

Random
15.01.2012, 02:07
Да, наверно. Пока проверил внешний вид и что и как надо было задавать. Теперь можно и до ума довести.

---------- Сообщение добавлено 15.01.2012 в 00:07 ---------- Предыдущее было 14.01.2012 в 22:51 ----------


а из вертикали в горизонталь на -90°
Хм, а ведь так не плучается. Вторая картинка в итоге должна стать на 0 град. В исходное состояние. А если в начале движения задать разворот на 90 градусов. Тоесть Движение от 90 до 0 . То изменение масштаба по Х в первом кадре приводит опять к горизонтальному положению.
Выходит надо масштабировать по Y ? :hmmm:

stranger2156
15.01.2012, 02:15
Хм, а ведь так не плучается.
Получится, подумай хорошенько, если у тебя исходное положение картинки имеет
разворот на 90° - по какой оси нужно её расправлять от 0 до 100% в положение 0°?

RAlex
15.01.2012, 02:26
Ну вы тут закопались плотно... Интересно, какой результат ожидается в конце-концов?

Random
15.01.2012, 02:34
Голова уже не варит что ли. Непонимаю
http://img23.binimage.org/3e/a6/63/preview.png (http://img23.binimage.org/3e/a6/63/cats.jpg)

http://img23.binimage.org/23/81/e0/preview.png (http://img23.binimage.org/23/81/e0/cats2.jpg)

---------- Сообщение добавлено в 00:34 ---------- Предыдущее было в 00:32 ----------


Интересно, какой результат ожидается в конце-концов?
Меня будут лечить :)
:med_ses_tra:

stranger2156
15.01.2012, 02:41
http://s1.ipicture.ru/uploads/20120115/2F246rHa.png

http://s1.ipicture.ru/uploads/20120115/Ez2PQT1u.png

Random
15.01.2012, 02:44
Ну Так я и говорил

Выходит надо масштабировать по Y и смещать соответственно по Y


:rofl: А в перерывах я по метроному стучу...

Random
15.01.2012, 11:08
Если долго, долго, долго мучится Что нибудь получится..
Вот такие в итоги варианты.

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

Натник
15.01.2012, 11:58
Прям целый фильм получился по мотивам проекта от RozReg!!!:good2:

Пролог - любезно предложенный автором (RozReg), завязка- предложение Павла повторить урок и урок от Nolana "центр вращения", эпизоды развития действия - самостоятельно выполненные задания пользователями по уроку "квадрат" и "мучения" Random с заменой кадрирования на маски. На фоне реплики RAlex
Ну вы тут закопались плотно... Интересно, какой результат ожидается в конце-концов? кульминацию взяли на себя Random и Павел. Творческий тандем этих двух главных героев не заставил нас долго ждать развязки этого действа. И вот она - развязка от Random -
Если долго, долго, долго мучится Что нибудь получится..
Браво!!! ну, а финал, это наши аплодисменты за терпение и упертость!!!!:roza:

P.S. как и в любом сценарии были и конфликты и обстоятельства, и многое другое, уже и не помню, что именно там еще бывает...:grin:

stranger2156
15.01.2012, 12:32
Наталия, в тебе явно заложен потенциал сценариста, не иначе, как профессия тому "виной". :wink:
Кстати, вся эта "эпопея" была (и остаётся) хорошим материалом для самостоятельного
анализа, изучения и, в конечном итоге - конструирования рабочего слайда с заменой
масками кадрированных картинок из проекта RozReg (как это сделал Random). Одно дело -
получить доступ к готовому проекту с масками и совсем другое - самостоятельно пройти
весь путь, с пониманием и осознанием всех действий. Советую присоединиться к этой
самостоятельной работе по проекту RozReg (http://proshowproducer.net/showthread.php?801-%D0%A3%D1%80%D0%BE%D0%BA-quot-%D0%9A%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82-quot&p=3327&viewfull=1#post3327) всем желающим, пока не выложен переход
или стиль на его основе. :yes: