background image

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. 

background image

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. 

background image

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. 

background image

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. 

background image

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. 

 

 

background image

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. 

background image

 

 

 

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ę. 

background image

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. 

background image

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 

background image

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 

background image

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. 

background image

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 

background image

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ą. 

background image

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. 

background image

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. 

background image

 

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ę.