top barFrom all the things I've lost, I miss my mind the most

Tutorial #2 - Gradient na ścieżce

Przemek podbił do mnie z problemem:

Podsyłam Ci drobny przykład tego, co potrzebuję zmajstrować. Otóż chcę wypełnić gradientem ten czarno wypełniony obiekt. Gradient ma iść wzdłuż tej czerwonej linii od pomarańczowego koloru (kwadrat na dole po prawej) do czerwonego (góra po lewej). Pytanie - jak?

Narzędzia: Illustrator i Photoshop. Przemek chciał aby zrobić to w Illu, ale jednak niestety nie za bardzo się da, w związku z czym dokończymy to w Photoshopie. No to pajechali:

  1. Poniżej jest screenshot z Illustratora z tego co podesłał.
  2. Pierwszym krokiem będzie stworzenie płynnego przejścia między 2 obiektami. W tym celu zaznaczamy oba kwadraty i idziemy do menu Object->Blend->Make albo po prostu po zaznaczeniu wciskamy CTRL+ALT+B.
  3. Otrzymujemy płynne przejście kolorystyczne między dwoma obiektami.

    Jeśli tak się nie stanie i przejście wygląda na mocno poszarpane, ma zbyt mało elementów, musimy wejść do opcji. Znajdziemy je pod tym samym menu, pod pozycją "Blend Options".

    Mamy do wyboru kilka opcji:

    • Spacing: ustawialny na Smooth colour (płynne przejścia kolorów), Specified steps (określamy wtedy liczbę kroków przejścia między obiektami) i Specified Distance (tutaj podajemy odległość między środkami kolejnych obiektów tworzących przejśćie)
    • Orientation: Tu podajemy czy obiekty przejścia będą się układać do ścieżki czy do strony
  4. Ale ponieważ nie chcemy aby to przejście szło tak prosto to potrzebujemy je trochę wykrzywić. Sposoby są 2:
    • ścieżkę przejścia możemy wyedytować jak każdą inną ścieżkę za pomocą piórka
    • Jeśli mamy już gotową ścieżkę wg której chcemy puścić blendę to możemy ją podstawić. Aby to zrobić zaznaczamy ścieżkę i cały efekt przejścia i idziemy do Object->Blend->Replace Spine. Efektem będzie coś takiego jak poniżej:
  5. Widzimy dwie rzeczy: a) zniknął nam gdzieś czarny "maz" - bez paniki, jest pod spodem, zaraz do niego wrócimy i b) pojawiły się ząbki. Możemy sie ich pozbyć wchodząc do opcji przejścia jak powyżej i ustawiająć odpowiednią ilość kroków w "Specified steps"
  6. Docelowo chcemy jednak, aby to maźnięcie miało taki ładny kolor. Najprościej chyba byłoby zrobić maskę odcinania (Clipping mask), jednak w tym przypadku illustrator poległ i nie wyświetlił poprawnie obiektu. Tu przychodzi nam z pomocą Photoshop. Tworzymy dokument w Photoshopie w wielkości nam odpowiadającej. Kopiujemy z Illustratora nasz kolorowy pasek i wklejamy go do Photoshopa jako Smart Object.

    Dygresja: Dlaczego Smart Object? Dlatego że zachowamy wszelkie możliwości edycyjne Illustratora. Gdy klikniemy dwa razy w miniaturę warstwy zostaniemy przeniesieni do Illustratora. Wprowadzone i zapisane tam zmiany zobaczymy od razu w Photoshopie.
  7. Jedyne co nam teraz pozostaje zrobić to stworzyć maskę odcinania. Kopiujemy zatem maźnięcie z Illustratora i wklejamy jako nową ścieżkę do Photoshopa:
  8. Z zaznaczoną ścieżką i odpowiednią warstwą idziemy teraz do menu Layer->Vector Mask->Current path. I oto co otrzymujemy:
  9. Zamiast maski wektorowej można rzecz jasna załadować ścieżkę jako selekcję i poprawić ją wedle naszego życzenia po czym zrobić z niej maskę bitmapową.

Czas 26-6-2008 | Kategoria: Tutoriale |



Jeden komentarz

  1. Maverick napisał(a):

    Normalnie dam Ci buzi. :)

Zostaw komentarz

Uwaga: włączona jest moderacja komentarzy, co może opóznić ich publikację. Nie ma potrzeby ponownego dodawania komentarza.



Strony

Ostatnie wpisy

Recent Comments

Archiwum