4 градієнта кольорів / кутів за допомогою Illustrator або Photoshop


13

Я повинен створити векторний прямокутник, заповнений градієнтом із 4 кольорів, по одному на кожен кут. Я міг просто знайти деяку дуже загальну інформацію про використання живих сумішей , але я не впевнений, що це найкращий інструмент, і все-таки я не зміг цього зробити. Як би ти зрозумів це саме в Illustrator? (І другорядне у Photoshop?)

4-х кольоровий градієнт (це зображення походить від вибору кольору Photoshop)


Ви можете просто намалювати квадрати і використовувати розмиття Гаусса, чи не так?
Джеремі

Відповіді:


12

Градієнтна сітка в Illustrator

  • намалюйте прямокутник
  • виберіть інструмент Mesh
  • клацніть один кут прямокутника
  • застосувати кутовий колір
  • Виберіть інструмент прямого вибору
  • Клацніть інший кутовий якір і застосуйте колір
  • повторити для залишилися кутів

сітка

Немає простого рішення в один клік для градієнта такого характеру.

Форми шарів у Photoshop

Для Photoshop процеси набагато громіздкіші та задіяні і ніде не такі точні.

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

остаточний

Ви в основному встановлюєте градієнт для кожної форми:

градієнт

Потім, коли ви отримаєте 4 фігури з градієнтами, змініть свої режими накладання на темніші . Ви не абсолютно необхідно , що нижній білий прямокутник я. Але все не буде виглядати цілком правильно без суцільного кольорового (бажано білого) фону за шарами градієнтної форми.

Іншим методом для Photoshop може бути просто схопити градієнтний інструмент , встановити колір на прозорий градієнт, а потім перетягнути з кута . Повторіть для кожного з 4 кольорів. Проблема цього методу полягає в тому, що при кожному перетягуванні довжина градієнта буде різною. Таким чином, ви не отримаєте 4 рівних градієнта кута. Метод векторного шару / шару форми забезпечує градієнти однакової довжини.

Зрештою, я просто генерую це в Illustrator, а потім скопіюю / вставте у Photoshop як розумний об’єкт.


1
Розумний об’єкт у Photoshop (від Illustrator) виглядає найкращим і найпростішим рішенням насправді. Це також дозволяє змінювати градієнт! Дякую за дуже детальну відповідь.
taseenb

3

Щоб отримати ефект, який ви шукаєте у Photoshop, я б запропонував доповнення Sblended. Повне розкриття: я написав це.

Ось скріншот інтерфейсу, який використовується для створення градієнта.

чотири кутового градієнта з нахилом

  • додайте два рядки, торкнувшись будь-де в основній області
  • додати два кольорові зупинки до кожного рядка, натискаючи будь-де на лінії
  • розташуйте колір, що зупиняється на кутах, перетягуючи
  • виберіть потрібні кольори, двічі торкнувшись зупинки кольору

Після того, як ви створили ефект, ви можете застосувати його так само, як і вбудований інструмент градієнта - перетягуючи його по будь-якій області, яку ви хочете.

Ви можете скористатися безкоштовною демо-версією, щоб спробувати її тут: https://creative.adobe.com/addons/products/17501


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