Jak dostosować jeden wspólny gradient dla wielu obiektów wektorowych w programie Illustrator

W tym zadaniu „wspólny” oznacza ciągłe wizualne przejście przez zaznaczoną grafikę. Same identyczne kolory nie zapewniają ciągłości: gradient musi mieć również spójne położenie, kierunek i zakres.

Wyobraź sobie trzy osobne ozdobne kształty ułożone poziomo obok postaci. Zamierzony efekt to turkus po lewej, kolor pośredni na środku i fiolet po prawej. Jeśli każdy kształt wyświetla pełne przejście od turkusu do fioletu, gradient się powtarza. W przypadku ciągłego efektu każdy kształt otrzymuje część przejścia odpowiadającą jego położeniu.

To rozróżnienie występuje również w modelu gradientów SVG. Specyfikacja SVG rozróżnia współrzędne względem obwiedni każdego obiektu i współrzędne w układzie współrzędnych użytkownika elementu odwołującego się do gradientu. Wyjaśnia to, dlaczego samo ponowne użycie definicji gradientu nie zapewnia ciągłego przejścia przestrzennego. SVG 2: serwery farb — gradienty i wzory

W przypadku przejścia przebiegającego przez osobne ozdobne elementy postaci zacznij od gradientu liniowego. Zapewnia on wyraźny punkt początkowy, końcowy i kierunek. Gradient radialny sprawdzi się przy przejściu rozchodzącym się od środka. Procedura Adobe dotycząca wielu obiektów obejmuje oba typy. Typy gradientów w programie Illustrator oraz Stosowanie gradientów do wielu obiektów

Wybierz typ odpowiedni do efektu wizualnego:

Zamierzony wygląd	Wybór na początek	Decyzja dotycząca położenia
Kolor przechodzi przez kilka elementów	Liniowy	Gdzie ma się zacząć i skończyć przejście?
Kolor rozchodzi się na zewnątrz przez kilka elementów	Radialny	Gdzie umieścić środek?
Kilka niezależnie rozmieszczonych obszarów koloru w jednym kształcie	Dowolny	Gdzie każdy kolor ma wpływać na kształt?

Gradienty dowolne korzystają ze znaczników kolorów umieszczanych wewnątrz kształtu i nie używają adnotatora gradientu liniowego ani radialnego. Dlatego poniższe instrukcje dotyczą wypełnienia liniowego. Typy gradientów w programie Illustrator

Pracuj z kształtami wektorowymi, które mają uczestniczyć w przejściu. Na początek użyj kilku prostych wypełnionych kształtów, a pozostałe szczegóły postaci pozostaw poza zaznaczeniem. Dzięki temu łatwiej ocenisz efekt.

1. Zaznacz jeden obiekt, który ma uczestniczyć w przejściu, i zastosuj Gradient liniowy.
2. Przełącz się na narzędzie Zaznaczanie i z wciśniętym klawiszem Shift zaznacz pozostałe obiekty.
3. W panelu Gradient aktywuj Wypełnienie i zastosuj ten sam gradient do zaznaczenia.
4. Wybierz narzędzie Gradient.
5. Przeciągnij od wybranego punktu początkowego do punktu końcowego przez całą grafikę, nie przytrzymując klawisza Alt ani Option.

W opisanej przez Adobe procedurze przeciągnięcie tworzy jeden adnotator gradientu. Przeciąganie z wciśniętym klawiszem Alt w systemie Windows lub Option w systemie macOS tworzy osobny adnotator dla każdego zaznaczonego obiektu; Adobe ogranicza to działanie do prostych ścieżek. Stosowanie gradientów do wielu obiektów

Zanim zaczniesz dopracowywać paletę, przyjrzyj się ogólnemu efektowi. Czy skrajny lewy element ma kolor początkowy? Czy środkowy pokazuje przejście? Czy skrajny prawy zbliża się do koloru końcowego? Na podstawie tych trzech obserwacji oceń, czy gradient obejmuje zamierzony obszar.

Podczas dopracowywania ogólnego efektu pozostaw zaznaczone kształty uczestniczące w przejściu. Adnotator gradientu steruje kątem, położeniem i rozpiętością gradientu liniowego. Okrągły uchwyt początkowy zmienia początek, uchwyt końcowy zmienia zakres, a element sterujący obrotem na końcu zmienia kąt. Typy gradientów w programie Illustrator

Najpierw wprowadzaj zmiany dotyczące położenia, a potem dopracowuj kolory. Ustal kierunek, zdecyduj, jaką część grafiki postaci ma obejmować przejście, a na końcu dopracuj paletę. Dzięki tej kolejności każda zmiana ma konkretny cel i nie trzeba wielokrotnie wracać do tych samych ustawień.

Aby edytować kolor, kliknij dwukrotnie jego znacznik na suwaku Gradient i wybierz nowy kolor. Możesz dodać kolejny znacznik pod suwakiem, dostosować krycie znacznika lub przesunąć rombowy punkt środkowy, aby zmienić przejście między sąsiednimi znacznikami. Dodawanie wyrazistych, kolorowych gradientów do płaskiej grafiki

Dopasuj elementy sterujące do zauważonego problemu:

• Przejście jest skierowane w złą stronę: dostosuj kąt gradientu.
• Kolory zmieniają się w niewłaściwej części grafiki: ponownie określ położenie początku i końca.
• Przejście wymaga innego rozłożenia barw: dostosuj punkt środkowy.
• Potrzebny jest konkretny kolor pośredni: dodaj znacznik koloru.
• Paleta jest nieodpowiednia: zmień istniejące znaczniki.

Aby świadomie rozmieścić gradient, posłuż się prostym obliczeniem położenia. Poniższe liczby są przykładowymi wartościami układu, a nie pomiarami przetestowanej grafiki postaci.

Załóżmy, że zaznaczone ozdobne kształty rozciągają się w poziomie od x = 100 do x = 500. Umieść początek gradientu w x = 100, a jego koniec w x = 500, przeciągając poziomo. Zaplanowana długość wynosi 400 jednostek. Punkt x = 300 leży w połowie tego zakresu: (300 − 100) ÷ (500 − 100) = 0.5.

To obliczenie wskazuje położenie wzdłuż gradientu, ale nie pozwala przewidzieć dokładnego wyświetlanego koloru. W początkowym projekcie z dwoma znacznikami potraktuj tę pozycję w połowie zakresu jako punkt kontrolny. Jeśli kompozycja wymaga bardziej turkusowego środka, po ustaleniu ogólnego zakresu dostosuj przejście.

Tę samą metodę planowania możesz zastosować w pionie. Wybierz ważne dla projektu postaci położenia górne i dolne, a następnie oceń środkowe elementy względem tego wspólnego zakresu. Zastanów się, gdzie każdy element znajduje się w przejściu obejmującym całą kompozycję.

Diagnozuj jeden widoczny problem naraz. Jednoczesna zmiana zaznaczenia, geometrii i kolorów utrudnia ustalenie, która poprawka pomogła.

Jeśli przejście zaczyna się od nowa na każdym kształcie, zaznacz ponownie wszystkie elementy, które mają w nim uczestniczyć, i jeszcze raz przeciągnij narzędzie przez cały zakres. Jeśli jeden element pozostaje bez zmian, sprawdź, czy jest zaznaczony i czy edytujesz jego wypełnienie. Jeśli widoczne elementy sterujące dotyczą osobnych obiektów, sprawdź, czy podczas przeciągania nie użyto klawisza Alt lub Option.

Jeśli adnotator jest niewidoczny, wybierz Widok > Pokaż adnotator gradientu. Adobe opisuje to ustawienie jako sposób wyświetlania suwaka gradientu na obszarze roboczym. Typy gradientów w programie Illustrator

Jeśli trudno ocenić efekt, tymczasowo uprość paletę do dwóch wyraźnie różniących się kolorów. Najpierw ustal ciągły kierunek i położenie, a potem ponownie dodaj znaczniki pośrednie. Traktuj to jako metodę diagnostyczną podczas edycji, a nie wymóg dotyczący gotowej grafiki.

Obejrzyj gradient raz z widocznymi elementami sterującymi, a potem bez nich, aby zobaczyć nieprzesłoniętą grafikę. Osobno sprawdź początek, obszar przejścia i koniec. Następnie obejrzyj postać w planowanym rozmiarze wyświetlania i oceń, czy przepływ kolorów nadal jest czytelny.

Po zmianie położenia elementów uczestniczących w przejściu ponownie wykonaj te kontrole, zanim zaczniesz dalej zmieniać paletę. Przydatnym testem końcowym jest opisanie zamierzonego przejścia jednym zdaniem, na przykład: „turkus zaczyna się na lewym ozdobnym elemencie i przechodzi w fiolet na prawym ozdobnym elemencie”, a następnie porównanie grafiki z tym opisem.

Zachowaj stałą kolejność edycji: zaznacz kształty uczestniczące w przejściu, ustal wspólny zakres, dopracuj znaczniki i obejrzyj całą postać. Ta kolejność ułatwia dostosowanie ciągłego gradientu z uwzględnieniem ogólnego projektu.

• Centrum pomocy Adobe: Stosowanie gradientów do wielu obiektów
• Centrum pomocy Adobe: Typy gradientów w programie Illustrator
• Adobe Learn: Dodawanie wyrazistych, kolorowych gradientów do płaskiej grafiki
• World Wide Web Consortium: SVG 2 — serwery farb: gradienty i wzory