4 цвета / градиента углов с помощью Illustrator или Photoshop


13

Я должен создать векторный прямоугольник, заполненный градиентом из 4 цветов, по одному на каждый угол. Я мог бы просто найти некоторую очень общую информацию об использовании живых смесей , но я не уверен, что это лучший инструмент, и все же я не смог этого сделать. Как бы вы получили это в Illustrator? (А второстепенный в фотошопе?)

4 цвета градиента (это изображение из палитры цветов Photoshop)


Вы могли бы просто рисовать квадраты и использовать размытие по Гауссу, не так ли?
Джереми

Ответы:


12

Градиентная сетка в Illustrator

  • нарисовать прямоугольник
  • выберите инструмент Mesh Tool
  • щелкните один угол прямоугольника
  • применить цвет угла
  • Выберите инструмент прямого выбора
  • Нажмите другой угловой якорь и примените цвет
  • повторите для оставшихся углов

меш

Для градиента такого рода не существует простого решения в один клик.

Слои формы в фотошопе

Для Фотошопа эти процессы гораздо более громоздки и сложны, и не настолько точны.

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

окончательный

Вы в основном устанавливаете градиент для каждой фигуры:

градиент

Затем, когда у вас есть 4 формы с градиентами, измените их режимы смешивания на Darken . Вы не абсолютно необходимо , что нижний белый прямоугольник я. Но все будет выглядеть не совсем правильно без сплошного (предпочтительно белого) фона за слоями с градиентной формой.

Еще один метод для Photoshop - просто взять инструмент «Градиент» , установить цвет на прозрачный градиент и затем перетащить из угла . Повторите для каждого из 4 цветов. Проблема этого метода в том, что при каждом перетаскивании длина градиента будет разной. Таким образом, вы не получите 4 равных угловых градиента. Метод Vector Layer / Shape Layer обеспечивает одинаковую длину градиентов.

В конце я просто сгенерирую это в Illustrator, а затем скопирую / вставлю в Photoshop как смарт-объект.


1
Умный объект в Photoshop (из Illustrator) выглядит лучшим и самым простым решением на самом деле. Это также позволяет вам изменять градиент! Спасибо за ваш очень подробный ответ.
taseenb

3

Чтобы получить эффект, который вы ищете в Photoshop, я бы предложил дополнение Sblended. Полное раскрытие: я написал это.

Вот скриншот интерфейса, используемого для создания градиента.

четыре угла градиента с Sblended

  • добавить две строки, нажав в любом месте в главной области
  • добавьте две цветовые остановки к каждой строке, нажав в любом месте строки
  • поместите цвет останавливается в углах, перетаскивая
  • выберите цвета, которые вы хотите, дважды нажав цветовую остановку

Создав эффект, вы можете применить его так же, как встроенный инструмент «Градиент», перетаскивая его в любую нужную область.

Вы можете скачать бесплатную демо-версию, чтобы попробовать ее здесь: https://creative.adobe.com/addons/products/17501


Привет Брайан, добро пожаловать в GDSE. Ваш плагин действительно делает то, что спросил ОП. Спасибо за полное раскрытие. Не стесняйтесь торчать и вносить свой вклад, ваше время и усилия помогут сделать этот сайт великолепным!
PieBie
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.