-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Photoshop_Tricks

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.04.2007
Записей:
Комментариев:
Написано: 1378


Анимация аватара: Падающий снег

Понедельник, 24 Декабря 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...



Удачи! Если появляются вопросы, не стесняемся их задавать!:)

Вложение: 3638784_padajucshijsneg.rar

Рубрики:  Обмен полезностями
Делаем аватары


Процитировано 24 раз
Понравилось: 5 пользователям

FairyAngel   обратиться по имени Понедельник, 24 Декабря 2007 г. 20:05 (ссылка)
я сделала)))воть)))))
 (150x150, 107Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 24 Декабря 2007 г. 21:02 (ссылка)
FairyAngel, ай, молодец! :) Только почему снег летом? :)
Ответить С цитатой В цитатник
Bankrobber   обратиться по имени Воскресенье, 30 Декабря 2007 г. 16:39 (ссылка)
а у меня странно получилось, но получилось =)
спасиб за урок =)
 (150x150, 193Kb)
Ответить С цитатой В цитатник
FairyAngel   обратиться по имени Понедельник, 31 Декабря 2007 г. 13:48 (ссылка)
Пятнистый_Щасвирнус, спасибо))))да первая попавшаяся картинка)))))
Ответить С цитатой В цитатник
_The_sweet_child_   обратиться по имени Среда, 09 Января 2008 г. 15:55 (ссылка)
как понять что меняется стрелка?в Image Ready
а то у меня что-то не получается=(
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 09 Января 2008 г. 16:07 (ссылка)
_The_sweet_child_, когда открываешь Image Ready, то стрелка курсора выглядит обычно, как белая стрелка. Когда нужно сдвигать слой, то вид курсора должен поменяться на маленький черный треугольничек. Только тогда слой правильно сдвинется и все получится. Когда возьмешь инструмент Перемещение (V), поводи мышью по картинке, чтобы увидеть, когда сменяется вид курсора.
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 09 Января 2008 г. 16:09 (ссылка)
YERTY, можно было бы побольше снега дать на боковые края картинки, было бы более естественно. Молодец!
Ответить С цитатой В цитатник
Shibyakina_A   обратиться по имени Четверг, 10 Января 2008 г. 13:45 (ссылка)
а я делала подругому Но все равно получилось
 (600x450, 398Kb)
Ответить С цитатой В цитатник
Маша-овца   обратиться по имени Суббота, 12 Января 2008 г. 17:24 (ссылка)
блин а где вы звяли такую кить я не могу найти
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 12 Января 2008 г. 17:55 (ссылка)
Молёк, набор кистей со снегом вложен в этот урок, посмотрите в самом низу сообщения. Скачайте его и установите себе.
Или Вы интересуетесь, откуда эти кисти взялись у меня? :)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Суббота, 12 Января 2008 г. 17:57 (ссылка)
sol-nyshko, по-моему, кадров маловато. :)
Ответить С цитатой В цитатник
Shibyakina_A   обратиться по имени Суббота, 12 Января 2008 г. 21:13 (ссылка)
Пятнистый_Щасвирнус,ну может быть.но это я делала уже давно
Ответить С цитатой В цитатник
МаЛеНьКоЕ_кОтЬкО   обратиться по имени Заголовок Вторник, 26 Февраля 2008 г. 19:59 (ссылка)
помогите мне плиз сделать... у меня почему то не получаеца... там с границами какими то в анимации ходит... не знаю.. воть фотка... плииз
 (604x453, 85Kb)
Ответить С цитатой В цитатник
thaidee   обратиться по имени Понедельник, 10 Марта 2008 г. 23:44 (ссылка)
ничерта блин не получилось, зря вечер убила((((
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 23 Марта 2008 г. 13:45 (ссылка)
ДуДуСя, надо, чтобы тут шел снег? На этой фотке?
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 23 Марта 2008 г. 13:46 (ссылка)
Thaide, может, какой-то пуект пропускаешь? Или невнимательно выполняешь инструкции?
Ответить С цитатой В цитатник
Аноним   обратиться по имени Четверг, 23 Октября 2008 г. 22:23 (ссылка)
Спасибо за урок! Видела подобные на других сайтах, но здесь предельно ясное и лаконичное описание!!!
 (500x375, 1474Kb)
Ответить С цитатой В цитатник
Americazmostwanted   обратиться по имени Четверг, 23 Октября 2008 г. 23:53 (ссылка)
а у меня почему то снег не идет....и после того как я соединяю слои и нажимаю потом shift ctrl m ... в пункте где слой нужно опустить обратно...эти соединенные слои у меня в таком состоянии как будто я слой копию и не поднимала..я не понимаю что я делаю не правильно(вроде всё по пунктам(объясните пожалуйста(!!
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 04 Ноября 2008 г. 13:44 (ссылка)
BaGiRa0401, спасибо, очень приятно! :)))
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 04 Ноября 2008 г. 13:48 (ссылка)
Americazmostwanted, нужно аккуратно поднять слой-копию. Иногда это очень резко делают и он как бы "пролетает" оборот и становится снова на прежнее место и в таком виде склеивается с основным слоем со снегом.
Попробуй еще раз, только делай все медленно. :)
Ответить С цитатой В цитатник
Marjushka   обратиться по имени Среда, 12 Ноября 2008 г. 20:49 (ссылка)
Cпасибо за урок!!!
Но в CS3 нет Image Ready,что делать?
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 12 Ноября 2008 г. 21:13 (ссылка)
Marjushka, в CS3 и не нужен отдельный Image Ready/ он встроен в сам ФШ. Просто открой окно с названием Анимация (F11) и делай все то же самое. Когда сохраняешь, вот не помню точно, но если нажмешь Cохранить для web, то не ошибешься. Сохранится gif/
Ответить С цитатой В цитатник
Marjushka   обратиться по имени Среда, 12 Ноября 2008 г. 21:35 (ссылка)
Пятнистый_Щасвирнус,
Спасибо!Всё получилось!
А для днева можно такой фон сделать или очень тяжёлый и не получится?


 (450x175, 282Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 12 Ноября 2008 г. 21:54 (ссылка)
Marjushka, можно, только маленького размера и палитру цветов поменьше поставить.
Ответить С цитатой В цитатник
Схематичка   обратиться по имени Среда, 12 Ноября 2008 г. 22:28 (ссылка)
Пятнистый_Щасвирнус,
Как маленького размера-это я знаю,а палитру как и где?
Извини за глупые вопросы,я совсем ещё начинающий...
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Четверг, 13 Ноября 2008 г. 09:08 (ссылка)
Схематичка, ничего не глупые вопросы, не за что извиняться. :)

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

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

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



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

Так лучше не брать исходник с большим набором цветов и оттенков - после сжатия выглядеть будет не очень хорошо.
Ответить С цитатой В цитатник
Plumcha   обратиться по имени Вторник, 18 Ноября 2008 г. 16:01 (ссылка)
Ура! У меня в ПЕРВЫЙ раз получилось сделать что - то в фотошопе!
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 18 Ноября 2008 г. 16:27 (ссылка)
Plumcha, поздравляю! :) Может, покажешь результат? :)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 4 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку