[показать]
1 Итак, открываем картинку в фотошопе. [показать] 2 Теперь, подыскиваем в инете или рисуем узор на новом слое. Это может быть как один слой с завиток, так и целая группа слоев, для начала, я советую попробовать с одним слоем завитков Если решились на группу, то каждый завиток делайте на новом слое, и анимируйте отдельно. Чем их больше, тем сложнее, но и красивее. В уроке я рассказываю как делать группу , а в конце вы можете сравнить два варианта У меня такие завитки. [показать] 3 Для тех, у кого завитки на одном слое- Кликаем с зажатой клавишей CTRL на нужный слой в палитре слоев и получаем выделение нужной части узора. Отключаем видимость слоя с узором. И сразу же после этого кликаем на новый слой. Для тех, у кого группа слоев перед этим, отключаем видимость слоя для всех частей узора, кроме выбранного. Должно получится так. [показать] И делаем к этому слою маску. [показать] Теперь, рисуем на новом слое, кистью с мягкими краями, кружочек или полосочку, кому что больше нравится, я рисую кружочки. Цвет контрастный фону, я беру белый. Кружочек лучше рисовать в том месте откуда начнет проявляется узор. У меня от центра. [показать] 4 Теперь, отцепляем маску, для этого жмем на замочек между слоем и маской. [показать] Попробуйте подвигать слой с кружочкам по вашему узору, только осторожно не потеряйте ваш блик. 5 Если у вас один слой, то можете переходить к анимации Если у вас группа слоев, то тоже самое делаем с остальными частями узора. Если мы отключим маски (нажав на маску с зажатым Shift) получится вот такое большое белое пятно в центре. [показать] У меня пятно в центре т.к. анимация будет начинаться от центра. Анимация 1 Итак, все блики нарисованы, все маски отцеплены и включены. Начинаем анимировать. Включаем палитру анимации. [показать] И сразу видим в палитре анимации первый кадр (фрейм) делаем еще один кадр. [показать] На новом кадре двигаем наши блики от начала узора к концу. У меня анимация идет от центра, по этому двигать я их буду от центра к краям картинки, так что бы блик проходил по узору. Жмем Tween и выставляем кол-во промежуточных кадров, между, теми что у нас есть , например 20 [показать] Функция Tween делает промежуточные кадры между нашими двумя кадрами, постепенно сдвигая блик от центра к краям, по заданной вами траектории. Вот что получилось, если делать с одним слоем завитков [показать]
2 Для тех кто решил делать группу слоев Если после того как подвинуть блики вы отключите маску (нажав на маску с зажатым Shift) получится что белое пятно от центра разбежалось к краям. [показать] Далее жмем Tween и выставляем кол-во промежуточных кадров Важно Движение Tween идет по прямой. Если вы хотите сделать змйку делайте ее в несколько этапов, разбивая участки на прямые [показать] [показать] То есть, двигайте ваши блики до поворота, затем жмем Tween между двумя первыми кадрами, затем на последнем кадре снова двигаете блики до поворота, и жмете Tween между двумя последними кадрами Не исключено, что на каких то кадрах блики придется подвинуть вручную Получаем вот такой результат [показать]
примеры применения [показать] [показать] [показать] [показать] [показать]
Источник