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

Program Adobe Photoshop umożliwia tworzenie prostych ilustracji przy pomocy ścieżek
wektorowych. Praca z obiektami graficznymi umożliwia tworzenie kształtów, które można wypełniad
lub obrysowywad. Można używad ścieżki wycinającej w celu kontroli, co ma byd widoczne na obrazie.
Dwiczenie jest wstępem do zawansowanych technik wektorowych z użyciem ścieżek wycinających.
Poznasz lub ugruntujesz w nim następujące zagadnienia:



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



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



Będziesz pracowad z tekstem w programie Photoshop



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

Rozpoczęcie pracy

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

1. Uruchom program Adobe Photoshop
2. Otwórz plik ksztalty_ef_kon.psd

Tak będzie wyglądad 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.

Tworzenie logo

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

Można rozpocząd 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 zmienid
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ł zmienid
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śd

400, jako wysokośd (Height) i szerokośd (Width). Upewnij się, że rozdzielczośd 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

wykorzystywad obydwie palety, lepiej, kiedy są one oddzielone od siebie.

4. Używając palety Color ustaw teraz kolor pierwszoplanowy na żółto-pomaraoczowy,

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śd 20px w polu Radius i wybierz opcję Create New

Shape Layer -

.

7. Przytrzymaj klawisz Shift i narysuj myszką kształt wektorowy, 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ą).

Ścieżka wycinająca w palecie
Layers

Ścieżka wycinająca w palecie
Path

Wycinanie kształtów

Po stworzeniu warstwy zawierającej grafikę wektorową (kształt wektorowy), masz możliwośd
dodatkowo wycinad w tej warstwie nowe kształty wektorowe. Możesz poza tym użyd narzędzi do
selekcji i edycji ścieżki, aby zaznaczyd, przenieśd i przeskalowad 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śd wskaźnik nad

narysowanym kwadratem. Naciśnij klawisz Alt i przeciągnij myszką, aby stworzyd 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.

Wybór kształtu
narzędziem Path
Component Selection
Tool

Skopiowanie kształtu z
wciśniętym klawiszem
Alt

Wynik

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 uzyskad ich dziewięd sztuk (zobacz obrazek

koocowy). 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 koocowym.

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ł rysowad, edytowad, wklejad, zmieniad 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ąc 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

narysowad okrąg, tak jak na rysunku koocowym.

5. Następnie w opcjach narzędzia przełącza się na tryb Exclude Overlapping Shape Area -

i

narysuj następny okrąg, tak, aby utworzyd podobne ułożenie jak na rysunku koocowym.

Rysowanie drugiego
okręgu

Wynik

6. Jeśli będziesz potrzebowad przemieścid utworzone okręgi, użyj narzędzia Path Component

Selection Tool -

.

Aby zmienid 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
przestrzeo 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ę.

Miniaturka o domyślnym
rozmiarze

Wybór większej
miniatury

Wynik

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 otwo-rzyd menu dialogowe

Color Picker, ustaw biały kolor i kliknij OK.

11. W palecie Path przeciągnij ścieżkę roboczą na przycisk Fill Path with Foreground Color -

znajdujący się na dole palety.

Kliknięcie przycisku
Combine i wynik jego
działania

Przeciągnięcie ścieżki na przycisk Fill
Path with Foreground Color

12. W palecie Layer zmieo stopieo przezroczystości warstwy Layer 1 do wartości około 40

procent.

13. Jeśli będzie to potrzebne użyj narzędzia Path Component Selection Tool -

, aby przesunąd

ścieżki i otrzymad efekt podobny jak na rysunku koocowym

14. Jeśli będzie to potrzebne użyj narzędzia Move Tool -

, aby przesunąd wypełnienie i

otrzymad efekt podobny jak na rysunku koocowym

15. Zapisz swoją pracę.

Tworzenie i praca z kształtami użytkownika

Kiedy utworzysz jakiś ciekawy kształt, masz możliwośd zapisania go i ponownego użycia. Zapisany
kształt pojawi się w palecie Custom Shape.

1. Wybierz narzędzie Custom Shape Tool -

, ukryte pod narzędziem Ellipse Tool -

.

2. Na pasku opcji kliknij strzałkę obok pola Shape, aby otworzyd rozwijane menu Custom Shape.

3. Wywołaj teraz menu palety, klikając na okrągły przycisk -

w prawym górnym rogu.

Wybierz teraz pozycję Custom Shapes.csh.

4. W oknie dialogowym kliknij przycisk Append, aby dodad więcej kształtów użytkownika. Jeśli

będzie to potrzebne wybierz z menu Small List w celu łatwiejszej nawigacji na palecie Custom
Shape.

Wybór dodatkowych kształtów
wektorowych Custom Shape.csh

Nowa lista kształtów wyświetlona w
innej formie

5. Z menu kształtów wybierz kształt korony (Crown) a na pasku opcji kliknij na przycisk Add to

Shape Area -

.

6. Naciśnij klawisz Shift i przeciągnij myszką, aby narysowad kształt korony obok istniejącej już

ścieżki roboczej. Użyj narzędzia Path Component Selection Tool -

, aby umieścid kształt

tak jak po-kazano na rysunku koocowym.

Korona stanie się teraz częścią ścieżki roboczej zawierającej już dwa okręgi.

7. Utwórz teraz nową warstwę, która pojawi się pod nazwą Layer 2. Nowa warstwa powinna

zawierad obydwa kształty: koronę i kształt powstały z dwóch okręgów.

8. Zaznacz jedynie kształt korony przy pomocy narzędzia Path Component Selection Tool -

.

9. Wybierz narzędzie Paintbrush Tool -

i wybierz mały rozmiar pędzla (np. Hard Round 3

Pixels) z palety Brush z paska opcji.

Zastosujesz te ustawienia narzędzia Paintbrush Tool w punkcie 11 do obrysowania ścieżki.

10. Jeśli to potrzebne, wybierz biały kolor dla koloru pierwszoplanowego.
11. W menu palety Path wybierz komendę Stroke Subpath.
12. W oknie dialogowym Stroke Subpath wybierz narzędzie Paintbrush z rozwijanego menu i

kliknij OK.

13. W palecie Layers kliknij dwukrotnie na warstwie Layer 2, aby otworzyd okno dialogowe Layer

Style.

14. W oknie dialogowym zaznacz opcje Outer Glow i Bevel and Emboss. Następnie kliknij na

pozycję Betel and Emboss, aby wyświetlid dostępne opcje w prawej części okna.

15. Wybierz Inner Bevel z rozwijanego menu Style w sekcji Strukture. Następnie w polu Depth

wprowadź wartośd 71 procent i wybierz kierunek Down w polu Direction.

16. Pozostaw domyślne ustawienia dla pozycji Outer Glow i kliknij OK.

17. W palecie Path kliknij dwukrotnie na ścieżce Work Path, aby wywoład okno dialogowe Save

Path. Wprowadź nazwę dla ścieżki np. Logo Zespolu i kliknij OK.

18. Wybierz Edit > Define Custom Shape, aby dodad nowy kształt do list kształtów użytkownika.

Wprowadź nazwę Logo Zespolu w polu Name okna dialogowego Shape Name i kliknij OK.

19. Zapisz swoją pracę.

Praca z tekstem

Adobe Photoshop umożliwia tworzenie edycję tekstu bezpośrednio na obrazie (nie wchodząc do
okien dialogowych), masz tez możliwośd szybkiej zmiany stylu, wielkości i koloru tekstu. Możesz
zastosowad zmiany indywidualnie do każdego znaku, albo przeprowadzid formatowanie całego
akapitu. W kolejnej części dwiczenia będziesz pracowad z tekstem dodanym do powstającego
zaproszenia.

Dodanie tekstu na obrazie w trybie edycji

Kliknięcie na obrazie narzędziem Type Tool przełącza narzędzie w tryb edycji tekstu. W tym trybie
możesz wprowadzad lub edytowad znaki, aby wyjśd z tego trybu i wykonad następną operację, musisz
potwierdzid wprowadzone zmiany w warstwie tekstowej. Wybranie innego narzędzia automatycznie
zatwierdza zmiany. Jeśli, podczas pracy z tekstem, na pasku opcji zobaczysz przycisk Commit any

Current Edits -

i Cancel any Current Edits -

, oznacza to, że jesteś w trybie edycji.

1. Wybierz narzędzie Type Tool -

.

2. W opcjach narzędzia wybierz dowolną czcionkę bezszeryfową, a następnie zaznacz opcję Bold

i ustaw rozmiar na 72 punkty (jako czcionki bezszeryfowej możesz użyd np. czcionki Verdana).

3. Na pasku opcji kliknij na ikonę Set the Text Color, aby wywoład okno dialogowe Color Picker.

Upewnij się, że jest wyłączona opcja Only Web Colors i wprowadź następujące wartości:
R=249, G=222, B=8 i kliknij OK.

Kolor tekstu powinien ustawid się na kolor żółty.

4. Wpisz teraz nazwę fikcyjnego zespołu rockowego Crown na twoim logo.

Zauważ, że tekst pojawi się w nowej warstwie, która automatycznie zostanie nazwana Crown, po tym
jak klikniesz na inne narzędzie lub zatwierdzisz zmiany klikając na przycisk Commit any Current Edits -

.

5. W opcjach narzędzia Tool Type kliknij przycisk Create Warped Text -

, otworzy się okno

dialogowe Warp Text.

6. Zaznacz teraz styl Shell Lower, a w polu Bend wprowadź wartośd +20, resztę opcji pozostaw

na ustawieniu 0.

Pamiętaj, że możesz używad narzędzia Move Tool -

, aby przenieśd obiekt w inne miejsce i

powiększenia do lepszego podglądu pracy.

7. Zapisz swoją pracę.

Zastosowanie stylu do warstwy tekstowej

Możesz wykorzystad podstawowe style, przygotowane przez twórców programu Adobe Photoshop
lub utworzyd własny styl, używając palety Styles. Aby uzyskad więcej informacji o stylach, wykorzystaj
pomoc programu Photoshop.

1. W palecie Layers z wybraną warstwą tekstową zmieo tryb mieszania warstw z Norma na

Overlay.

2. Teraz kliknij na przycisk Add a Layer Style -

, który znajduje się na dole palety i wybierz

Drop Shadow z rozwijanego menu.

Otworzy się okno dialogowe Layer Style z zaznaczonym stylem Drop Shadow i dostępnymi dla niego
opcjami.

3. Wprowadź wartośd 27 procent w polu Opacity i kliknij OK.
4. Wybierz paletę Styles. Upewnij się, że jest wybrana warstwa Crown i kliknij na pusty kwadrat

w palecie Styles.

Otworzy się pole dialogowe New Style.

5. Wprowadź nazwę dla nowego stylu Podswietlenie tytulu i kliknij OK.

Nowy styl zostanie zapisany, użyjesz go jeszcze później w tym dwiczeniu.

Kliknięcie w palecie Styles na pustym stylu w celu wywołania okna dialogowego
i dodania nowego stylu do listy stylów.

6. Zapisz swoja pracę.

Scalanie warstw zawierających tekst z warstwą wektorową

Przez scalanie zwykłych warstw, warstw zawierających ścieżki wycinające, warstw połączonych oraz
warstw dopasowujących, możesz utworzyd z wielu różnorodnych warstw jedną warstwę, co uprości
zarządzanie nimi i zmniejszy rozmiar pliku wynikowego. Scalanie warstw możesz zastosowad w

dowolnym momencie pracy nad projektem, możesz połączyd tylko kilka z nich, zostawiając niektóre
jako samodzielne.

Utworzymy teraz dwie oddzielne warstwy (tekstową i z kształtem wektorowym) a następnie scalimy
je w jedną warstwę.

1. W palecie Layers utwórz nowa warstwę.

2. Wybierz narzędzie Polygonal Tool -

ukryte pod narzędziem Custom Shape Tool -

.

3. W opcjach narzędzia wybierz pozycję Create Filled Region -

i wprowadź wartośd 8 w polu

Side, jako ilośd boków wielokąta.

4. Wywołaj okno dialogowe Color Picker dla ustawienia koloru pierwszoplanowego i wprowadź

następujące wartości: R=228, G=45, B=31 i kliknij OK.

5. Teraz narysuj ośmiokąt wypełniony czerwonym kolorem, który posłuży jako znak stopu.

Podczas rysowaniu wielokąta, masz możliwośd obracania go względem środka w celu znalezienia
najlepszej pozycji. Możesz poza tym użyd narzędzia Move Tool w celu umieszczenia znaku tak jak na
obrazku koocowym.

6. Wybierz narzędzie Type Tool -

.

7. W opcjach narzędzia wybierz tą samą czcionkę, która użyłeś dla nazwy zespołu i zmieo jej

wielkośd na 24 punkty.

8. Następnie zmieo kolor tekstu na biały.
9. Wpisz słowo STOP gdziekolwiek na obrazie.

W tym momencie zostanie automatycznie utworzona warstwa tekstowa i ułożona powyżej warstwy
Layer 3.

10. Wybierz narzędzie Move Tool -

.

11. Przemieśd napis STOP na czerwony wielokąt tak jak pokazano na rysunku.
12. W menu palety Layers wybierz komendę Merge Down.

W tym momencie warstwa tekstowa Stop i warstwa zawierająca czerwony wielokąt połączą się
razem i otworzą wspólną warstwę Layer 3.

Wybór komendy Merge Down z menu

Obydwie warstwy scalone razem i
widoczne jako warstwa Layer 3

palety Layers

13. Będąc na warstwie Layer 3, wydaj polecenie Edit > Transform > Distort. Przeciągnij węzły, aby

ustawid znak pod skosem, tak jak na obrazku koocowym.

Przeciąganie węzłów dla
uzyskania perspektywy

Efekt końcowy

14. Zatwierdź ostatecznie zmiany np. przez naciśniecie klawisza Enter.
15. Zapisz swoją pracę.

Tworzenie ścieżki roboczej z tekstu

Uzyskanie ścieżki roboczej z tekstu umożliwi pracę z pojedynczym znakiem jak z kształtem
wektorowym. Ścieżka robocza jest tymczasową ścieżką, która pojawia się w palecie Path. Po
utworzeniu ścieżki z tekstu, będziesz mógł modyfikowad ją i zapisywad jak zwykłą ścieżkę. Oryginalny
tekst pozostanie nienaruszony i będzie mógł byd edytowany jak zwykły tekst.

1. Wybierz narzędzie Type Tool -

.

Ustaw kolor, czcionkę i rozmiar tekstu taki sam jak w przypadku znaku „STOP”.

2. Wpisz w dowolnym miejscu obrazu tekst Tournée 2002.

Uwaga: Do wpisania literki „é” użyj kombinacji klawisza Alt i 0233 (na klawiaturze numerycznej).

Zostanie utworzona automatycznie nowa warstwa tekstowa.

3. Wybierz narzędzie Move Tool -

i umieśd tekst za znakiem, tak jak to pokazano na

obrazku.

4. Wybierz narzędzie Type Tool -

.

5. Na pasku opcji kliknij przycisk Right Align Text -

.

6. W prawym górnym rogu zaproszenia wpisz 7/12 (lub inną datę).
7. Naciśnij klawisz Enter i wpisz Warszawa (lub inne miasto).

Wykorzystamy teraz ten tekst do utworzenia ścieżki.

8. Na pasku opcji kliknij na przycisk zatwierdzenia zmian na warstwie - Commit any Current

Edits -

.

9. Jeśli będzie to potrzebne, przesuo za pomocą właściwego narzędzia tekst, aby umieścid tak

jak na obrazku koocowym.

10. Przy aktywnej warstwie 7/12 Warszawa, wybierz Layer > Type > Create Work Path.

W palecie Path pojawi się teraz nowa ścieżka robocza – Work Path.

11. W palecie Layers kliknij na warstwie 7/12 Warszawa i przeciągnij ją na przycisk Trash -

.

Nowa ścieżka robocza

Warstwy trafia do kosza

12. Wybierz narzędzie Direct Selection Tool -

ukryte pod narzędziem Path Component

Selection Tool -

.

13. Teraz korzystając z klawisza Shift, kliknij na dwa górne lewe punkty cyfry 7, aby je zaznaczyd a

następnie przeciągnij je w lewą stronę, tworząc wydłużoną prostą linię.

14. Kliknij poza ścieżką, aby ją odznaczyd.

Zapamiętaj: Narzędzie Direct Selection Tool -

możesz użyd w celu edycji dowolnej ścieżki.

Użyj narzędzia Direct Selection
Tool do zaznaczenia węzłów

Przeciągnięcie węzłów z
wciśniętym klawiszem Shift

15. Zapisz swoją pracę.

Tworzenie ścieżki wycinającej ze ścieżki roboczej

Teraz utworzysz nową warstwę zawierającą ścieżkę wycinającą (Clipping Path) powstałą z
przekonwertowania ścieżki roboczej (Work Path). Ścieżka wycinająca tworzy ostry brzeg powstałego z
niej kształtu na warstwie i jest używana zawsze, gdy chcesz uzyskad czysty, zdefiniowany brzeg

elementu graficznego. Od momentu utworzenia warstwy zawierającej ścieżkę wycinającą, będziesz
mógł zastosowad style warstw do niej i następnie je modyfikowad, jeśli będzie to potrzebne.

1. Utwórz nową warstwę (pojawi się pod nazwą Layer 4).

2. Wybierz narzędzie Gradient Tool -

.

3. Jeśli okaże się to potrzebne, ustaw kolor pierwszoplanowy jako biały.
4. W opcjach narzędzia rozwio okno dialogowe Gradient Editor.
5. Wybierz teraz typ gradientu Foreground to Transparent i kliknij OK.

6. Naciśnij klawisz Shift i przeciągnij myszką od prawej strony do lewej.

Gradient powinien wypełnid teraz obraz i nałożyd się na dolne warstwy. Przed następnym krokiem
upewnij się, że w palecie Path jest wybrana ścieżka Work Path.

7. Wybierz Layer > Add Layer Clipping Path > Current Path.

Ścieżka powinna teraz zmienid nazwę na Layer 4 Clipping Path. Miniaturka przedstawiająca tą ścieżkę
pojawi się zarówno w palecie Layers jak i palecie Path.

Nałożony gradient na obraz

Zastosowanie ścieżki wycinającej

8. Kliknij na ikonę łącznika - w palecie Layers na warstwie Layer 4, aby rozdzielid gradient od

ścieżki.

9. Jeśli będzie to potrzebne, wybierz narzędzie Path Component Selection Tool -

a

następnie kliknij na pasku opcji przycisk Dismiss Target Path -

, co spowoduje odznaczenie

wszystkich ścieżek.

10. Wybierz narzędzie Move Tool -

i jeśli będzie to potrzebne dopasuj miejsce gradientu,

który widoczny jest przez ścieżkę wycinającą.

11. Zapisz swoją pracę

Wykorzystanie akcji i stylów w celu ponownego utworzenia logo

Teraz, kiedy masz utworzone logo przy użyciu kształtów wektorowych i ścieżek, możesz utworzyd to
logo ponownie na innym obrazku przy użyciu „akcji”.

Automatyzacja pracy może w wielu sytuacjach zaoszczędzid twój czas i przyczynid się do utrzymania
powtarzalności wyniku dla wielu typów operacji. Użycie actions jest jednym z wielu sposobów
automatyzacji pracy w programie Adobe Photoshop i ImageReady. Jako „akcję” należy rozumied serie
poleceo, które mogą byd odtworzone na pojedynczym pliku lub grupie plików.

Przygotowanie do zapisania nowej akcji

Będziemy używad palety Actions do zapisywania, odtwarzania, edytowania i kasowania akcji. Poza
tym paleta Actions, pozwala na zapisanie i załadowanie pliku zawierającego przygotowane akcje.

Rozpoczniesz od utworzenia nowego dokumentu i przygotowaniem palety Actions do zapisania
nowej akcji.

1. Wybierz File > New
2. W oknie dialogowym, wybierz jako jednostki miernicze, pixels i wprowadź jako szerokośd

(Width) wartośd 300 a jako wysokośd (Higth) wartośd 100. Upewnij się, że rozdzielczośd jest
ustawiona na 72 pixel/inch, a jako tło jest wybrany biały kolor. Wprowadź nazwę dla nowego
dokumentu i kliknij OK.

Nowo utworzony dokument posłuży nam jako tło dla logo, które utworzymy.

3. Jeśli będzie to potrzebne, wywołaj okno palety Actions, wydając polecenie Window > Show

Actions.

4. Na palecie Actions kliknij na przycisk Create New Set –

.

Kliknięcie przycisku Create New Set

5. W oknie dialogowym New Set wprowadź Moje akcje i kliknij OK.

W palecie Actions pojawi się nowy folder o nazwie Moje akcje, w którym będą przechowywane nasze
akcje.

Nagranie nowej akcji

Podczas tworzenia nowej akcji, wszystkie komendy i narzędzia, które będziesz używad, będą
dodawane do listy do momentu zakooczenia nagrywania.

1. W palecie Actions, kliknij przycisk Create New Action -

.

Kliknięcie przycisku Create New Action

2. W oknie dialogowym New Action, wprowadź nazwę Tworzenie Logo i kliknij przycisk Record.

Proces nagrywania rozpocznie się automatycznie.

3. W palecie Layers kliknij przycisk Create New Layer -

, aby stworzyd nową warstwę.

4. Wybierz narzędzie Custom Shape Tool -

.

5. Na pasku opcji rozwio listę kształtów (pozycja Shape:) i wybierz kształt Logo Zespolu, które

poprzednio zapisaliśmy.

6. Wybierz teraz dowolny kolor pierwszoplanowy, zważając jednak na to, że kolor tła obrazu

jest biały (my wybraliśmy kolor czarny).

7. Naciśnij teraz klawisz Shift i narysuj logo na powierzchni obrazu.

8. W palecie Layers przy zaznaczonej warstwie Layer 1, kliknij przycisk Add a Layer Style -

i wybierz Bewell and Emboss z rozwijanej listy.

9. W oknie dialogowym Layer Style zaakceptuj domyślne wartości i kliknij OK.

10. Wybierz narzędzie Type Tool -

.

11. W opcjach narzędzia ustaw taką samą czcionkę, jaką użyliśmy do utworzenia nazwy zespołu

przy tworzeniu zaproszenia. Zmieo rozmiar czcionki na 18 pt.

12. Kliknij ikonę Set the Text Color i wprowadź następujące wartości: R=249, G=222, B=8 i kliknij

OK.

13. Wpisz nazwę zespołu Crown.

14. W opcjach narzędzia Tool Type kliknij przycisk Creat Warped Text -

, otworzy się okno

dialogowe Warp Text.

15. Zaznacz teraz styl Shell Lower, a w polu Bend wprowadź wartośd +20, resztę opcji pozostaw

na ustawieniu 0.

Pamiętaj, że możesz używad narzędzia Move Tool -

, aby przenieśd obiekt w inne miejsce i

powiększenia do lepszego podglądu pracy.

16. Przejdź do palety Style i wybierz styl Podswietlenie Tytulu.

17. W palecie Actions, kliknij przycisk Stop -

, aby zakooczyd nagrywanie.

Kliknięcie przycisku Stop

Aby zobaczyd jak działa tryb nakładania Overlay zastosowany do utworzenia napisu, zmieo kolor tła
na inny przy pomocy narzędzia Paint Bucket Tool.

18. Zapisz swoją pracę i zamknij okno dokumentu.

Odtwarzanie akcji

Od momentu, kiedy zakooczysz tworzenie akcji, możesz wybrad ją w palecie Actions i użyd do
automatycznego wykonania zapisanych poleceo.

Teraz utworzymy logo ponownie, używając do tego nowo nagranej akcji.

Otworzysz teraz przygotowany wcześniej plik i wypróbujesz na nim nową „akcję”.

1. Wybierz File > Open i otwórz plik ksztalty_sunset.psd
2. Ustaw kolor pierwszoplanowy,, który posłuży do wypełnienia logo jednolitym kolorem.

Wywołaj okno dialogowe Color Picker i wprowadź następujące wartości: R=253, G=142,
B=40, kliknij OK.

3. W palecie Actions kliknij na pozycję Tworzenie Logo, a następnie na przycisk Play -

.

Logo zostanie automatycznie utworzone i wypełnione kolorem, który wcześniej ustawiliśmy jako
pierwszoplanowy.

4. Koniec dwiczenia. Zapisz swoją pracę.