• Авторизация


Анимация аватара: Падающий снег 24-12-2007 18:30 к комментариям - к полной версии - понравилось!


В преддверие Нового года часто слышу вопрос: как создать анимацию снега в фотошопе.
Сегодня мы попробуем это сделать, тем более, что это не так уж и сложно, к тому же получившиеся аватары весят весьма немного. :)

Перед тем, как приступить к анимации, скачайте и установите кисти , с изображением падающего снега, вложенные в этот урок и подготовьте картинку для будущего аватара.
Начинаем! :)

Шаг 1. В ФШ откроем картинку для будущего аватара (постарайтесь выбрать не очень светлую, иначе эффект не будет заметен)
Откройте панель слоев (F7).

Создайте новый прозрачный слой (Ctrl+Shift+N)

Шаг 2. Возьмите любую кисть с изображением падающего снега (я взяла кисть №191 с диаметром 90 px), нажмите Х (чтобы сделать рабочим цветом белый) и нарисуйте на только что созданном прозрачном слое снежок.
(Вы можете менять размеры кистей, делать снежок прозрачнее в окне слоя, делать снежинки крупнее или мельче - на свой вкус...)

[показать]

Шаг 3. Скопируйте слой со снегом (Ctrl+J)

Возьмите инструмент Перемещение (V) и подвиньте слой-копию со снего вверх, пока он почти не скроется, оставив от него только узкую полоску.

[показать]

[показать]

Соедините оба слоя со снегом (Ctrl+E).

Подготовка окончена, переходим в в Image Ready (Shift+Ctrl+M).
Открываем окно с анимацией (F11).

Шаг 4. Создаем дубликат кадра в окне анимации.

[показать]

Снова берем инструмент Перемещение (V) и двигаем слой со снегом теперь вниз аватара.
(обратите внимание, что двигать можно только когда стрелочка курсора немножко поменяет свой вид, иначе ничего не получится!)

[показать]

[показать]

Теперь прижмите клавишу Ctrl и щелкните по первому кадру в окне анимации, чтобы оба кадра были выделены.

[показать]

Нажимаем кнопку создания промежуточных кадров:

[показать]

В появившемся диалоговом окне устанавливаем следующие значения:

[показать]

Удалим последний кадр, чтобы в анимации не было заминки.

[показать]

И чтобы снег падал немного плавнее, установите длительность показа всех кадров - 0,1 с.

[показать]

Все! Сохраняем как gif - Save Optimized As...

[показать]

Удачи! Если появляются вопросы, не стесняемся их задавать!:)
вверх^ к полной версии понравилось! в evernote
Комментарии (99): вперёд» последняя»
FairyAngel 24-12-2007-20:05 удалить
я сделала)))воть)))))
 (150x150, 107Kb)
FairyAngel, ай, молодец! :) Только почему снег летом? :)
Bankrobber 30-12-2007-16:39 удалить
а у меня странно получилось, но получилось =)
спасиб за урок =)
 (150x150, 193Kb)
FairyAngel 31-12-2007-13:48 удалить
Пятнистый_Щасвирнус, спасибо))))да первая попавшаяся картинка)))))
как понять что меняется стрелка?в Image Ready
а то у меня что-то не получается=(
_The_sweet_child_, когда открываешь Image Ready, то стрелка курсора выглядит обычно, как белая стрелка. Когда нужно сдвигать слой, то вид курсора должен поменяться на маленький черный треугольничек. Только тогда слой правильно сдвинется и все получится. Когда возьмешь инструмент Перемещение (V), поводи мышью по картинке, чтобы увидеть, когда сменяется вид курсора.
YERTY, можно было бы побольше снега дать на боковые края картинки, было бы более естественно. Молодец!
Shibyakina_A 10-01-2008-13:45 удалить
а я делала подругому Но все равно получилось
[600x450]
блин а где вы звяли такую кить я не могу найти
Молёк, набор кистей со снегом вложен в этот урок, посмотрите в самом низу сообщения. Скачайте его и установите себе.
Или Вы интересуетесь, откуда эти кисти взялись у меня? :)
Shibyakina_A 12-01-2008-21:13 удалить
Пятнистый_Щасвирнус,ну может быть.но это я делала уже давно
помогите мне плиз сделать... у меня почему то не получаеца... там с границами какими то в анимации ходит... не знаю.. воть фотка... плииз
[604x453]
thaidee 10-03-2008-23:44 удалить
ничерта блин не получилось, зря вечер убила((((
ДуДуСя, надо, чтобы тут шел снег? На этой фотке?
Thaide, может, какой-то пуект пропускаешь? Или невнимательно выполняешь инструкции?
23-10-2008-22:23 удалить
Спасибо за урок! Видела подобные на других сайтах, но здесь предельно ясное и лаконичное описание!!!
[500x375]
а у меня почему то снег не идет....и после того как я соединяю слои и нажимаю потом shift ctrl m ... в пункте где слой нужно опустить обратно...эти соединенные слои у меня в таком состоянии как будто я слой копию и не поднимала..я не понимаю что я делаю не правильно(вроде всё по пунктам(объясните пожалуйста(!!
Americazmostwanted, нужно аккуратно поднять слой-копию. Иногда это очень резко делают и он как бы "пролетает" оборот и становится снова на прежнее место и в таком виде склеивается с основным слоем со снегом.
Попробуй еще раз, только делай все медленно. :)
Marjushka 12-11-2008-20:49 удалить
Cпасибо за урок!!!
Но в CS3 нет Image Ready,что делать?
Marjushka, в CS3 и не нужен отдельный Image Ready/ он встроен в сам ФШ. Просто открой окно с названием Анимация (F11) и делай все то же самое. Когда сохраняешь, вот не помню точно, но если нажмешь Cохранить для web, то не ошибешься. Сохранится gif/
Marjushka 12-11-2008-21:35 удалить
Пятнистый_Щасвирнус,
Спасибо!Всё получилось!
А для днева можно такой фон сделать или очень тяжёлый и не получится?


[450x175]
Marjushka, можно, только маленького размера и палитру цветов поменьше поставить.
Пятнистый_Щасвирнус,
Как маленького размера-это я знаю,а палитру как и где?
Извини за глупые вопросы,я совсем ещё начинающий...
Схематичка, ничего не глупые вопросы, не за что извиняться. :)

С размером разобрались, но нужно еще учесть, что твой фон должен быть без стыков, чтобы не получилось много мелких квадратиков с идущим внутри них снегом.

Промежуточных кадров надо делать поменьше, чтобы вес поменьше был.

Когда сохраняешь для Web, то такое большое окно открывается, и справа нужно с показателями цвета поработать, а также, возможно соглашаться на некоторые потери качества (см. рисунок)

[показать]

Сколько будет весить гифка, видно в этом же большом окне в левом нижнем углу.

Так лучше не брать исходник с большим набором цветов и оттенков - после сжатия выглядеть будет не очень хорошо.
Plumcha 18-11-2008-16:01 удалить
Ура! У меня в ПЕРВЫЙ раз получилось сделать что - то в фотошопе!
Plumcha, поздравляю! :) Может, покажешь результат? :)
Plumcha 18-11-2008-17:19 удалить
P.S. все отлично, вот беда, сохранить ее в действии у меня не получается...
Сохраняю в формате gif
Plumcha, В Image Ready в меню Файл находишь пункт Сохранить Оптимизированный Как... и сохраняешь.


Комментарии (99): вперёд» последняя» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация аватара: Падающий снег | Photoshop_Tricks - ~Трюки Фотошопа~ | Лента друзей Photoshop_Tricks / Полная версия Добавить в друзья Страницы: раньше»