Gradient 4 kolory / narożniki w programie Illustrator lub Photoshop


13

Powinienem utworzyć prostokąt wektorowy wypełniony gradientem złożonym z 4 kolorów, po jednym dla każdego rogu. Mogłem tylko znaleźć bardzo ogólne informacje na temat korzystania z mieszań na żywo , ale nie jestem pewien, czy jest to najlepsze narzędzie i nadal nie byłem w stanie tego zrobić. Jak dokładnie uzyskałbyś to w Illustratorze? (I drugorzędne w Photoshopie?)

Gradient 4 kolory (ten obraz pochodzi z próbnika kolorów Photoshop)


Możesz po prostu narysować kwadraty i użyć rozmycia gaussowskiego, prawda?
Jeremy,

Odpowiedzi:


12

Gradient Mesh in Illustrator

  • narysuj prostokąt
  • wybierz narzędzie Mesh
  • kliknij jeden róg prostokąta
  • zastosuj kolor narożnika
  • Wybierz narzędzie Zaznaczanie bezpośrednie
  • Kliknij kolejną kotwicę narożną i zastosuj kolor
  • powtórz dla pozostałych narożników

siatka

Nie ma prostego rozwiązania za pomocą jednego kliknięcia dla tego rodzaju gradientu.

Kształtuj warstwy w Photoshopie

W przypadku programu Photoshop procesy są znacznie bardziej kłopotliwe i zaangażowane, i nie są tak precyzyjne.

Jednym ze sposobów może być zastosowanie oddzielnej warstwy kształtu / wektora dla każdego narożnika, a następnie wypełnienia bryłą jako podstawy.

finał

Zasadniczo ustawiasz gradient dla każdego kształtu:

gradient

Następnie, gdy masz 4 kształty z Gradientami, zmień ich tryby mieszania na Ciemniejące . Nie potrzebujesz absolutnie tego białego prostokąta, którego użyłem. Ale wszystko nie będzie wyglądać dobrze bez jednolitego koloru (najlepiej białego) tła za warstwami kształtu gradientu.

Inną metodą Photoshopa może być po prostu chwycenie narzędzia Gradient , ustawienie koloru na przezroczysty gradient, a następnie przeciągnięcie z rogu . Powtórz dla każdego z 4 kolorów. Problem z tą metodą polega na tym, że za każdym razem, gdy przeciągasz, długość gradientu będzie inna. Tak więc nie otrzymasz 4 równych gradientów narożnych. Metoda warstwy wektorowej / warstwy kształtu zapewnia, że ​​gradienty są tej samej długości.

Na koniec po prostu wygeneruję to w programie Illustrator, a następnie skopiuję / wkleję do Photoshopa jako obiekt inteligentny.


1
Inteligentny obiekt w Photoshopie (z programu Illustrator) wygląda na najlepsze i najprostsze rozwiązanie. Pozwala także modyfikować gradient! Dziękuję za bardzo szczegółową odpowiedź.
taseenb

3

Aby uzyskać efekt, którego szukasz w Photoshopie, sugerowałbym dodatek Sblended. Pełne ujawnienie: napisałem to.

Oto zrzut ekranu interfejsu użytego do utworzenia gradientu.

gradient czterokątny z Sblended

  • dodaj dwie linie, dotykając dowolnego miejsca w obszarze głównym
  • dodaj dwa punkty koloru do każdej linii, dotykając dowolnego miejsca na linii
  • umieść punkty koloru w rogach, przeciągając
  • wybierz kolory, które chcesz, klikając dwukrotnie punkt zatrzymania koloru

Po zbudowaniu efektu możesz go zastosować w taki sam sposób, jak wbudowane narzędzie Gradient - przeciągając go w dowolne miejsce.

Możesz pobrać bezpłatną wersję demonstracyjną, aby ją wypróbować tutaj: https://creative.adobe.com/addons/products/17501


Cześć Brian, witamy w GDSE. Twoja wtyczka rzeczywiście robi to, o co poprosił OP. Dzięki za pełne ujawnienie. Zachęcamy do spędzania czasu i wnoszenia wkładu, a Twój czas i wysiłek sprawiają, że ta strona jest świetna!
PieBie
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.