Jak stworzyć gradient w Adobe Illustrator: 2 sposoby na zrobienie tego

Gradienty często nadają projektom przestarzały wygląd – pomyśl o tie-dye. Ale dzięki narzędziu Gradient Mesh i opcji Freeform Gradient w Adobe Illustrator możesz tworzyć gradienty o świeżym, świeżym wyglądzie. Pokażmy Ci, jak to zrobić.

Co to jest gradient?

Prawdopodobnie już wcześniej spotkałeś się z gradientami, ale jeśli nie, przedstawimy ci podsumowanie. Gradient to mieszanka kolorów, dowolnych kolorów, które łączą się ze sobą w naturalny lub nienaturalny sposób.

W przyrodzie można znaleźć gradienty: wschody i zachody słońca, jesienne liście zmieniające kolor i zorzę polarną. Natura to świetne miejsce, w którym można znaleźć inspirację do eksperymentów z gradientem. Gradienty są również często spotykane w projektach, takich jak logo Instagram lub Adobe Creative Cloud. Gradienty wnoszą jasną energię do tego, co często jest korporacyjnym wyglądem.

Chociaż gradienty mogą wyglądać na dość przestarzałe, wydaje się, że powracają do nowoczesnego designu. Dawno minęły czasy używania jednego przejścia gradientowego jako tła. Dzięki nowym narzędziom do projektowania, trendom kolorystycznym i zabawnym sposobom wdrażania gradientów nie wyglądają już nie na miejscu.

Dlaczego powinieneś używać gradientu?

Jak widać w przypadku logo Instagram i Creative Cloud, do rozjaśnienia nudnego tła można użyć gradientu. Zazwyczaj gradienty są używane jako kolory tła, a nie jako główny obiekt, ale nic nie stoi na przeszkodzie, aby zastosować gradient do głównego obiektu. Możesz nawet dodawać gradienty w programowaniu CSS.

Gradienty nie zawsze muszą być jasne i skierowane na twoją twarz; mogą też być subtelne. Możesz nawet po prostu dodać lekki akcent gradientu, zamiast wypełniać nim całe tło.

Wraz z rosnącą popularnością stron internetowych z nieskończonym przewijaniem, gradienty są subtelnym sposobem na zmianę projektu lub koloru w całej witrynie, bez zbytniego przełączania kolorów. Możesz nawet animować poruszający się gradient, przypominający płynne ruchy lampy lawowej z lat 80.

Głównym powodem używania gradientów jest uwzględnienie w projekcie wielu kolorów bez ich wyraźnego odmiennego wyglądu. Możesz dodać subtelną zmianę w swoim schemacie kolorów lub wybrać odważne, gradientowe oświadczenie.

Jakie są opcje gradientu w programie Adobe Illustrator?

Aby uzyskać dostęp do gradientów w programie Illustrator, musisz otworzyć okno Gradient. Kliknij Okno > Gradient lub możesz kliknąć Narzędzie Gradient w panelu narzędzi. W ten sposób można uzyskać dostęp do narzędzi Liniowy, Promieniowy i Swobodny gradient.

W przypadku tradycyjnych narzędzi gradientu w programie Illustrator dostępne są tylko opcje gradientu liniowego i promieniowego. Te opcje są dość podstawowe i nie pozwalają na wiele dostosowań poza wyborem koloru i kierunkiem. Tradycyjne narzędzia gradientowe są dobre dla prostego tła z przeciągnięciem gradientowym.

Narzędzie Gradient Swobodny doskonale nadaje się do dodawania losowego asortymentu kolorów do projektów gradientów. Narzędzie Freeform może być używane do mniej precyzyjnych gradientów; pozwala na bardziej naturalne, losowe użycie koloru.

Narzędzie Gradient Mesh w programie Illustrator doskonale nadaje się do ożywiania ilustracji. Narzędzie Siatka umożliwia umieszczanie, kątowanie i przesuwanie tonów gradientu w taki sposób, aby realistycznie opadały na obiekt 3D. To przenosi pracę z gradientami na zupełnie nowy poziom.

Adobe oferuje wiele sposobów tworzenia gradientów, w tym niestandardowe gradienty w Photoshopie.

Jak używać dowolnego gradientu w programie Illustrator

Chociaż można je znaleźć w tradycyjnych narzędziach gradientowych, narzędzie Gradient dowolny w programie Illustrator działa nieco inaczej. Zacznijmy.

Utwórz kształt najpierw zwykłym kolorem wypełnienia. Następnie przy otwartym oknie Gradient kliknij przycisk gradientu po prawej stronie, aby otworzyć Dowolna forma narzędzie.

Po wybraniu narzędzia Dowolny kształt, poprzednio wypełniony kształt będzie teraz pokazywał gradient z czterema punktami (lub punktami koloru). Cztery stopnie będą losowymi kolorami, niekoniecznie zgodnymi z oryginalnym kolorem wypełnienia. Jeśli klikniesz dowolny z istniejących przystanków, możesz zmienić kolor. Aby dodać więcej przystanków, kliknij w dowolnym innym miejscu kształtu.

Wspaniałą rzeczą w narzędziu Freeform Gradient w programie Illustrator jest to, że możesz łatwo przeciągać kolory w dowolne miejsce kształtu. Jeśli zdecydujesz, że chcesz niebieski po lewej, a nie po prawej, po prostu przeciągnij stop w lewo. Lub umieść obok siebie dwa różowe przystanki. Dodaj trochę bieli, aby zobaczyć, jak mieszają się kolory. Przesuwanie koloru zatrzymuje się, zmienia sposób ich wzajemnego oddziaływania.

Swoboda narzędzia Freeform polega na tym, że możesz dodać dowolną liczbę kolorów i umieścić je w dowolnym miejscu. Kolory zachowują się jak pojedyncze kule, które delikatnie mieszają się ze sobą na krawędziach. Aby usunąć punkt przejścia koloru, przeciągnij go poza swój kształt.

Możesz zwiększyć lub zmniejszyć rozmiar i rozmieszczenie każdego punktu koloru. Kliknij wybrany przystanek i przesuń kursor do kropkowanego okręgu, który go otacza. Koło będzie miało owal na krawędzi. Kliknij i przeciągnij owal, aby zwiększyć lub zmniejszyć swoją kulę i rozłożenie kolorów.

Możesz nawet rysować linie gradientów, klikając Linie opcje na pasku narzędzi Gradient. Po wybraniu opcji Linie możesz dodać nowy punkt przejścia koloru, a następnie następny wybrany punkt zostanie połączony linią prostą lub krzywą, która grupuje ze sobą kolory gradientu. Każdy przystanek może nadal mieć inny kolor lub możesz użyć tego samego koloru dla całej linii z wieloma przystankami.

Jak korzystać z siatki gradientowej w programie Illustrator

Gradient Mesh działa również inaczej niż inne narzędzia gradientowe. Pokażmy Ci, jak z niego korzystać.

Siatkę gradientową można zastosować do dowolnego kształtu utworzonego za pomocą koloru wypełnienia. Po narysowaniu i wypełnieniu kształtu kliknij Gradient Mesh narzędzie. Jeśli nie widzisz przycisku Gradient Mesh, może on być ukryty pod Narzędzie Gradient przycisk na pasku narzędzi; kliknij i przytrzymaj górny przycisk, aby odsłonić ukryte pod nim przyciski.

Po wybraniu narzędzia Gradient Mesh kliknij w dowolnym miejscu wypełnionego kształtu, aby rozpocząć stosowanie siatki. W zależności od liczby pożądanych kolorów i wielkości kształtu prawdopodobnie wystarczą tylko dwa kliknięcia; chociaż nie ma maksimum. Punkty kontrolne można dodawać lub usuwać w dowolnym momencie procesu. W przeciwieństwie do narzędzia Swobodny gradient, kolor początkowy obiektu działa jako kolor bazowy gradientu.

W swojej siatce możesz kliknąć dowolny punkt zakotwiczenia, używając Wybór bezpośredni narzędzie (A) i wybierz kolor z panelu próbek. Powoduje to rozmycie wybranego koloru otaczającego kotwicę. Zrób to dla wszystkich kotwic w swoim kształcie i poeksperymentuj z mieszaniem kolorów.

Z wybranymi kolorami w kształcie wygląda to podobnie do narzędzia Dowolny kształt. Jak więc awansować z Gradient Mesh? Przesuń punkty kontrolne i uchwyty, aby zobaczyć, jak kolory poruszają się i reagują na siebie.

Nie tylko możesz zmienić położenie dowolnego punktu kontrolnego w siatce, ale użycie uchwytów do zmiany kątów również daje świetne rezultaty. W rzeczywistości przesuwanie punktów kontrolnych może tworzyć ostre linie między kolorami. Te ostre linie mogą replikować kształty 3D i wytwarzać oświetlenie na twoim obiekcie. Dodanie jaśniejszych lub ciemniejszych kolorów doda efektu 3D. Możesz nawet tworzyć własne kształty 3D zamiast szukać istniejące kształty 3D online.

Unikalny sposób tworzenia gradientów

Narzędzie Swobodny gradient i narzędzie Gradient Mesh w programie Illustrator umożliwiają dodawanie gradientów do projektów na nowe i niepowtarzalne sposoby. Z gradientami można teraz zrobić znacznie więcej niż tylko przeciągnięcie koloru gradientu w kierunku liniowym lub promieniowym. Poeksperymentuj z tymi narzędziami i zobacz, jaki rodzaj funky gradientów możesz stworzyć.

Jak utworzyć automatyczną paletę kolorów w programie Adobe Illustrator

Czytaj dalej

O autorze