Ефект шумового градієнта поєднує в собі динамічні кольори та зернисту текстуру, що додає дизайну глибини та характеру. Додавання анімації робить ефект ще більш вражаючим і ідеально підходить для цифрового контенту, наприклад, дописів у соціальних мережах або презентацій. У цьому уроці я покажу вам, як крок за кроком створити ефект градієнта шуму і втілити його в життя за допомогою руху в 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:
Якщо я додам невеликий градієнт до маски шару на коригувальному шарі, мій результат буде виглядати так: