Анімований юзербар 4 (дощ) - малюємо разом

Анімований юзербар на якому буде йти дощ

Для створення анімованого юзербара нам потрібно картинка з персонажем. Бажано що б вона відповідала ефекту з дощем (під парасолькою, в лісі і т. д). Так само намагайтеся підбирати картинку, так що б на ній було менше білого фону або ж доповнюйте його вже на юзербаре будь китицями.


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

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


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

Пишемо будь-яке слово, будь-яким шрифтом.


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

Тепер перейдемо до створення дощу.

Створюємо новий шар (можна як поверх шару з літерами, так і під) і заливаємо його чорним кольором. Потім перейменовуємо його в «дощ 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://jak-namaljuvaty.pp.ua


Намалюй разом з нами таке
Додавання коментаря

Ім'я:*
Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлера
Введіть код: *