Эффект шумового градиента сочетает в себе динамичные цвета и зернистый текстурный рисунок, который добавляет глубину и характер вашему дизайну. Добавление анимации делает эффект еще более впечатляющим и идеально подходит для цифрового контента, например постов в социальных сетях или презентаций. В этом уроке я покажу вам, как шаг за шагом создать эффект шумового градиента и оживить его с помощью движения в Photoshop. Давайте приступим и добавим уникальную динамику в ваши проекты!
Шаг 1:
Я создаю документ размером 800x600 пикселей, но размер не имеет значения.
Шаг 2:
Теперь я вызываю инструмент градиента и загружаю себе новые образцы градиентов для глитча.
Шаг 3:
Когда я перехожу к редактированию градиента, важно, чтобы для типа градиента был активирован шум. Я также могу использовать параметр random, чтобы быстро создать градиент другого цвета.
Шаг 4:
Теперь я установил размытие краев на 90%, чтобы создать красивый пунктирный градиент.
Шаг 5:
Если я нарисую градиент сейчас, то он уже станет отличным фоном.
Шаг 6:
Теперь я преобразую фоновый слой в обычный, дважды щелкнув на нем в панели слоев.
Шаг 7:
Далее я нажимаю Ctrl+T, чтобы трансформировать слой, затем щелкаю правой кнопкой мыши и перехожу к "Деформации". Теперь я перетаскиваю верхние правую и левую ручки и динамически сгибаю их.
Шаг 8:
Выглядит уже отлично, не так ли?
Шаг 9:
Я дублирую слой с помощью Ctrl+J, а затем добавляю к нему гауссово размытие. Я мог бы использовать это в качестве фона, например, для поздравительных открыток.
Шаг 10:
Если теперь я изменю режим смешивания, например, на цветной, то мои градиентные линии будут выглядеть еще лучше.
Шаг 11-й:
Если я добавлю фильтр шума, это также создаст интересный эффект.
Шаг 12:
Далее я хочу добавить красивую анимацию. Для этого я удалю копию слоя 0, затем снова продублирую фоновый слой (Ctrl+J) и размою его. Теперь добавьте маску слоя и черно-белый градиент. Теперь удалите звено (символ цепи). Далее я покажу панель анимации.
Шаг 13:
Затем я просто перемещаю маску слоя за пределы изображения влево и устанавливаю ключевой кадр под положением маски слоя, нажав на маленький значок ромба.
Шаг 14:
Теперь я устанавливаю ползунок на вторую позицию 2 и перемещаю маску слоя до упора вправо. Создается новый ключевой кадр, который запоминает положение. Теперь создается анимация.
Шаг 15:
Я могу еще больше улучшить эффект, создав новый слой, перетащив на него меньшее выделение, заполнив и размыв его белым цветом, а затем установив непрозрачность около 60-66%. Теперь я также могу сделать это движение слева направо в виде анимации, запомнив позицию в качестве ключевого кадра. Результат выглядит следующим образом.
Шаг 16:
Небольшой совет в конце: Я также могу просто поместить новый слой поверх фонового слоя и залить его любым цветом с помощью мягкой кисти. Я просто использовал оранжевый, красный, синий, оранжевый и снова синий. Теперь установите режим смешивания на цвет, и вы увидите результат.
Шаг 17:
Или я могу просто создать корректирующий слой с параметрами "Оттенок/Насыщенность", тогда я также смогу быстро менять цвета.
Шаг 18:
Если я добавлю небольшой градиент к маске слоя на корректирующем слое, мой результат будет выглядеть следующим образом:
