Dowiedz się, jak tworzyć gradienty różnych typów w programie Illustrator.
hero-image_2

Gradient to stopniowe przejście między dwoma lub większą liczbą kolorów, albo też między dwiema tintami tego samego koloru. Można używać gradientów do tworzenia mieszanek kolorów, dodawania objętości do obiektów wektorowych i dodawania efektów świetlnych i cieni do kompozycji. W programie Illustrator można tworzyć, stosować i modyfikować gradient przy użyciu panelu Gradient, narzędzia Gradient lub panelu sterowania.

Typy gradientów

W programie Illustrator można tworzyć następujące trzy rodzaje gradientów:

  • Liniowy
    Ten typ gradientu służy do mieszania kolorów z jednego punktu do drugiego w linii prostej.
  • Radialny
    Ten typ gradientu służy do mieszania kolorów z jednego punktu do drugiego punktu w kształcie okręgu.
  • Dowolny
    Ten typ gradientu służy do tworzenia stopniowanej mieszanki punktów przejścia koloru w określonym kształcie i kolejności określonej lub losowej, w taki sposób, że mieszanie jest płynne i naturalne. Gradient dowolny można stosować w dwóch trybach:
    • Punkty: użyj tego trybu do cieniowania obszaru wokół punktu przejścia koloru.
    • Linie: użyj tego trybu do cieniowania obszaru wokół linii.
types-of-gradients_2
Przykłady gradientów liniowych, radialnych i dowolnych przy użyciu mieszanek trzech różnych kolorów

A. Gradient liniowy B. Gradient radialny C. Dowolny gradient (Punkty) 

Uwaga:

Gradienty liniowy i radialny można stosować na wypełnieniu i obrysie obiektu. Gradient dowolny można stosować tylko na wypełnieniu obiektu.

Narzędzie Gradient i panel Gradient

Gradient można utworzyć lub zmodyfikować za pomocą narzędzia Gradient lub panelu Gradient. Użyj narzędzia Gradient, jeśli chcesz utworzyć lub zmodyfikować gradienty bezpośrednio w kompozycji i obejrzeć zmiany w czasie rzeczywistym.

Aby otworzyć narzędzie Gradient, kliknij opcję Narzędzie Gradient w przyborniku.

Aby otworzyć panel Gradient, wykonaj jedną z poniższych czynności:

  • Wybierz Okno > Gradient.
  • Dwukrotnie kliknij narzędzie Gradient na pasku narzędzi.

Na kanwie zostanie wyświetlony panel Gradient.

Gradient-panel-labelling_2
Opcje dla gradientu liniowego i radialnego (A-R) | Opcje dla gradientu dowolnego (R-V)

A. Aktywny lub wcześniej używany gradient B. Lista rozwijana dla istniejących gradientów C. Kolor wypełnienia D. Kolor obrysu E. Odwróć gradient F. Czytnik gradientu G. Punkt przejścia koloru H. Punkt środkowy I. Próbnik kolorów J. Wyświetl lub ukryj opcje K. Typy gradientów L. Typy obrysu M. Kąt N. Proporcje O. Usuń punkt przejścia P. Krycie Q. Położenie R. Wypełnianie i obrys (kolorem) S. Znacznik koloru T. Zalewka U. Dowolny gradient V. Tryby gradientu dowolnego 

Narzędzie Gradient i panel Gradient mają wiele wspólnych opcji. Należy jednak zwrócić uwagę, że niektóre zadania można wykonywać tylko przy użyciu narzędzia lub panelu. Za pomocą narzędzia i panelu Gradient można określić wiele punktów przejścia koloru, ich lokalizację oraz nadlewkę. Można także określić kąt, pod jakim wyświetlane są kolory, proporcje gradientu eliptycznego i krycie każdego koloru.

Czytnik gradientu

W przypadku gradientów liniowego i radialnego, po kliknięciu narzędzia Gradient w obiekcie pojawia się czytnik gradientu. Czytnik gradientu to suwak, który przedstawia punkt początkowy, punkt końcowy, punkt środkowy i dwa punkty przejścia koloru dla punktu początkowego i końcowego.

Gradient-tool-labelling
Czytnik gradientu dla gradientu radialnego

A. Czytnik gradientu B. Przerywane koło C. Punkt umożliwiający zmianę proporcji obrazu D. Kursor obrotu E. Punkt umożliwiający zmianę rozmiaru gradientu radialnego F. Punkt końcowy (punkt strzałki) G. Punkt przejścia koloru H. Punkt środkowy I. Wybrany punkt przejścia koloru J. Punkt wyjściowy 

Czytnik gradientu służy do modyfikacji kąta, umiejscowienia i rozszerzenia gradientu linowego lub punktu ogniskowego, początku i rozszerzenia gradientu radialnego. Po wyświetleniu czytnika gradientu w obiekcie można używać panelu Gradient lub czytnika gradientu do dodawania nowych punktów przejścia koloru, określania nowych kolorów dla poszczególnych punktów przejścia koloru, zmiany ustawień krycia i przeciągania punktów przejścia koloru w nowe miejsca.

Aby ukryć lub pokazać czytnik gradientu, wybierz polecenie Widok > Ukryj czytnik gradientu lub Widok > Pokaż czytnik gradientu.

W przypadku czytników gradientu liniowego i radialnego przeciągnięcie okrągłego końca (punktu początkowego) suwaka gradientu zmienia położenie punktu początkowego gradientu, a przeciągnięcie końca strzałki (punktu końcowego) zwiększa lub zmniejsza zakres gradientu. Po umieszczeniu wskaźnika nad punktem końcowym wyświetlany jest kursor obrotu, którego można użyć do zmiany kąta gradientu.

Uwaga: dowolny gradient pozwala na umieszczenie punktów przejścia koloru w dowolnym miejscu obiektu. W związku z tym dowolny gradient nie wymaga czytnika gradientu.

Stosowanie wstępnie zdefiniowanego gradientu

Po kliknięciu narzędzia Gradient w celu zastosowania gradientu po raz pierwszy domyślnie stosowany jest gradient Biały, czarny. Jeśli wcześniej użyto gradientu, ostatnio używany gradient jest stosowany domyślnie.

Program Illustrator zawiera także wstępnie zdefiniowany zestaw gradientów, które można ustawić za pomocą panelu Gradient lub panelu Próbki. Dodatkowo można utworzyć gradient i zapisać go w panelu Próbki do użycia w przyszłości. Aby zastosować wstępnie zdefiniowany lub zapisany gradient z panelu Gradient:

  • Wybierz obiekt na kanwie i kliknij listę rozwijaną Gradient na panelu Gradient.

Aby zastosować wstępnie zdefiniowany gradient z biblioteki próbek:

  • Wybierz Okno > Próbki i otwórz panel Próbki.
  • Na panelu Próbki kliknij listę rozwijaną w prawym górnym rogu. Na liście wybierz Otwórz bibliotekę próbek > Gradienty , a następnie wybierz gradient, który chcesz zastosować.
  • Aby w panelu Próbki były pokazywane tylko gradienty, kliknij listę rozwijaną Pokaż typy próbek, a następnie wybierz polecenie Pokaż próbki gradientów.
Swatch-Library
Wybór wstępnie zdefiniowanego gradientu z biblioteki próbek

Tworzenie i stosowanie gradientów liniowych, radialnych i dowolnych

W zależności od wymagań można zastosować gradient liniowy, radialny lub dowolny.

create-gradient
Stosowanie różnych typów gradientów

Tworzenie i stosowanie gradientu liniowego

Aby utworzyć gradient liniowy, wykonaj jedną z następujących czynności:

  • Kliknij narzędzie Gradient, a następnie kliknij obiekt na kanwie. Przyciski typów gradientów są wyświetlane w panelu Sterowanie lub panelu Właściwości. Po wybraniu obiektu kliknij Gradient liniowy (ikona), aby zastosować gradient liniowy na obiekcie.
  • Na panelu Gradient kliknij opcję Gradient liniowy (ikona).
  • W panelu Właściwości kliknij Gradient liniowy (ikona) w sekcji Gradient.

Tworzenie i stosowanie gradientu radialnego

Aby utworzyć lub zastosować gradient radialny, wykonaj jedną z następujących czynności:

  • Kliknij narzędzie Gradient, a następnie kliknij obiekt na kanwie. Przyciski typów gradientów są wyświetlane w panelu Sterowanie lub panelu Właściwości. Po wybraniu obiektu kliknij Gradient radialny (ikona), aby zastosować gradient radialny na obiekcie.
  • Na panelu Gradient kliknij opcję Gradient radialny (ikona).
  • W panelu Właściwości kliknij Gradient radialny (ikona) w sekcji Gradient.

Tworzenie i stosowanie gradientu dowolnego

Aby utworzyć lub zastosować dowolny gradient, wykonaj jedną z następujących czynności:

  • Kliknij narzędzie Gradient, a następnie kliknij obiekt na kanwie. Przyciski typów gradientów są wyświetlane w panelu Sterowanie lub panelu Właściwości. Po wybraniu obiektu kliknij Dowolny gradient (ikona), aby zastosować dowolny gradient na obiekcie.
  • Na panelu Gradient kliknij opcję Dowolny gradient (ikona).
  • W panelu Właściwości kliknij Dowolny gradient (ikona) w sekcji Gradient.

Po kliknięciu opcji Dowolny gradient dostępne są następujące dwie opcje:

  • Punkty: wybierz tę opcję, jeśli chcesz utworzyć punkty przejścia koloru jako pojedyncze punkty na obiekcie.
  • Linie: wybierz tę opcję, jeśli chcesz utworzyć punkty przejścia koloru w segmencie linii.

Uwaga:

Aby skopiować dowolny gradient z jednego obiektu na drugi, należy użyć narzędzia Próbnik kolorów dostępnego na pasku narzędzi.

Tworzenie gradientu dowolnego w trybie punktów

Wykonaj następujące czynności, aby tworzyć, modyfikować i usuwać gradient dowolny w trybie punktów:

  • Aby dodać jeden lub więcej punktów przejścia koloru, kliknij w dowolnym miejscu obiektu.
  • Aby zmienić położenie punktów przejścia koloru, przeciągnij je i umieść w żądanym miejscu.
  • Aby usunąć punkt przejścia koloru, przeciągnij go poza obszar obiektu lub kliknij Usuń (ikona) na panelu Gradient, lub naciśnij klawisz Delete.
add-and-delete-color-stops_2
Przykład tworzenia gradientu dowolnego w trybie punktów, dodawania i usuwania punktów przejścia koloru

Ustawianie nadlewki dla gradientu dowolnego

Można ustawić nadlewkę punktu przejścia koloru w dowolnym gradiencie punktów. Nadlewka to okrągły obszar wokół punktu przejścia koloru, w którym ma być stosowany gradient. Aby ustawić nadlewkę punktu przejścia koloru, wybierz punkt przejścia koloru i wykonaj jedną z następujących czynności:

  • Na panelu gradientu wybierz lub wpisz wartość na liście rozwijanej Nadlewka.
  • Wprowadź wartość na liście rozwijanej Nadlewka w panelu Sterowanie, panelu Właściwości lub panelu Gradient. Można również użyć suwaka, który pojawia się po kliknięciu przycisku Nadlewka.

Domyślnie nadlewka punktów przejścia koloru zatrzymuje się na 0%.  

adjust-spread_2
Zmienianie nadlewki dowolnego gradientu w trybie liniowym

Uwaga:

Nadlewka jest obsługiwana tylko dla trybu punktów.

Tworzenie gradientu dowolnego w trybie liniowym

Aby dodać punkty przejścia koloru dla gradientu dowolnego w trybie liniowym, wykonaj jedną z poniższych czynności:

  • Kliknij w dowolnym miejscu obiektu, aby utworzyć pierwszy punkt przejścia koloru, który jest punktem początkowym dla segmentu linii.
  • Kliknij, aby utworzyć następny punkt przejścia koloru. Zostanie dodana linia prosta łącząca pierwszy i drugi punkt przejścia koloru. 
  • Kliknij ponownie, aby utworzyć kolejne punkty przejścia koloru. Linia prosta zmienia się w linię zakrzywioną. 

W obiekcie można utworzyć wiele pojedynczych segmentów linii. Aby utworzyć nowy segment linii:

  • Przesuń wskaźnik poza obiekt i przesuń go z powrotem do obiektu, a następnie kliknij w dowolnym miejscu, aby utworzyć pierwszy punkt przejście koloru dla segmentu linii.

Uwaga: możesz także przeciągnąć segmenty linii i połączyć je ze sobą, jeśli chcesz.

Aby usunąć wybrane punkty przejścia koloru:

  • Przeciągnij je poza obszar obiektu lub kliknij Usuń (ikona) na panelu Gradient.

Aby zmienić położenie punktów przejścia koloru:

  • Przeciągnij punkt przejścia koloru i umieść go w żądanym miejscu. Segment linii zmniejsza się lub zwiększa po zmianie położenia punktu przejścia koloru. Pozycje pozostałych punktów przejścia koloru pozostają niezmienione.
add-and-delete-colorstops-lines
Przykład tworzenia gradientu dowolnego w trybie liniowym oraz dodawania i usuwania punktów przejścia koloru

Uwaga:

W przypadku zastosowania gradientu na zaznaczonym obiekcie stosowane są ustawienia domyślne. Aby wyłączyć tę funkcję, należy usunąć zaznaczenie opcji Włącz domyślne ustawienia uwzględniania zawartości w menu Edycja > Preferencje > Ogólne (Windows) lub Illustrator CC > Preferencje > Ogólne (Mac OS). Opcja ta jest wyłączona dla komputerów z 32-bitową wersją systemu Windows.

Modyfikowanie gradientów

Kolor, pochodzenie, krycie, położenie i kąt gradientu można zmienić za pomocą narzędzia Gradient, panelu Gradientu, panelu sterowania i panelu Właściwości. 

Aby przejść bezpośrednio w tryb edycji gradientu z panelu Gradient, wybierz obiekt i kliknij przycisk Edytuj gradient. Następnie można edytować opcje takie jak punkty przejścia koloru, kolor, kąt, krycie, lokalizacja, proporcje obrazu itp.

Linear-Gradient_modify_2
Przykład modyfikacji gradientu liniowego

A. Odcienie tego samego koloru B. Dwa różne kolory C. Zmodyfikowany kąt D. Czytnik o zmienionej wielkości E. Zmieniona lokalizacja 
Radial-Gradient_modify_3
Przykład modyfikacji gradientu radialnego

A. Dwa różne kolory B. Zmieniony punkt początkowy w obrębie przerywanego koła C. Zmieniona lokalizacja czytnika gradientu D. Zmienione proporcje E. Zmieniona lokalizacja punktu środkowego 

Dodawanie i modyfikowanie punktów przejścia koloru

Po zastosowaniu gradientu można dodać różne punkty przejścia koloru na czytniku gradientu.

Aby dodać punkty przejścia koloru:

  • Umieść wskaźnik na czytniku gradientu, a gdy zobaczysz symbol + pod wskaźnikiem, kliknij Czytnik gradientu. 

Punkt przejścia koloru zostanie dodany w klikniętym punkcie.

Aby usunąć punkt przejścia koloru, wybierz punkt przejścia koloru i wykonaj jedną z następujących czynności:

  • Naciśnij klawisz Delete.
  • Kliknij przycisk Usuń (ikona) na panelu Gradient.

Aby wybrać wiele punktów przejść koloru, naciśnij klawisz Shift i kliknij punkty przejścia koloru.

Aby wyczyścić wszystkie zaznaczone punkty przejścia koloru, naciśnij klawisz Esc.

Uwagapo wybraniu punktu przejścia koloru dla gradientu na panelu sterowania i pasku narzędzi wyświetlane są opcje modyfikacji punktów przejść koloru. Ponadto opcje kolorów są wyświetlane na karcie Kolor po prawej stronie.

Modyfikowanie koloru

Aby zmienić kolor w danym punkcie przejścia koloru, wykonaj dowolną z następujących czynności:

  • Kliknij dwukrotnie punkt przejścia koloru.
    Zostanie wyświetlony panel koloru, w którym można wybrać kolor, który ma być zastosowany. Kolor aktualnie wybranego punktu przejścia koloru jest stosowany do następnego punktu przejścia koloru.
Color-Panel_Callout
A. Punkt przejścia koloru B. Zalewka C. Krycie D. Kolor E. Próbki F. Próbnik kolorów G. Próbki kolorów 
  • Kliknij przycisk Próbki (ikona) na panelu koloru, aby wybrać kolor z dostępnych próbek.
  • Kliknij opcję Próbnik kolorów (ikona) na panelu Kolor, aby wybrać dowolny kolor z kanwy i zastosować go w dowolnym miejscu. Naciśnij klawisz Esc lub Enter, aby wyjść z trybu próbnika kolorów. Panele Kolor, Gradient i Właściwości oferują opcję próbnika kolorów.
  • Otwórz panel Próbki, klikając Okna > Próbki. Kliknij wypełnienie obiektu na panelu Próbki. Wybrany kolor jest stosowany do wybranego punktu przejścia koloru.
color-panel_4
Zmienianie koloru za pomocą panelu Kolor

Zmiana punktu początkowego i rozmiaru oraz obracanie czytnika gradientu

Czytnik gradientu posiada punkt początkowy.

  • Aby zmienić punkt początkowy, umieść na nim wskaźnik i przeciągnij go.
  • Aby zmienić rozmiar czytnika gradientu, przeciągnij punkt końcowy bliżej lub z dala od punktu początkowego.

Uwaga: Nie można zmienić wielkości czytnika gradientu za pomocą punktu początkowego.

change-origin
Zmienianie położenia punktu początkowego gradientu liniowego i radialnego
resize-annotator
Zmienianie rozmiaru czytnika gradientu liniowego i radialnego
  • Aby obrócić czytnik gradientu liniowego, przytrzymaj punkt końcowy czytnika gradientu. Gdy zobaczysz okrągły symbol strzałki, przeciągnij czytnik i obróć go w dowolnym kierunku. Wyświetlany jest przerywany prostokąt wskazujący nowe położenie czytnika.
  • Aby obrócić czytnik gradientu radialnego, umieść wskaźnik na punkcie końcowym czytnika gradientu i przeciągnij czytnik po pojawieniu się okrągłego symbolu strzałki.
    Po umieszczeniu wskaźnika w zakresie promienia gradientu radialnego wyświetlany jest przerywane koło. Można obrócić je wzdłuż osi, aby zmienić kąt gradientu radialnego. Dodatkowo na przerywanym kole wyświetlane są dwa punkty. Można kliknąć jeden z tych punktów, aby zmienić kształt koła (proporcje obrazu), a następnie kliknąć drugi punkt, aby zmienić rozmiar przerywanego koła (nadlewka gradientu).
change-angle---rotate-annotator_3

Zmiana położenia

Aby zmienić położenie punktów przejścia koloru i ich punktów środkowych:

  • Przeciągnij je wzdłuż suwaka gradientu.
  • Dodaj wartość w polu Lokalizacja w panelu Gradient. (Pokaż przykład zmiany położenia punktu przejścia koloru).

Zmieniając punkt środkowy, można dostosować podział koloru między dwoma punktami przejścia koloru. 

Modyfikowanie kąta

Aby zmienić kąt gradientu:

  • Obróć czytnik gradientu na obiekcie.
  • Wybierz lub wpisz wartość w rozwijanym polu Kąt na panelu Gradient.

Modyfikowanie krycia

Aby zmienić krycie punktu przejścia koloru, kliknij go i wykonaj jedną z następujących czynności:

  • Wybierz lub wpisz wartość w polu Krycie na panelu Gradient lub Panelu sterowania.
  • Przesuń suwak krycia na panelu sterowania.

Jeżeli wartość krycia punktu przejścia koloru jest mniejsza niż 100%, kolor pojawia się w formie siatki na czytniku gradientu.

Opacity_highlight

Odwracanie gradientu

Aby odwrócić kolory w gradiencie, w panelu Gradient kliknij Odwróć gradient (ikona).

Zapisywanie gradientów w postaci próbek

Aby zapisać nowy lub zmodyfikowany gradient jako próbkę w bieżącym pliku, wykonaj jedną z poniższych czynności:

  • Kliknij przycisk Dodaj do próbek w menu gradientu.
  • Kliknij menu próbek w panelu Próbki i wybierz Nowa próbka.
  • Przeciągnij okno Wypełnienie gradientem z panelu Gradient do panelu Próbki. 

Uwaga:

Aby korzystać z gradientów podczas przyszłych sesji, zapisz je w bibliotece Creative Cloud.

Stosowanie gradientów na obrysie

Aby zastosować gradient na obrysie obiektu, wybierz obiekt i wykonaj następujące czynności:

  • Wybierz gradient w panelu Gradient.
  • Wybierz ikonę Obrys(X) na pasku narzędzi, panelu Próbki, panelu Gradient i panelu Właściwości.
  • Wybierz jeden z następujących stylów obrysu:
    • Zastosuj gradient w obrębie obrysu (ikona)
    • Zastosuj gradient wzdłuż obrysu (ikona)
    • Zastosuj gradient w poprzek obrysu (ikona)
strokes-2

Stosowanie gradientów do wielu obiektów

Aby zastosować gradient liniowy lub radialny dla wielu obiektów, należy wykonać następujące czynności:

  • Zastosuj gradient na jednym obiekcie. Wybierz inne obiekty, które chcesz wypełnić tym samym gradientem. W tym celu kliknij narzędzie Zaznaczanie na pasku narzędzi. Przytrzymaj klawisz Shift i kliknij obiekty, które chcesz wypełnić tym samym gradientem.
  • Wybierz Próbnik kolorów na pasku narzędzi i kliknij gradient. Następnie wybierz obiekty, na których ma zostać zastosowany wybrany gradient.
  • Kliknij ikonę wypełnienia w panelu Gradient, pasku narzędzi lub panelu Właściwości.

Używając narzędzia Gradient, wykonaj jedną z następujących czynności:

  • Aby utworzyć gradient z jednym czytnikiem gradientu, kliknij kanwę w miejscu, w którym ma znaleźć się początek gradientu, i przeciągnij do miejsca, w którym ma się kończyć. 
  • Aby utworzyć gradient z czytnikiem dla każdego zaznaczonego obiektu, kliknij obszar roboczy w miejscu, w którym ma znaleźć się początek gradientu, a następnie przeciągnij z wciśniętym klawiszem Alt (Windows) lub Option (macOS) do miejsca, w którym ma się kończyć. Następnie będzie można regulować suwaki gradientów dla poszczególnych obiektów. (Większą liczbę suwaków można utworzyć tylko dla prostych ścieżek).
apply-gradients-to-multiple-objects

Uwaga:

Aby utworzyć pojedynczy, wielobarwny obiekt, na którym kolory przepływają w różnych kierunkach, użyj obiektu siatkowego. Więcej informacji można znaleźć w artykule Siatki.

Ta zawartość jest licencjonowana na warunkach licencji Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Posty z serwisów Twitter™ i Facebook nie są objęte licencją Creative Commons.

Informacje prawne   |   Zasady prywatności online