11

Lekcja 7                           

Adobe Photoshop – Kształty wektorowe i ścieżka wycinająca

7

Kształty wektorowe i ścieżka wycinająca

Zarówno program Adobe Photoshop jak i ImageReady umożliwia tworzenie prostych ilustracji przy pomocy wektorowych ścieżek. Praca z obiektami graficznymi umożliwia tworzenie kształtów, które można wypełniać lub obrysowywać. Możesz używać ścieżki wycinającej w celu kontroli, co ma być widoczne na obrazie. Lekcja jest wstępem do zawansowanych technik wektorowych z użyciem ścieżek wycinających. W dzisiejszej lekcji poznasz lub ugruntujesz następujące zagadnienia:

·               Zastosowanie ścieżki wycinającej w celu ustalenia, które elementy warstwy mają być widoczne

·               Nauczysz się tworzyć logo przy użyciu kształtów wektorowych i ścieżki wycinającej

·               Będzie pracować z tekstem w programie Photoshop

·               Użyjesz akcji i stylów do tworzenia grafiki wektorowej

Lekcja powinna zakończyć się po około 120 minutach całkowitym opanowaniem materiału. Wykonywane ćwiczenia dotyczą programu Adobe Photoshop, ale mogą być powtórzone też w programie ImageReady. Przygotuj się do przećwiczenia lekcji i skopiuj do lokalnego katalogu Moje dokumenty katalog Photoshop–Lekcja7 z podanej przez prowadzącego lokalizacji.

Rozpoczynamy pracę

Dzisiaj stworzymy zaproszenie na koncert rockowy, wykorzystamy w nim wektorowe kształty oraz ścieżkę wycinającą. Obejrzymy najpierw jak wygląda efekt końcowy.

Prze rozpoczęciem pracy przywróć domyślne ustawienia aplikacji (otwarte palety, ustawienia narzędzi). Zobacz „Lekcja 1 – Rozpoczęcie pracy z programem”.

1       Uruchom program Adobe Photoshop

2       Otwórz plik L7_ksztalty_ef_kon.psd z katalogu Photoshop-Lekcja7, który znajduje się na twoim dysku twardym w katalogu Moje dokumenty.

Tak będzie wyglądać zaproszenie na koncert w ostatecznej wersji. Jeśli chcesz, zostaw otwarty dokument dla podglądu lub zamknij go teraz i przejdź do dalszej części.

Utworzymy teraz nowy dokument.

Tworzymy logo

Logo utworzymy przy użyciu kształtów powstałych ze ścieżki, którą przekształcimy na ścieżkę wycinającą.

Możesz rozpocząć tworzenie kształtu na nowej warstwie, wówczas zostanie on automatycznie wypełniony bieżącym kolorem pierwszoplanowym, jednak będziesz mógł w prosty sposób zmienić kolor wypełnienia na dowolny inny kolor, gradient lub wzór. Linie zewnętrzne kształtu zostaną zapamiętane w warstwie ścieżki wycinającej, która pojawi się w palecie Path. Będziesz mógł zmienić powstały kształt przez edycję tej warstwy.

1       Wybierz File à New.

2       W oknie dialogowym wybierz jako jednostkę mierniczą piksele (pixels) i wprowadź wartość 400, jako wysokość (Height) i szerokość (Width). Upewnij się, że rozdzielczość jest ustawiona na 72 pixels/inch, a w sekcji Contents jest wybrana opcja White. Wprowadź nazwę dokumentu w polu Name i kliknij na OK.

3       Wyciągnij teraz paletę Path z okna grupy palety Layers. Ponieważ będziemy teraz często wykorzystywać obydwie palety, lepiej, kiedy są one oddzielone od siebie.

4       Używając palety Color ustaw teraz kolor pierwszoplanowy na żółto-pomarańczowy, wprowadź następujące wartości: R=228, G=202, B=31.

5       Wybierz narzędzie Rounded Rectangle Tool - , ukryte pod narzędziem Rectangle Tool - .

6       W opcjach narzędzia wprowadź wartość 20px w polu Radius i wybierz opcję Create New Shape Layer - .

7       Przytrzymaj klawisz Shift i narysuj myszką wektorowy kształt, pokrywający prawie całą powierzchnię białego tła.

Utworzyłeś w ten sposób prostokątny kształt wypełniony kolorem pierwszoplanowym. Po narysowaniu, zobaczysz nową warstwę w palecie Layers o nazwie Shape 1. Ikonka z lewej strony w palecie Layers pokazuje kolor wypełnienia warstwy, natomiast ikonka z prawej pokazuje kształt ścieżki wycinającej. Tak jak w przypadku maski, w przypadku ścieżki wycinającej biały kolor wskazuje miejsce otwarte dla edycji, natomiast kolor czarny oznacza zamaskowanie obrazu (zablokowanie przed edycją).

Wycinanie kształtów

Po stworzeniu warstwy zawierającej grafikę wektorową (kształt wektorowy), masz możliwość dodatkowo wycinać w tej warstwie nowe kształty wektorowe. Możesz poza tym użyć narzędzi do selekcji i edycji ścieżki, aby zaznaczyć, przenieść i przeskalować obiekt wektorowy.

1       Wybierz narzędzie Rectangle Tool - , ukryte pod narzędziem Rounded Rectangle Tool - .

2       W opcjach narzędzia wybierz pozycję Substract from Shape Area - .

3       Naciśnij klawisz Shift i narysuj mały kwadrat.

Zauważ, że nowo narysowany kwadrat będzie wypełniony kolorem białym, dzieje się tak, ponieważ wycinasz teraz otwory w kształcie warstwy i odsłaniasz białe tło.

4       Wybierz narzędzie Path Component Selection Tool - i umieść wskaźnik nad narysowanym kwadratem. Naciśnij klawisz Alt i przeciągnij myszką, aby stworzyć kopię obiektu.

Zapamiętaj: Selekcja kształtu narzędziem Path Component Selection Tool a następnie wybór opcji Intersect Shape Area - pokazuje miejsce, w którym dwa obiekty wektorowe się nakładają. Natomiast włączenie opcji Exclude Overlapping Shape Area - wyklucza obszar gdzie dwa obiekty zachodzą na siebie.

5       Zaznacz obydwa kształty przy pomocy narzędzia Path Component Selection Tool i klawisza Shift – kliknij na każdy z nich. Teraz kliknij na w pasku opcji przycisk Align Top Edges - .

6       Kontynuuj tworzenie kwadratów, tak, aby uzyskać ich dziewięć sztuk (zobacz obrazek końcowy). Użyj wyrównania do górnej krawędzi Align Top Edges i Distribute Horizontal Centers - w celu ułożenia kwadratów w równych odstępach. Uzyskaj takie ułożenie jak na obrazku końcowym.

7       Zapisz swoją pracę.

Następnie dodamy nowe elementy loga tworząc je na osobnych warstwach. Podczas tej lekcji utworzysz wiele warstw, na których będziesz mógł rysować, edytować, wklejać, zmieniać położenie elementów bez zmiany innych elementów na odrębnych warstwach.

Tworzenie kształtów przez wypełnienie ścieżek

Tworzymy dalej nasze logo używają do tego celu nowej warstwy wektorowej z wypełnioną ścieżką wycinającą.

1       W palecie Layers kliknij na przycisk tworzenia nowej warstwy New Layer.

2       Wybierz narzędzie Ellipse Tool - .

3       W opcjach narzędzia wybierz pozycję Create New Work Path - .

4       Naciśnij klawisz Shift i przeciągnij narzędziem Ellipse Tool od górnego lewego rogu, aby narysować okrąg, tak jak na rysunku końcowym.

5       Następnie w opcjach narzędzia przełącza się na tryb Exclude Overlapping Shape Area - i narysuj następny okrąg, tak, aby utworzyć podobne ułożenie jak na rysunku końcowym.

6       Jeśli będziesz potrzebować przemieścić utworzone okręgi, użyj narzędzia Path Component Selection Tool - .

Aby zmienić rozmiar okręgów (lub rozmiar dowolnej ścieżki), zaznacz obiekt i użyj komendy Edit à Free Tranform Path.

Po tych operacjach w palecie Path na miniaturce pojawią się dwie ścieżki wycinające i biała przestrzeń między nimi.

7       W celu lepszego podglądu zawartości ścieżki, wybierz Palette Options z menu palety Path i wybierz opcje przełączającą na większą miniaturę.

8       Wybierz narzędzie Path Component Selection Tool - .

9       Naciśnij klawisz Shift i zaznacz obydwa okręgi, następnie kliknij na przycisk Combine na pasku opcji.

Teraz dwie osobne ścieżki będą traktowane jako jeden wektorowy kształt.

10  Kliknij na kolor pierwszoplanowy w pasku narzędziowym, aby otworzyć menu dialogowe Color Picker, ustaw biały kolor i kliknij OK.

11  W palecie ...