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”.
Uruchom program Adobe Photoshop
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.
Wybierz File New.
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.
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.
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.
Wybierz narzędzie Rounded Rectangle Tool -
, ukryte pod narzędziem Rectangle Tool -
.
W opcjach narzędzia wprowadź wartość 20px w polu Radius i wybierz opcję Create New Shape Layer -
.
|
|
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ą).
|
|
Ś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ść 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.
Wybierz narzędzie Rectangle Tool -
, ukryte pod narzędziem Rounded Rectangle Tool -
.
W opcjach narzędzia wybierz pozycję Substract from Shape Area -
.
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.
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.
|
|
|
Wybór kształtu narzędziem Path Component Selection Tool |
Skopiowanie kształtu z wciśniętym klawiszem Alt |
Wynik |
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 -
.
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.
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ą.
W palecie Layers kliknij na przycisk tworzenia nowej warstwy New Layer.
Wybierz narzędzie Ellipse Tool -
.
W opcjach narzędzia wybierz pozycję Create New Work Path -
.
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.
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.
|
|
|
Wynik |
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.
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 |
Wybierz narzędzie Path Component Selection Tool -
.
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.
Kliknij na kolor pierwszoplanowy w pasku narzędziowym, aby otworzyć menu dialogowe Color Picker, ustaw biały kolor i kliknij OK.
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 |
W palecie Layer zmień stopień przezroczystości warstwy Layer 1 do wartości około 40 procent.
Jeśli będzie to potrzebne użyj narzędzia Path Component Selection Tool -
, aby przesunąć ścieżki i otrzymać efekt podobny jak na rysunku końcowym
Jeśli będzie to potrzebne użyj narzędzia Move Tool -
, aby przesunąć wypełnienie i otrzymać efekt podobny jak na rysunku końcowym
Zapisz swoją pracę.
Tworzenie i praca z kształtami użytkownika
Kiedy utworzysz jakiś ciekawy kształt, masz możliwość zapisania go i ponownego użycia. Zapisany kształt pojawi się w palecie Custom Shape.
Wybierz narzędzie Custom Shape Tool-
, ukryte pod narzędziem Ellipse Tool -
.
Na pasku opcji kliknij strzałkę obok pola Shape, aby otworzyć rozwijane menu Custom Shape.
Wywołaj teraz menu palety, klikając na okrągły przycisk -
w prawym górnym rogu. Wybierz teraz pozycję Custom Shapes.csh.
W oknie dialogowym kliknij przycisk Append, aby dodać 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 |
Z menu kształtów wybierz kształt korony (Crown) a na pasku opcji kliknij na przycisk Add to Shape Area -
.
Naciśnij klawisz Shift i przeciągnij myszką, aby narysować kształt korony obok istniejącej już ścieżki roboczej. Użyj narzędzia Path Component Selection Tool -
, aby umieścić kształt tak jak pokazano na rysunku końcowym.
Korona stanie się teraz częścią ścieżki roboczej zawierającej już dwa okręgi.
Utwórz teraz nową warstwę, która pojawi się pod nazwą Layer 2. Nowa warstwa powinna zawierać obydwa kształty: koronę i kształt powstały z dwóch okręgów.
Zaznacz jedynie kształt korony przy pomocy narzędzia Path Component Selection Tool -
.
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.
Jeśli to potrzebne, wybierz biały kolor dla koloru pierwszoplanowego.
W menu palety Path wybierz komendę Stroke Subpath.
W oknie dialogowym Stroke Subpath wybierz narzędzie Paintbrush z rozwijanego menu i kliknij OK.
|
|
W palecie Layers kliknij dwukrotnie na warstwie Layer 2, aby otworzyć okno dialogowe Layer Style.
W oknie dialogowym zaznacz opcje Outer Glow i Bevel and Emboss. Następnie kliknij na pozycję Betel and Emboss, aby wyświetlić dostępne opcje w prawej części okna.
Wybierz Inner Bevel z rozwijanego menu Style w sekcji Strukture. Następnie w polu Depth wprowadź wartość 71 procent i wybierz kierunek Down w polu Direction.
Pozostaw domyślne ustawienia dla pozycji Outer Glow i kliknij OK.
W palecie Path kliknij dwukrotnie na ścieżce Work Path, aby wywołać okno dialogowe Save Path. Wprowadź nazwę dla ścieżki np. Logo Zespolu i kliknij OK.
Wybierz Edit Define Custom Shape, aby dodać nowy kształt do list kształtów użytkownika. Wprowadź nazwę Logo Zespolu w polu Name okna dialogowego Shape Name i kliknij OK.
Zapisz swoją pracę.
Praca z tekstem
Adobe Photoshop umożliwia tobie tworzenie edycję tekstu bezpośrednio na obrazie (nie wchodząc do okien dialogowych), masz tez możliwość szybkiej zmiany stylu, wielkości i koloru tekstu. Możesz zastosować zmiany indywidualnie do każdego znaku, albo przeprowadzić formatowanie całego akapitu. W kolejnej części lekcji będziesz pracować 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 wprowadzać lub edytować znaki, aby wyjść z tego trybu i wykonać następną operację, musisz potwierdzić 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.
Wybierz narzędzie Type Tool -
.
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żyć np. czcionki Verdana).
Na pasku opcji kliknij na ikonę Set the Text Color, aby wywołać 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 ustawić na kolor żółty.
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 -
.
|
|
|
|
W opcjach narzędzia Tool Type kliknij przycisk Creat Warped Text -
, otworzy się okno dialogowe Warp Text.
Zaznacz teraz styl Shell Lower, a w polu Bend wprowadź wartość +20, resztę opcji pozostaw na ustawieniu 0.
Pamiętaj, że możesz używać narzędzia Move Tool -
, aby przenieść obiekt w inne miejsce i powiększenia do lepszego podglądu pracy.
Zapisz swoją pracę.
Zastosowanie stylu do warstwy tekstowej
Możesz wykorzystać podstawowe style, przygotowane przez twórców programu Adobe Photoshop lub utworzyć własny styl, używając palety Styles. Aby uzyskać więcej informacji o stylach, wykorzystaj pomoc programu Photoshop.
W palecie Layers z wybraną warstwą tekstową zmień tryb mieszania warstw z Norma na Overlay.
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.
Wprowadź wartość 27 procent w polu Opacity i kliknij OK.
Wybierz paletę Styles. Upewnij się, że jest wybrana warstwa Crown i kliknij na pusty kwadrat w palecie Styles.
Otworzy się pole dialogowe New Style.
Wprowadź nazwę dla nowego stylu Podswietlenie tytulu i kliknij OK.
Nowy styl zostanie zapisany, użyjesz go jeszcze później w tej lekcji.
|
|
Kliknięcie w palecie Styles na pustym stylu w celu wywołania okna dialogowego i dodania nowego stylu do listy stylów. |
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 utworzyć z wielu różnorodnych warstw jedną warstwę, co uprości zarządzanie nimi i zmniejszy rozmiar pliku wynikowego. Scalanie warstw możesz zastosować w dowolnym momencie pracy nad projektem, możesz połączyć 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ę.
W palecie Layers utwórz nowa warstwę.
Wybierz narzędzie Polygonal Tool -
ukryte pod narzędziem Custom Shape Tool -
.
W opcjach narzędzia wybierz pozycję Create Filled Region -
i wprowadź wartość 8 w polu Side, jako ilość boków wielokąta.
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.
Teraz narysuj ośmiokąt wypełniony czerwonym kolorem, który posłuży jako znak stopu.
Podczas rysowaniu wielokąta, masz możliwość obracania go względem środka w celu znalezienia najlepszej pozycji. Możesz poza tym użyć narzędzia Move Tool w celu umieszczenia znaku tak jak na obrazku końcowym.
Wybierz narzędzie Type Tool -
.
W opcjach narzędzia wybierz tą samą czcionkę, która użyłeś dla nazwy zespołu i zmień jej wielkość na 24 punkty.
Następnie zmień kolor tekstu na biały.
Wpisz słowo STOP gdziekolwiek na obrazie.
W tym momencie zostanie automatycznie utworzona warstwa tekstowa i ułożona powyżej warstwy Layer 3.
Wybierz narzędzie Move Tool -
.
Przemieść napis STOP na czerwony wielokąt tak jak pokazano na rysunku.
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 palety Layers |
Obydwie warstwy scalone razem i widoczne jako warstwa Layer 3 |
Będąc na warstwie Layer 3, wydaj polecenie Edit Transform Distort. Przeciągnij węzły, aby ustawić znak pod skosem, tak jak na obrazku końcowym.
|
|
Przeciąganie węzłów dla uzyskania perspektywy |
Efekt końcowy |
Zatwierdź ostatecznie zmiany np. przez naciśniecie klawisza Enter.
Zapisz swoją pracę.
Tworzenie ścieżki roboczej z tekstu
Uzyskanie ścieżki roboczej z tekstu umożliwi tobie 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ł modyfikować ją i zapisywać jak zwykłą ścieżkę. Oryginalny tekst pozostanie nienaruszony i będzie mógł być edytowany jak zwykły tekst.
Wybierz narzędzie Type Tool -
.
Ustaw kolor, czcionkę i rozmiar tekstu taki sam jak w przypadku znaku „STOP”.
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.
Wybierz narzędzie Move Tool -
i umieść tekst za znakiem, tak jak to pokazano na obrazku.
Wybierz narzędzie Type Tool -
.
Na pasku opcji kliknij przycisk Right Align Text -
.
W prawym górnym rogu zaproszenia wpisz 7/12.
Naciśnij klawisz Enter i wpisz Warszawa.
Wykorzystamy teraz ten tekst do utworzenia ścieżki.
Na pasku opcji kliknij na przycisk zatwierdzenia zmian na warstwie - Commit any Current Edits -
.
Jeśli będzie to potrzebne, przesuń za pomocą właściwego narzędzia tekst, aby umieścić tak jak na obrazku końcowym.
Przy aktywnej warstwie 7/12 Warszawa, wybierz Layer Type Create Work Path.
W palecie Path pojawi się teraz nowa ścieżka robocza - Work Path.
W palecie Layers kliknij na warstwie 7/12 Warszawa i przeciągnij ją na przycisk Trash -
.
|
|
Nowa ścieżka robocza |
Warstwy trafia do kosza |
Wybierz narzędzie Direct Selection Tool -
ukryte pod narzędziem Path Component Selection Tool -
.
Teraz korzystając z klawisza Shift, kliknij na dwa górne lewe punkty cyfry 7, aby je zaznaczyć a następnie przeciągnij je w lewą stronę, tworząc wydłużoną prostą linię.
Kliknij poza ścieżką, aby ją odznaczyć.
Zapamiętaj: Narzędzie Direct Selection Tool -
możesz użyć 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 |
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 uzyskać czysty, zdefiniowany brzeg elementu graficznego. Od momentu utworzenia warstwy zawierającej ścieżkę wycinającą, będziesz mógł zastosować style warstw do niej i następnie je modyfikować, jeśli będzie to potrzebne.
Utwórz nową warstwę (pojawi się pod nazwą Layer 4).
Wybierz narzędzie Gradient Tool -
.
Jeśli okaże się to potrzebne, ustaw kolor pierwszoplanowy jako biały.
W opcjach narzędzia rozwiń okno dialogowe Gradient Editor.
Wybierz teraz typ gradientu Foreground to Transparent i kliknij OK.
Naciśnij klawisz Shift i przeciągnij myszką od prawej strony do lewej.
Gradient powinien wypełnić teraz obraz i nałożyć się na dolne warstwy. Przed następnym krokiem upewnij się, że w palecie Path jest wybrana ścieżka Work Path.
Wybierz Layer Add Layer Clipping Path Current Path.
Ścieżka powinna teraz zmienić 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 |
Kliknij na ikonę łącznika -
w palecie Layers na warstwie Layer 4, aby rozdzielić gradient od ścieżki.
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.
Wybierz narzędzie Move Tool -
i jeśli będzie to potrzebne dopasuj miejsce gradientu, który widoczny jest przez ścieżkę wycinającą.
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 utworzyć to logo ponownie na innym obrazku przy użyciu „akcji”.
Automatyzacja pracy może w wielu sytuacjach zaoszczędzić twój czas i przyczynić 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 rozumieć serie poleceń, które mogą być odtworzone na pojedynczym piku lub grupie plików.
Przygotowanie do zapisania nowej akcji
Będziemy używać 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.
Wybierz File New
W oknie dialogowym, wybierz jako jednostki miernicze, pixels i wprowadź jako szerokość (Width) wartość 300 a jako wysokość (Higth) wartość 100. Upewnij się, że rozdzielczość 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.
Jeśli będzie to potrzebne, wywołaj okno palety Actions, wydając polecenie Window Show Actions.
Na palecie Actions kliknij na przycisk Create New Set -
.
|
Kliknięcie przycisku Create New Set |
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żywać, będą dodawane do listy do momentu zakończenia nagrywania.
W palecie Actions, kliknij przycisk Create New Action -
.
|
Kliknięcie przycisku Create New Action |
W oknie dialogowym New Action, wprowadź nazwę Tworzenie Logo i kliknij przycisk Record.
Proces nagrywania rozpocznie się automatycznie.
W palecie Layers kliknij przycisk Create New Layer -
, aby stworzyć nową warstwę.
Wybierz narzędzie Custom Shape Tool -
.
Na pasku opcji rozwiń listę kształtów (pozycja Shape:) i wybierz kształt Logo Zespolu, które poprzednio zapisaliśmy.
Wybierz teraz dowolny kolor pierwszoplanowy, zważając jednak na to, że kolor tła obrazu jest biały (my wybraliśmy kolor czarny).
Naciśnij teraz klawisz Shift i narysuj logo na powierzchni obrazu.
W palecie Layers przy zaznaczonej warstwie Layer 1, kliknij przycisk Add a Layer Style -
i wybierz Bewell and Emboss z rozwijanej listy.
W oknie dialogowym Layer Style zaakceptuj domyślne wartości i kliknij OK.
Wybierz narzędzie Type Tool -
.
W opcjach narzędzia ustaw taką samą czcionkę, jaką użyliśmy do utworzenia nazwy zespołu przy tworzeniu zaproszenia. Zmień rozmiar czcionki na 18 pt.
Kliknij ikonę Set the Text Color i wprowadź następujące wartości: R=249, G=222, B=8 i kliknij OK.
Wpisz nazwę zespołu Crown.
W opcjach narzędzia Tool Type kliknij przycisk Creat Warped Text -
, otworzy się okno dialogowe Warp Text.
Zaznacz teraz styl Shell Lower, a w polu Bend wprowadź wartość +20, resztę opcji pozostaw na ustawieniu 0.
Pamiętaj, że możesz używać narzędzia Move Tool -
, aby przenieść obiekt w inne miejsce i powiększenia do lepszego podglądu pracy.
Przejdź do palety Style i wybierz styl Podswietlenie Tytulu.
W palecie Actions, kliknij przycisk Stop -
, aby zakończyć nagrywanie.
|
Kliknięcie przycisku Stop |
Aby zobaczyć jak działa tryb nakładania Overlay zastosowany do utworzenia napisu, zmień kolor tła na inny przy pomocy narzędzia Paint Bucket Tool.
Zapisz swoją pracę i zamknij okno dokumentu.
Odtwarzanie akcji
Od momentu, kiedy zakończysz tworzenie akcji, możesz wybrać ją w palecie Actions i użyć do automatycznego wykonania zapisanych poleceń.
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ę”.
Wybierz File Open i otwórz plik L7_ksztalty_sunset.psd z katalogu Photoshop-Lekcja7, który znajduje się na twoim dysku twardym w katalogu Moje dokumenty.
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.
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.
Zapisz swoją pracę.
Pytania kontrolne
Jaką różnicę dostrzegasz między grafiką bitmapową i wektorową?
Wyjaśnij działanie ścieżki wycinającej (Clipping Path).
Jakich narzędzi używa się do przesuwania i zmiany rozmiaru ścieżki?
Czy można utworzyć własny styl warstwy?
Czy narzędzie Type Tool tworzy wektorowe kształty?
Czy istnieje możliwość tworzenia własnych kształtów wektorowych?
W jakim celu przeprowadza się scalanie warstw (Merging Layers)?
W jaki sposób możesz zautomatyzować pracę w Photoshopie?
10
Lekcja 7
Adobe Photoshop - Kształty wektorowe i ścieżka wycinająca
11
Lekcja 7
Adobe Photoshop - Kształty wektorowe i ścieżka wycinająca
Materiały szkoleniowe do użytku wewnętrznego CKP Wrocław
Materiały szkoleniowe do użytku wewnętrznego CKP Wrocław