PDA

Просмотр полной версии : Приёмы работы с модификаторами.



Random
10.02.2012, 07:12
Хочу показать Вам несколько простых приёмов работы с модификаторами. Хотел всё сразу, но пока нет времени. Поэтому первый фрагмент. Для многих это наверное элементарные вещи, но есть и те, кто только начинает с модификаторами знакомится.

Итак. Задача:
У нас есть Колокольчик. И язычок от этого колокольчика. Мы хотим задать с помощью модификаторов к слою язычок (вращение) Движение от одного края колокольчика до другого.
Загрузим в слайд два этих слоя. Колокольчик должен быть верхним слоем. Спозиционируем их так, чтобы язычок был по центру колокольчика. Определимся с центром вращения язычка . Он должен быть в точке соединения колокольчика и язычка. Поэтому задаём значение Y= - 50 Верхняя точка слоя. (Если кто то испытывает трудности с центром вращения, представьте себе листок бумаги пришпиленный кнопкой к доске. Если мы теперь будем вращать этот листок, он будет крутится вокруг этой кнопки. (Кнопка в этом случае и есть - центр вращения.)

http://img23.binimage.org/8e/5d/fe/preview.jpg (http://img23.binimage.org/8e/5d/fe/1529c81e.jpg)

Меняя значения вращения до соприкосновения с краем колокольчика, определимся на сколько должен поворачиваться слой с язычком. При моих позиционировании и масштабе слоёв, у меня получилось 38 и -38 градусов соответственно. Запомним эту цифру и вернём значение 0.
Время слайда выставим равным 12 сек. Добавим ещё 2КК. Назначим время для этих КК:
1=0 сек 2=1сек. 3=11сек 4=12сек.
Между 2 и 3 КК у нас 10 сек. Вот на этом отрезке и будем работать.

Теперь приступим к добавлению модификатора к параметру вращения слоя с язычком. Кликаем ПКМ в поле значения вращения 2КК и выбираем добавить модификатор.

Выберем "Значение из функции Синусная волна" Определимся с амплитудой. (этот параметр определяет насколько будет вращаться максимально наш слой) Применим к 2-3 КК Если мы введём найденное опытным путём наше значение 38, то увидим, что результат совсем не тот который мы хотели.Почему так? Дело в том что вращение тут задаётся в процентах от 360 градусов То есть 360 градусов - это значение 100, 180 градусов - это 50 и т д. Посчитаем, какую цифру мы должны ввести,чтобы получить наши 38 градусов.
100/360*38 = 10.55555 Это и есть значение нужной нам амплитуды. Округляем до 10,6 и вводим.
Определимся с частотой волны. От этого параметра зависит,как часто будут совершаться движения. Я поставил =1 То есть полный цикл будет совершён за 1 сек.

http://img23.binimage.org/aa/82/49/preview.jpg (http://img23.binimage.org/aa/82/49/97601.jpg)

Псмотрим результат. На этом можно было бы закончить, но ещё можно сделать интенсивность качания нашего слоя не с постоянной скоростью, а увеличивать.
Как этого добиться? Мы знаем, что за частоту отвечает параметр "Частота волны" Вот его и будем модифицировать. В окне нашего модификатора вращения кликаем ПКМ в поле "Частота волны" и выбираем "Добавить модификатор".

Как можно постепенно увеличивать какое то значение по нарастающей? - Функцией линейное нарастание. Выберем эту функцию из списка и назначим КК 2-3.

Определимся со значениями этой функции. Допустим мы хотим увеличить "Частоту волны" на 0.5 к концу КК 3 Это промежуток в 10 сек. Рассчитаем значение линейного нарастания:
0,5/10(сек)= 0,05 То есть, за каждую секунду из 10, значение будет возрастать на 0,05 и к 10 секунде достигнет 0.5
Вводим значение 0,05 в поле Linear и нажимаем ОК.

http://img23.binimage.org/27/9e/f2/preview.jpg (http://img23.binimage.org/27/9e/f2/6e28c.jpg)

На графике синусоиды видно, как волна "учащается". Если вы хотите, чтобы учащение начиналось не сразу, а допустим на 2 секунде, то нужно сместить фазу линейного нарастания. Но пересчитав параметр Linear с учётом "реального" времени. Иначе, нарастание просто не успеет достигнуть желаемого значения к концу КК.

http://img23.binimage.org/36/c1/d1/preview.jpg (http://img23.binimage.org/36/c1/d1/9044d311.jpg)

Подрегулируем ползунками сглаживания между КК, чтобы не было резкого перехода и "скачка" значений на стыке КК.

http://img23.binimage.org/87/6c/df/preview.jpg (http://img23.binimage.org/87/6c/df/b6e9e9.jpg)

Немного приукрасим нашу работу. Продублируем слой "Язычок" Коррекцией цвета или в фотошопе сделаем из него тень и поменяем на него картинку в продублированном слое. Немного сместим относительно слоя "Язычок" что бы было похоже на тень. И зададим для этого слоя модификатор для вращения "переменная на основе вращения слоя "Язычок" То есть "привяжем" к этому слою

http://img23.binimage.org/c8/2c/53/preview.jpg (http://img23.binimage.org/c8/2c/53/94aa3.jpg)

Для того, чтобы тень не вылезала из под колокольчика, - спрячем эти слои под слоем -маской.

http://img23.binimage.org/90/2c/b2/preview.jpg (http://img23.binimage.org/90/2c/b2/929e.jpg)

Задача выполнена. Спасибо за внимание.


Для просмотра ссылок или изображений в этом форуме, количество Ваших сообщений должно быть 1 и выше. В настоящее время у Вас 0 сообщений. Sovnik, stranger2156 и других материалов. Прошу извенить за "художественное" оформление примера. Главное было не это.

VeraJ
11.05.2014, 10:28
Random, а есть ли такая возможность обновить ссылку на "Проект примера"? Хотелось бы поупражняться. Спасибо заранее.

Random
11.05.2014, 16:26
Поищу.

tat100
11.05.2014, 21:05
а есть ли такая возможность обновить ссылку на "Проект примера
у меня есть, на ЯДиск загрузила (http://yadi.sk/d/fWtI_4i3Ps3yc)

Random
11.05.2014, 21:23
у меня есть
Спасибо большое Татьяна. Я не нашёл у себя..

VeraJ
11.05.2014, 23:11
Спасибо большое, Татьяна, по модификаторам не так уж много уроков, а тема очень интересная и хочется побольше в ней разобраться. Random, спасибо Вам за урок, побольше бы их, уроков то, каждый объясняет по своему, и из каждого что нибудь, да почерпнёшь. Как говорится, с миру по нитке- голому рубашка!

vikafedotova38
26.10.2014, 07:12
Random, спасибо за урок! Для меня уже многое становится понятным, хотя я прочитала только текст. Изображения у меня не отображаются, пустые значки.
Уважаемые форумчане, подскажите, пожалуйста, почему меня не отображаются иллюстрации в теме. Может это блокировка в моём браузере?

stranger2156
26.10.2014, 08:50
почему меня не отображаются иллюстрации в теме
Чаще всего причиной является удаление картинок с хостингов, на которых
они размещены. Например, по причине не обращения к ним в течении
длительного времени. Это нормальная практика на большинстве подобных
сервисов, но есть, к счастью, и исключения.
P.S. Вы можете скачать предложенный автором проект, для изучения.

vikafedotova38
26.10.2014, 09:43
stranger2156, спасибо большое за пояснения!

Random
27.10.2014, 18:54
удаление картинок с хостингов,
Сам binimage в ауте уже несколько дней. :?

Random
30.10.2014, 19:11
binimage в ауте
Реанимировали. Картинки появились.