PDA

Просмотр полной версии : Strips Transition.



Random
15.10.2012, 23:22
Учимся вместе.
Попробуем создать переход на основе маскирования полосками с одновременным вращением масок.

http://www.youtube.com/watch?v=MIQs-uqnsP4
(:jokingly: Или как "чайник" делал переход)

Создаём новую презентацию с параметром экрана 16х9 добавляем слайд длительностью 5 сек и убираем переходы между слайдами. Добавляем 1 слой - фотографию. Для удобства расчётов - она должна быть так же 16х9 ( совпадая с размером окна презентации ) Параметр заполнения экрана слоя в данном случае не важен.
Добавим вниз фоновый слой (Цветной, градиент , или всё что захотите.)
1 КК слоя с основной фотографией. - Все размеры начальные..
Если неустановленно по умолчанию - меняем все опции - Тип движения на "Линейный."

Рис 1
http://img23.binimage.org/5b/14/a2/preview.jpg (http://img23.binimage.org/5b/14/a2/1.jpg)

Добавляем 2 КК на 1 секунде слайда. В этот момент фотография должна сместится по Х Уменьшить масштаб и повернуться по оси наклона Y
Так же меняем координаты центра вращения фотографии. Чтобы фото поворачивалось относительно левого верхнего угла.

Итак во втором КК на 1 сек. имеем параметры:
Панорамирование по Х= 8,5
Масштаб = 90%
Наклон по оси Y= -25
Центр вращения Х= -50 Y= -50

Рис. 2
http://img23.binimage.org/f9/a0/fd/preview.jpg (http://img23.binimage.org/f9/a0/fd/2.jpg)

Размеры панорамирования, масштаба и наклона – произвольные. Мне так больше понравилось. :)

Вот в этом положении и будем маскировать основную фотографию полосками.

Random
16.10.2012, 01:25
Теперь займёмся созданием, размещением и "привязкой" полосок- масок к основной фотографии.
( Из-за маленького окна в моей 5-ке, я делаю основные расчёты в 4 версии. Там лучше видно)
Я решил сделать 4 полосы. Поэтому делим размер основной фотографии на 4.
90/4= 22,5 Это и будет ширина полосы по Х.
Добавляем новый цветной слой. Устанавливаем масштаб:
Х = 22,5
Y = 90

Нам нужно сдвинуть полосу к левому краю основной фотографии.
Вычитаем из масштаба по Х фото - масштаб по Х полосы и делим на 2
Х = (90 - 22,5) / 2 = 33,75
Панорамирование по Х = - 33,75 Так как полоса сдвигается влево.
Ставим значения центра вращения полосы в левый верхний угол
Х= -50 Y= -50

Центр вращения основного фото и полосы у нас теперь совпадают. Поэтому любые вращения будут происходить одинаково.
Рис. 3
http://img23.binimage.org/62/ed/9e/preview.jpg (http://img23.binimage.org/62/ed/9e/3.jpg)

Добавляем ещё один цветной слой полосы с тем же масштабом
Х = 22,5
Y = 90

Сдвигаем влево, до правого края 1 полосы. Тут визуально понятно, что сдвинуть надо на половину ширины полосы:
22,5 / 2 = - 11,25
Но в общем, другом случае будет так :
-33,75 (значение Х 1 полоски, минус 22,5 ширина полоски)
Теперь нужно для этого слоя выставить центр вращения в ту же точку (левый верхний угол фотографии)
Y = -50 (Верхний край)
По Х - считаем :
(На самом деле, тут можно обойтись без всяких коэффициентов из за таких параметров масштабов слоёв, но приведу пример общих расчётов)

Отношение ширины окна 100% и полосы 22,5%

100 / 22,5 = 4,44444444
и умножаем этот коэффициент на тот путь который должна пройти точка центра вращения. У нас это - 45 (Координата левого края фотографии) минус панорамирование полосы -11,25
45 - 11,25 = 33,75
Получаем координату Х центра вращения второй полосы.
4,44 * - 33,75 = - 150
Y = -50
Рис 4
http://img23.binimage.org/05/60/7a/preview.jpg (http://img23.binimage.org/05/60/7a/4.jpg)

Создаём ещё 2 полоски. Значения Панорамирования будут зеркальными относительно 1 и 2 полосы (С другими знаками)

3 Полоса
Х= 11,25
Центр вращения по Х
(45 + 11,25) * 4,444 = - 250
Y = -50

4 Полоса
Х = 33,75
Центр вращения по Х
(45 + 33,75) * 4,444 = - 350
Y = -50

Рис. 5
http://img23.binimage.org/7d/1f/2e/preview.jpg (http://img23.binimage.org/7d/1f/2e/5.jpg)

Таким образом мы получили 5 слоёв. Основная фотография и 4 слоя - маски с общим центром вращения в одной точке. Теперь при любом повороте - слои будут двигаться одинаково.
Это можно проверить, задав всем слоям одинаковое вращение.

Рис.6
http://img23.binimage.org/da/51/a5/preview.jpg (http://img23.binimage.org/da/51/a5/6.jpg)

Random
16.10.2012, 07:14
Теперь вернёмся к нашему будущему переходу.

Мы задали 2 КК для основной фотографии. Последний ( 3 КК) установим в точке 2,75 Скопируем все значения из 2 КК в 3 КК.
С 1 сек. до 2,75 этот слой будет оставаться неподвижным и на 2,75 закончит работу.

Устанавливаем 1 полоску.
1 КК на 1 сек. В момент остановки основной фотографии.
Так как основная фотография к этому моменту у нас переместилась по Х на 8.5 , то нужно подкорректировать и панорамирование полосы.

- 33.75 (высчитанное начальное значение) ; 8,5 (смещение основного фото)
Х = -33,75 +8,5 = - 25,25

Устанавливаем наклон по Y = - 25 (как и у основного фото) Если всё сделано правильно, то выглядеть должно вот так:

Рис. 7
http://img23.binimage.org/50/1d/28/preview.png (http://img23.binimage.org/50/1d/28/7.jpg)

Полоска вращается в течении 1 сек. Поэтому 2 КК устанавливаем на отметке 2 сек. И копируем 1 КК во 2КК
Это конечное положение после завершения поворота. Все полоски закончат движение на отметке 2,75. Поэтому добавляем на 2.75 последний (3 КК) и копируем значения из второго КК.
Вернёмся к 1 КК. Нужно задать начальное положение наклона полосы по Х. Установим наклон Х = - 270 град.

Полоска теперь расположена к нам торцом и не видна. Но на самом деле она развёрнута так:

Рис 8
http://img23.binimage.org/06/da/18/preview.png (http://img23.binimage.org/06/da/18/8.jpg)

Выставим так же по 3 КК для второй, третей и 4 полосы.
Устанавливаем для остальных слоёв высчитанные нами размеры. Но с учётом смещения основного фото на 8,5 по Х


1 маска 1 КК - 1,00 сек. Х = - 25,25 Y = 0 ;Наклон Х = - 270 Y = -25 ; Центр Х = - 50 Y = -50
2 КК - 2,00 сек. Х = - 25,25 Y = 0 ; Наклон Х = 0 Y = -25 ; Центр Х = - 50 Y = -50
3 КК - 2,75 сек. Х = - 25,25 Y = 0 ; Наклон Х = 0 Y = -25 ; Центр Х = - 50 Y = -50

2 маска 1 КК - 1,25 сек. Х = - 2,75 Y = 0 ; Наклон Х = - 270 Y = -25 ; Центр Х = - 150 Y = -50
2 КК - 2,25 сек. Х = - 2,75 Y = 0 ; Наклон Х = 0 Y = -25 ; Центр Х = - 150 Y = -50
3 КК - 2,75 сек. Х = - 2,75 Y = 0 ; Наклон Х = 0 Y = -25 ; Центр Х = - 150 Y = -50

3 маска 1 КК - 1,50 сек. Х = 19,75 Y = 0 ; Наклон Х = - 270 Y = -25 ; Центр Х = - 250 Y = -50
2 КК - 2,50 сек. Х = 19,75 Y = 0 ; Наклон Х = 0 Y = -25 ; Центр Х = - 250 Y = -50
3 КК - 2,75 сек. Х = 19,75 Y = 0 ; Наклон Х = 0 Y = -25 ; Центр Х = - 250 Y = -50

4 маска 1 КК - 1,75 сек. Х = 42,25 Y = 0 ; Наклон Х = - 270 Y = -25 ; Центр Х = - 350 Y = -50
2 КК - 2,75 сек. Х = 42,25 Y = 0 ; Наклон Х = - 0 Y = -25 ; Центр Х = - 350 Y = -50

У последней полоски всего 2 КК. так как ей не нужно ждать окончания поворота остальных.
Если всё выполнено правильно, то выглядит это так

Рис. 9.
http://img23.binimage.org/70/02/50/preview.png (http://img23.binimage.org/70/02/50/9.gif)

Осталось добавить вторую фотографию под маски.
Продублируем слой с основным фото. Заменим на другую картинку. Удалим 1 КК
Продублируем ещё 3 раза. Получившиеся 4 слоя разместим каждый под своей маской.
В начальном КК выставляем Наклон Х = - 270
Добавим ещё по одному КК (кроме 4 слоя) Время согласуем со временем КК каждой маски соответственно.

Рис 10
http://img23.binimage.org/b0/7c/4f/preview.png (http://img23.binimage.org/b0/7c/4f/10.jpg)

Так как и у этой картинки, центр вращения согласуется с центром вращения масок, то и поворот получается согласованным.

Рис 11.
http://img23.binimage.org/b0/03/49/preview.png (http://img23.binimage.org/b0/03/49/11.jpg)

Random
16.10.2012, 23:50
Осталось настроить последний слой.

Ещё раз добавляем слой со второй фотографией. 1 КК на отметке 2,75. Там где все остальные слои заканчивают работу.
Все значения КК соответствуют последнему КК основной (1 фотографии).
2 КК 3,05сек. Значение линейного наклона по Х меняем на 6 град.
3 КК 3,35 сек. Наклон по Х = - 6 град.
4 КК 3,65 сек. и 5 КК 4 сек. Одинаковые с 1 ключевым кадром слоя.
6 КК 5 сек. Все значения возвращаются к первоначальным. Масштаб 100 проц. Всё остальное по нулям.

Рис 12.
http://img23.binimage.org/d4/d7/dc/preview.jpg (http://img23.binimage.org/d4/d7/dc/12.jpg)

Рис.13.
http://img23.binimage.org/6e/db/e8/preview.jpg (http://img23.binimage.org/6e/db/e8/13.jpg)

Общее расположение слоёв
Рис. 14.
http://img23.binimage.org/4e/ab/ca/preview.jpg (http://img23.binimage.org/4e/ab/ca/14.jpg)

Теперь только осталось оформить слайд как переход. Как учили :)

Кликаем правой клавишей мышки по слою с 1 фотографией. И выбираем "Использовать как переход" - "Исходный слайд -все копии"
И соответственно по второй фотографии ...". Конечный слайд -все копии"

Заходим в окно Параметров слайда и кликаем по кнопке "создать переход.."

Это конечно не полноценный переход а лишь основа. Каркас.
Дальнейшие предложения по украшательству и дизайну приветствуются.

Спасибо за внимание.

Random
18.10.2012, 02:25
Попробовал повторить урок Влада. Долго курил..
Если мне что то не понятно... Я бы докопался вопросами по каждой циферке... тут - тишина.

Слава, ну давай попробуем постепенно.
Возьми слой с масштабом 80% И попробуй размесить на нём равномерно 4 полоски с масштабом по Х в 20%.
Какие значения по Х будут у этих полос?

Slava12
18.10.2012, 09:11
Не Влад, я не то что бы не смог, просто понял насколько это огромный труд !!!!! Им и восхищаюсь!!! :drink:Просто времени совсем мало на такой сурьезный труд !:?

Abvgdejka
18.10.2012, 14:00
.. тут - тишина.
Я, например,... в ступоре. Естественно, тут же взялась их повторить. Не скажу, что что-то непонятно, вы здорово все разжевали, только проглотить осталось. Но по ходу, пока шла по проторенной вами дорожке, в голове рождалось что-то иное. И вот на этом, ином, я и села. Дело в том, что (ваши полоски, слов нет, шикарны), но они "металлические", негнущиеся, неживые. Поймите меня правильно, я это говорю не в укор, просто мне "тюкнуло" в голову, что они должны как-то быть помягче, что ли... Но на этом дело и кончилось. Не шевелятся они у меня. Под словом "шевелятся" я понимаю, как если б они были тряпочные или бумажные. Вот влезла мне такая блажь... Нет, чтобы радоваться вашим полоскам и пользоваться готовеньким, приятненьким. А тут вот.... Извините, если что не так...:smile:

Slava12
18.10.2012, 14:14
Какие значения по Х будут у этих полос? -30 -10 10 30- правильно? или я ошибся?

sasha-tat
18.10.2012, 14:37
тут - тишина

Тишина потому что пытаемся понять,осмыслить и повторить. :empathy:


http://www.youtube.com/watch?v=Lyd0MGS1Exs&feature=youtu.be

---------- Сообщение добавлено в 11:37 ---------- Предыдущее было в 11:35 ----------


просто понял насколько это огромный труд

Тут даже при повторении пот градом! :hmmm:

Lotos56
18.10.2012, 16:39
тут - тишина. Нет Влад,работаем,грызем :hudo_zhnik:гранит науки....

Random
18.10.2012, 20:32
но они "металлические", негнущиеся, неживые.
Конечно :) Я же сказал это просто основа. Сам принцип. А уж там дальше без ограничений. А что касается оживления.... Пробовал как то испоьзовать маску из "скручивания" Хотел с помощю неё что то вроде волны пусить. Не получилось.


правильно?
Правильно конечно. А теперь попробуй сам привязать центр вращения :) Один раз проделав эту оперцию дальше никаких трудностей уже не будет :)

Lotos56
18.10.2012, 23:08
Хочу сказать Владу Огромное спасибо!!!! Урок очень легко прочитался,у меня все получилось(я так думаю
http://youtu.be/ONLe4AYwS1s:grin:) Я такая радая:gar_mo:nist: еще надо научиться в зеркальном отражении сделать:hmmm:

Random
18.10.2012, 23:23
все получилось(я так думаю
Почту посмотрите :)

Lotos56
18.10.2012, 23:37
Почту посмотрите:cry::hang-1:

Olga
31.10.2012, 15:39
http://www.youtube.com/watch?v=-kf8FHPho9c

Random
07.02.2013, 20:13
Вьетнамский вариант полосок, но с помощью футажа (http://www.youtube.com/watch?v=ZRk1SDLyuK8).


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