Анимированный юзербар 4 (дождь)

Анимированный юзербар на котором будет идти дождь

 

Для создания анимированного юзербара нам потребуется картинка с персонажем. Желательно что бы она соответствовала эффекту с дождем (под зонтом, в лесу и т.д). Так же старайтесь подбирать картинку, так что бы на ней было меньше белого фона или же дополняйте его уже на юзербаре любыми кистями.

аниме девушка с зонтом

  

 

Создаем новый документ (Ctrl + N), размером 350х40px и переносим туда картинку.

Создаем анимированный юзербар

  

 

Пишем любое слово, любым шрифтом.

Пишем любое слово, любым шрифтом

 

 

Теперь перейдем к созданию дождя.

Создаем новый слой (можно как поверх слоя с буквами, так и под) и заливаем его черным цветом. Затем переименовываем его в «дождь 1».

Теперь перейдем к созданию снега.

  

 

Идем в меню Filter -> Noise -> Add Noise (фильтр>шум>добавить шум). И выставляем следующие параметры (как на скрине): Amount - 400%, Distribution - Gausian(отмечаем) и внизу отмечаем галлочку Monochromatic.

выставляем следующие параметры для создания дождя

  

 

Идем в меню Filter ->Blur ->Motion Blur (фильтр>размытие>размытие в движении). Значение Angle выбираем по вкусу (от него зависит направление дождя), Distance ставим в районе 35.

направление дождя

  

 

Теперь настроем дождик…

Для слоя с дождем выставляем прозрачность 70% и пробуем разные режимы наложения слоев. Он может быть разный, в зависимости от выбранной картинки. В моем случае- это Screen.

Если вас не устраивает густота дождя, можно изменить ее с помощью меню Image -> Adjustmens -> Levels (Ctrl+L), где с помощью ползунков регулируем плотность дождика по вкусу.

густота дождя

  

 

Создаем еще 2 слоя «дождь 2» и «дождь 3» и повторяем все операции как со слоем «дождь 1». Меняя только Distance (в Blur ->Motion Blur) на 45 и 55.

Однако, помните если вы захотите схалтурить и скопируете слой «дождь 1» два раза у вас ни чего не получиться, потому как дождь будет на всех слоях одинаковый .

Затем переходим на слой «дождь 1» и отключаем «дождь 2» и «дождь 3».

настройки дождя на юзербаре

  

 

Запускаем панель анимации Window -> Animation (Окно>Анимация). Выставляем для первого кадра - время 0,1сек. Затем создаем еще один кадр.

Анимация в фотошопе

  

 

Для второго кадра включаем слой «дождь 2» и отключаем «дождь 1» и «дождь 3».

кадры анимации в фотошопе

  

 

Создаем еще один, третий кадр, и включаем слой «дождь 3» и отключаем «дождь 1» и «дождь 2».

рисуем дождь

  


И сохраняем!

Заходим File /Save for Web….( Файл/ сохранить для Web…) (Alt+Shft+Cntr+S).

И в параметрах выставляем Gif

 Как сохранить анимацию в Photoshop

  

 

 

юзербар дождь
 

 

 

юзербар дождь, девушка с голубыми волосами
 

 

 

юзербар дождь - девушка с красными глазами
 

 

 

Автор урока: Prescilla
Данный материал подготовлен для Вас командой сайта http://bakemono.ru

Данный материал предоставлен владельцами сайта Bakemono.RU и имеют на него полные авторские права. При копировании или частичном использовании данных новостей на других сайтах, в обязательном порядке уведомить автора данной новости "Prescilla" и разместить активную ссылку на источник.

+ +138 -
Комментарии к Анимированный юзербар 4 (дождь)
Офлайн
Krakan 19 июля 2014 23:16
+ 0 -
Цитата: Nastya011108
Проблемка: у меня Photoshop CS6, когда захожу в "Окно" там нет "Анимации".
Что делать и где найти? al


В правом верхнем углу, выбрать режим Motion
Офлайн
Nastya011108 19 июля 2014 14:00
+ 0 -
Проблемка: у меня Photoshop CS6, когда захожу в "Окно" там нет "Анимации".
Что делать и где найти? al
Офлайн
kiritokun 8 декабря 2013 21:48
+ 0 -
ну вот что типо этого
Офлайн
SielKA2003 13 июля 2013 20:12
+ 0 -
Подскажите пожалуйста шрифт ci
--------------------
И да съел он пельмень...
Офлайн
Wolfick 29 мая 2013 09:05
+ 0 -
fascinated Урок просто отличный и очень полезный:33....вот только как в сообщения анимацию вставлять?:D
Офлайн
Angel prihoti
Angel prihoti 20 февраля 2013 19:46
+ 0 -
Ну у меня как то так х)
Офлайн
мика-тян 8 января 2013 15:39
+ 0 -

С обводкой текста получилось случайно .Но кажется это даже прикольно )
Офлайн
Yuki-can
Yuki-can 3 ноября 2012 22:40
+ 0 -
всё получилось)спасибо большое)
Офлайн
InuKenNur92 22 сентября 2012 03:45
+ 0 -
Уряяяяяяя))) cheers
У меня всё получилось....аригато за чудесный урок...3 часа мучилась be
Правда у меня немножко чёрненький дождик вышел cl ...ну ничего. love ..мне лично нравится delighted ,а Вам? fascinated


--------------------
Вместо лиц-аватары...вместо настроения-статусы...вместо мыслей-заметки...и жизнь,как сплошное приложение...
Офлайн
Prince Bell
Prince Bell 14 августа 2012 19:06
+ 0 -
Спасибо, очень увлекательный урок, вот, что вышло:
Офлайн
InFerNal
InFerNal 1 августа 2012 08:31
+ 0 -
Отличный урок) вот что у меня получилось)
Офлайн
Kisonika
Kisonika 6 мая 2012 18:35
+ 0 -
Спасибо получилось:з cb shy
Офлайн
Proud KotE 3 мая 2012 20:58
+ 0 -
У меня не получается почему то...вроде всё правильно всё верно но не то...помогите пожалуйста fascinated
Офлайн
Madness Silvia 26 апреля 2012 21:52
+ 0 -

А вот что у меня!
Ну как?
(Просто я делала не юзербар, а баннер)

Archi, а почему без анимации?
Офлайн
affka 24 апреля 2012 19:04
+ 0 -
спасибо за урок.
вроде нормально получилось
http://radikal.ru/F/s019.radikal.ru/i621/1204/06/79e413ec3ead.gif.html
--------------------
Ничто в нашем мире не вечно.....
http://s019.radikal.ru/i621/1204/06/79e413ec3ead.gif
Офлайн
Hideyasu yuki
Hideyasu yuki 21 апреля 2012 21:44
+ 0 -



ВиккиТут, у тебя просто яркость одного слоя с дождём больше, чем у другого. Из-за этого у тебя не очень хорошо получилось...


Alice888, ты напиши , на какой пункт в файле ты сохраняешь.
Офлайн
PalmaSama
PalmaSama 3 марта 2012 22:42
+ 0 -
спасибо за урок db

вот, что получилось *---*

Офлайн
Ren Mitsuko
Ren Mitsuko 2 марта 2012 18:27
+ 0 -
Krakan,
Сделала на Фотомонстре, ибо на Радикале не получается
Все равно, спасибо fascinated
Офлайн
Krakan 2 марта 2012 18:09
+ 0 -
Цитата: Ren Mitsuko
Есть вопрос: почему я не могу загрузить свой юзербар?

Залейте его на radikal.ru, а потом вставьте сюда ссылку
Офлайн
Ren Mitsuko
Ren Mitsuko 2 марта 2012 18:04
+ 0 -
Спасибо за урок az
Есть вопрос: почему я не могу загрузить свой юзербар? cj
Офлайн
Krakan 18 февраля 2012 22:11
+ 0 -
Цитата: Hitomi
можно вопрос у администратора а как сделать вобще какую програму качать

Photoshop CS5
Офлайн
Hitomi
Hitomi 18 февраля 2012 15:09
+ 0 -
можно вопрос у администратора а как сделать вобще какую програму качать
Офлайн
Krakan 26 января 2012 22:34
+ 0 -
Цитата: Inudzuki_San
А что это за программа

Photoshop CS5
Офлайн
Inudzuki_San
Inudzuki_San 26 января 2012 20:02
+ 0 -
А что это за программа....... what .....

А дайте пожалуйсто.... kiss
Офлайн
Sirinn
Sirinn 29 октября 2011 16:53
+ 0 -
Помогите:
Офлайн
Inoe
Inoe 4 сентября 2011 18:29
+ 0 -
Вот чё у меня
Офлайн
moni-chan
moni-chan 4 сентября 2011 17:12
+ 0 -
У меня не получаеться анимацией сделать eh поэтому только так)
Офлайн
Last Exile
Last Exile 20 августа 2011 12:32
+ 0 -

Думаю на первый раз сойдет
Офлайн
karina o.o
karina o.o 13 августа 2011 12:02
+ 0 -
аа пасип ._. пичаль конечно щас уберу его
Офлайн
Krakan 12 августа 2011 11:51
+ 0 -
Цитата: karina o.o
._. у меня вообще при сохранении закрывается фш оО

Если при сохранении для вэб фотошоп слетает или выдает ошибку - то проблема чаще всего кроется в том, что вы используете кривой русификатор.
Добавить комментарий
    • bxbybzcacb2cc2cd
      cecfcgchcicjck
      clcmcpcsctcucv
      cwdadbdcsleepaoknow2
      burpfuriousccazslobbersm32bj
      arfearfeelbusm28sm16be
      killshyslapfascinatedalnotlove
      helloakangrybbapeaylol
      kisssmilecbdelightedyesknowwhat
      ancheerseh