Ефект шумового градієнта поєднує в собі динамічні кольори та зернисту текстуру, що додає дизайну глибини та характеру. Додавання анімації робить ефект ще більш вражаючим і ідеально підходить для цифрового контенту, наприклад, дописів у соціальних мережах або презентацій. У цьому уроці я покажу вам, як крок за кроком створити ефект градієнта шуму і втілити його в життя за допомогою руху в Photoshop. Давайте почнемо і додамо унікальної динаміки вашим проектам!

Крок 1:

Я створюю документ розміром 800x600 пікселів, але розмір не має значення.

Ефект зміни настрою з анімацією

Крок 2:

Тепер я викликаю інструмент "Градієнт" і завантажую нові зразки градієнтів.

Ефект зміни упивання з анімацією

Крок 3:

Важливо, щоб під час редагування градієнта я увімкнув опцію " Шум для типу градієнта" ( Noise for Gradient type). Я також можу використовувати параметр random, щоб швидко встановити інший колір градієнта.

Ефект зміни анімації

Крок 4:

Тепер я встановлюю Розмиття краю (Edge blur ) на 90%, щоб створити гарний пунктирний градієнт.

Ефект хвилі руху з анімацією

Крок 5:

Якщо я намалюю градієнт зараз, він вже створить чудовий фон.

Ефект зміни барв під час анімації

Крок 6:

Тепер я перетворюю фоновий шар на звичайний, двічі кла цнувши по ньому на панелі шарів.

Ефект анімації рухомих зображень

Крок 7:

Далі я натискаю Ctrl+T, щоб трансформувати мій шар, потім клацаю правою кнопкою миші і вибираю Деформацію ( Warp ). Тепер я перетягую верхній правий і лівий маркери і динамічно згинаю їх.

Ефект переходу зі сп’янінням з анімацією

Крок 8:

Виглядає вже чудово, чи не так?

Ефект зміни стану з анімацією

Крок 9:

Я дублюю шар за допомогою комбінації клавіш Ctrl+J, а потім додаю до нього гаусове розмиття. Я також можу використовувати його як фон для вітальних листівок, наприклад.

Ефект руху з анімацією

Крок 10:

Якщо я тепер зміню режим накладання на кольоровий, наприклад, мої градієнтні лінії будуть виглядати ще краще.

Ефект ходу наркотиків з анімацією

Крок 11:

Якщо я додам фільтр шуму, це також створить цікавий ефект.

Ефект зміни настрою з анімацією

Крок 12:

Далі я хочу додати гарну анімацію. Для цього я знову видалю свою копію шару 0, потім знову продублюю фоновий шар (Ctrl+J ) і розмию його. Тепер додайте маску шару і чорно-білий градієнт. Тепер видаліть з 'єднання (символ ланцюга ). Далі я показую панель анімації.

Ефект зміни настрою з анімацією

Крок 13:

Потім я просто переміщу маску шару за межі зображення вліво і встановлюю ключовий кадр під маскою шару, натиснувши на іконку з маленьким ромбом.

Ефект зміни стану з анімацією

Крок 14:

Тепер я встановлюю повзунок на секунду 2 і переміщую маску шару до кінця вправо. Створюється новий ключовий кадр, який запам'ятовує цю позицію. Анімація створена.

Ефект рухливого зображення з анімацією

Крок 15:

Я можу ще більше покращити ефект, створивши новий шар, перетягнувши на нього меншу область виділення, заповнивши і розмивши її білим кольором, а потім встановивши непрозорість приблизно на 60 - 66%. Тепер я також можу зробити цей рух зліва направо анімацією, запам'ятавши позицію як ключовий кадр. Результат виглядає так.

Ефект переходу зі зміни на анімацію

Крок 16:

Невелика порада наостанок: Я також можу просто розмістити новий шар поверх мого фонового шару і залити його будь-яким кольором за допомогою м'якого пензля. Я просто використовував помаранчевий, червоний, синій, помаранчевий і знову синій. Тепер встановіть режим змішування на колір і ви побачите результат.

Ефект зміни занурення з анімацією

Крок 17:

Або я можу просто створити коригувальний шар з відтінком/насиченістю, тоді я також зможу швидко змінювати кольори.

Ефект зміни затримки з анімацією

Крок 18:

Якщо я додам невеликий градієнт до маски шару на коригувальному шарі, мій результат буде виглядати так:

Ефект зміни настрою з анімацією