Grtg.ru - графика, дизайн
Добавить в закладкиСделать стартовой rss

Создать анимированный падающий снег

  2 октября 2010 314 / 0 | Категория: Уроки Photoshop
Как оказалось изобразить падающий снег проще всего с поддержкою паттернов, так как требуется зацикленная анимация, что в статике подходит бесшовному паттерну.

В свою очередь сделать паттерны проще всего из заготовок снежинок в виде векторных форм. Любая снежинка в этом случае является суб-путем, который можнож свободно перемещать, трансформировать и основное просто выпрямлять условно границ окна либо обращающих за счет симметричности формы снежинки и наличия узлов на кривой.

Снежинки в свою очередь просто сделать по способу творения массивов:
Внимание! У вас нет прав для просмотра скрытого текста.
1
Внимание! У вас нет прав для просмотра скрытого текста.
Довольно нарисовать одну ветку, а потом размножить ее вокруг выбранного центра еще 5 разов и готово.

Какие будут снежинки - дело вашего вкуса. В присоединенном файлике формата psd есть три варианта классических форм и один неклассический. Чтоб сделать из тех заготовок паттерны, необходимо отключить все слои не считая 1-го, и скомандовать Edit > Define Pattern...

Внимание! У вас нет прав для просмотра скрытого текста.
[217.87 Kb](cкачиваний: 38)


Внимание! У вас нет прав для просмотра скрытого текста.


Размер паттернов

Размер исходника паттернов: 800Х800 пикселов, режим Greyscale. Паттерны получатся такового же размера в том же режиме. Потому при использовании на маленьких картинах убавляйте размер ячейки паттерна способом Scale, в свойствах слоя Pattern Fill, либо в свойствах эффекта Pattern Overlay.

Убавляйте на: 50, 25, 10%. В этом случае паттерны меньше всего покорежатся. Ежели нужен иной размер, просто уменьшите файл заготовок паттернов и переназначьте паттерны поновой, добавив в имя указатель на размер в пикселах. В этом тоже великий плюс слоев с векторными масками - вы получаете необходимое количество пикселов без искажений формы.

Опосля того как паттерны изготовлены, в целевом документе создайте пару слоев непрерывной заливки(Fill Layer), и назначьте каждому эффект Pattern Overlay выбрав тот либо другой паттерн снежинок из библиотеки.

Не пренебрегайте сбросить параметр слоя Fill в 0%, чтоб его собственная заливка исчезла. Так как паттерны у нас с альфой, то через их - там где нет изображения белоснежных снежинок - будет виден фон документа.

Настройте по месту эффекты паттернов: непрозрачность и режим смешивания. У меня стоит для 1-го слоя 60, для иного 35, и режим Linear Dodge для обоих.

Два слоя необходимы для того, чтоб имитировать два плана - передний и задний. То есть, придать маленькую глубину сцене. Слой переднего плана будет с наиболее ясными снежинками и падать они будут медлительнее, чем наименее ясные, но наиболее прыткие снежинки заднего плана. Не считая того, это обычный прием в анимации: чтоб не изображать потрясения падающих снежинок каждой в отдельности, рисуются несколько пленок, которые просто передвигаются вниз и условно друг друга по горизонтали при покадровой съемке поверх всех других пленок.

Рядовая скорость будет считаться таковой: перемещение паттерна на 1 его цикл по вертикали на 1 твининг анимации. Чтоб задать великую скорость, умножаем количество циклов на 1 твининг. То есть, перемещаем n разов. Откройте гамму Animation, и добавьте 2-ой кадр. В то время как он выделен, выберите один из слоев, откройте его Blending Options, и выберите ранее добавленный и настроенный эффект Pattern Overlay. Переместите указатель в окно документа, прижмите Shift чтоб перемещение паттерна шло лишь по вертикали не смещаяясь нечаянно, и волочите его вниз. Ежели это односкоростной слой - волочите на весь цикл паттерна. Ежели двухскоростной либо больше - считайте сколько разов протащили. Потом выделите два кадра - 1 и 2, и нажимаете клавишу Tweens Animation Frames. Задайте количество кадров и проверяйте. Так как 1-ый и заключительный кадры однообразные, то заключительный надобно удалить.



-Лекарей терпеть не могут или из убеждения, или из экономии.(Мария Энбер-Эшенбах)

 (голосов: 0)
Автор: krasava | Комментарии [0]

Добавление комментария

Ваше Имя:
Ваш E-Mail:
Код: Включите эту картинку для отображения кода безопасности
обновить если не виден код
Введите код