Documente online.
Zona de administrare documente. Fisierele tale
Am uitat parola x Creaza cont nou
 HomeExploreaza
upload
Upload




Symbole i biblioteki

Poloneza


Symbole i biblioteki

W tym rozdziale:

u         Poznajemy symbole.

u         Tworzenie i modyfikowanie symboli.



u         Modyfikowanie kopii.

u         Praca z przyciskami.

u         Zarządzanie bibliotekami.

Wiele funkcji Fireworks zostało zaprojektowanych specjalnie z myślą o zmini­ma­li­zo­wa­niu liczby powtarzanych operacji w pracy projektanta internetowego. Jedną z takich funk­cji są symbole. W dużym skrócie, symbole działają jako główne kopie obiektów i są przechowywane w bibliotece symboli. Kopie symboli, nazywane "instances", za­cho­­wu­ją połączenia z oryginalnymi symbolami, mogą więc być modyfikowane jako gru­py obiektów. Modyfikacja symbolu powoduje "odziedziczenie" wprowadzonych zmian przez wszystkie jego kopie.

Ten rozdział rozpoczyna się omówieniem podstaw korzystania z symboli, kopii i bi­blio­tek w Fireworks. Z późniejszych podrozdziałów dowiesz się, jak tworzyć, mody­fi­ko­wać oraz zarządzać symbolami, kopiami i bibliotekami.

Podstawowe wiadomości
o symbolach i kopiach

Symbole Fireworks działają jak szablony pojedynczych obiektów. Symbol można trak­to­wać jak stempel, który zanurzasz w atramencie. Następnie możesz "stemplować" nie­ogra­niczoną ilość kopii symbolu, nazywanych "instances". Są to kopie sym­bo­li, które zachowują połączenia z oryginalnym symbolem. Zmodyfikowanie symbolu spo­wo­duje odziedziczenie wszystkich zmian przez jego kopie. Z drugiej strony - kopie po­siadają także pewne właściwości niezale&# 11211d37l 380;ne od symboli. Możesz na przykład sto­so­wać do nich indywidualnie narzędzia transformacji, dodawać efekty lub zmieniać prze­zro­czys­tość (rysunek 17.1). Z punktu widzenia projektanta, symbole i kopie umo­żli­wia­ją za­cho­wanie spójnego wyglądu obiektów bez utraty ich indywidualnych para­metrów.

Rysunek 17.1.

Wszystkie znajdujące się na ilustracji obiekty
są kopiami tego samego symbolu zmodyfikowanymi
za pomocą skalowania, przekrzywiania, zmian stopnia krycia i efektów. Kopia w górnym lewym rogu nie jest zmodyfikowana i wygląda jak symbol macierzysty

Modified ... - Kopie zmodyfikowane

Symbol - Symbol

Podczas edycji symbolu w edytorze symboli, połączenie pomiędzy kopią a jej symbolem macierzystym powoduje, że dziedziczy ona te zmiany (rysunek 17.2). Kopie są automatycznie aktualizowane, aby odpowiadały swemu macierzystemu symbolowi zaraz po zamknięciu edytora symboli. Nie ma to jednak wpływu na wszelkie modyfikacje wykonane na poszczególnych kopiach, np. przez zastosowanie efektów, filtra Photoshopa czy narzędzia Transforrm

Rysunek 17.2.

Kopie z rysunku 17.1 są automatycznie aktualizowane po zmodyfikowaniu symbolu macierzystego. Chociaż wszystkie kopie zostały poważnie zmodyfikowane, wyraźnie widać modyfikację kopii podstawowej (w lewym górnym rogu)

Updated ... - Kopia zmodyfikowana i zaktualizowana

Edited ... - Zmodyfikowany symbol

Symbole są zawsze przechowywane w bibliotekach dostępnych z poziomu palety Lib­ra­ry (rysunek 17.3). Przekształcenie obiektu na symbol spowoduje umieszczenie go w pale­cie Library i pozostawienie w oknie dokumentu kopii symbolu. Paleta Library oferuje wie­le funkcji umożliwiających zarządzanie oraz modyfikowanie symboli i bibliotek. Pod­stawowe funkcje przeznaczone są jednak do zarządzania kopiami. Przeciągnięcie sym­bolu z biblioteki i upuszczenie go w oknie dokumentu spowoduje utworzenie nowej kopii, jest to więc operacja podobna do tworzenia skrótów do plików w systemie Win­dows lub aliasów w MacOS. Kopie są nawet oznaczane taką samą małą strzałką, jaką posiadają skróty w Windows i aliasy w MacOS.

Jedną z najmniej zauważalnych zalet kopii jest to, iż są one znacznie szybciej odtwa­rza­ne przez program niż oryginalne symbole. Podczas gdy symbol może być złożonym obiek­tem wektorowym o skomplikowanym obrysie i gradientowym wypełnieniu, jego kopia jest prostym obiektem bitmapowym. Wykorzystywanie wielu kopii zamiast nie­zależnych obiektów (rysunek 17.4) pozwala zwiększyć wydajność komputera, gdyż Fire­works rysuje wówczas proste obrazki bitmapowe zamiast bardziej złożonych obiek­tów wektorowych.

Rysunek 17.3.

Symbole są przechowywane w palecie Library. Przeciągnięcie symbolu do okna dokumentu powoduje utworzenie kopii, reprezentowanej
za pomocą małej strzałki znajdującej się wewnątrz
jej ramki ograniczającej

Rysunek 17.4.

Kopie są uproszczonymi, bitmapowymi wersjami oryginalnych symboli. Możesz korzystać z wielu kopii bez żadnego wpływu
na wydajność pracy w Fireworks

Original ... - Oryginalny rysunek wektorowy

Instance ... - Kopia bitmapowa

Hundreds ... - Setki bitmapowych kopii

Fireworks oferuje dwa różne typy symboli:

u         Graphic Symbols (Symbole graficzne). Symbole graficzne są głównymi sym­bo­lami. Z reguły, gdy mówimy o symbolach, przeważnie mamy na myśli sym­bo­le graficzne. Kopia symbolu graficznego zachowuje się tak samo jak każ­dy inny obiekt Fireworks. Możesz ją umieścić w dowolnym miejscu obsza­ru ro­bo­czego, przenieść na inną warstwę lub zmodyfikować jej dowolną właś­ciwość.

u         Button Symbol (Symbol przycisku). Symbole przycisków są dodatkowymi sym­bolami. Symbol przycisku posiada wiele klatek, zawierających różne stany przy­cisku: Up (Normalny), Over (Pod wskaźnikiem myszy) lub Down (Wciś­nię­ty). W kopiach przycisków znajdują się ich własne plastry z przy­dzie­lo­nymi adresami URL lub behawiorami. W pewnym sensie symbol przycisku jest połączeniem poszczególnych obiektów Fireworks składających się na przy­cisk, które tworzą grupę łatwą do edycji i ponownego wykorzystania.

Operacje tworzenia i modyfikowania tych dwóch typów symboli różnią się nieco mię­dzy sobą, a każdy typ symbolu posiada własny edytor. Mają one także wiele cech wspól­nych. Kopie przycisków dziedziczą od oryginalnych symboli takie same właś­ci­wości co kopie graficzne.

Kopie umożliwiają również tworzenie zaawansowanych animacji, gdyż Fireworks po­trafi sekwencjonować dwie lub więcej kopii, tworząc pomiędzy nimi wszystkie eta­py pośrednie. Program upraszcza i przyspiesza w ten sposób proces animowania obiek­tów. Na przykład w sekwencjonowaniu pomniejszonej kopii z powiększoną, Fire­works połączy je za pomocą nowych, pośrednich kopii, które następnie mogą być łatwo rozmieszczone w poszczególnych klatkach dokumentu, tworząc w ten sposób ani­mację powiększania lub zmniejszania obiektu.

Więcej o sekwencjonowaniu kopii przeczytasz w rozdziale 23.

 

Paleta Library

Paleta Library (rysunek 17.5) jest centrum zarządzania bibliotekami symboli Fire­works. Każdy symbol używany w bieżącym dokumencie jest wyświetlany w palecie Lib­rary i identyfikowany za pomocą odpowiedniej ikony jako symbol graficzny lub sym­bol przycisku. Jak większość innych palet Fireworks, paleta Library posiada roz­wi­ja­ne menu i może być dokowana w grupach innych palet. Aby wyświetlić paletę Lib­ra­ry wybierz z menu polecenie Window Library lub użyj skrótu klawiaturowego F11

Oto lista najważniejszych elementów palety Library

u         Symbol list (Lista symboli). Gdy tworzysz lub importujesz symbole, są one au­to­­matycznie dodawane do listy symboli. Po utworzeniu nowego dokumentu, pa­leta Library jest kompletnie pusta. Lista symboli jest podzielona na kolumny opi­sujące różne właściwości symboli, podobne do kolumn, które możesz zo­ba­czyć przy eksploracji katalogów w systemie Windows lub MacOS, gdy wy­bie­rzesz wi­dok List (Lista). Podwójne kliknięcie symbolu w liście spowoduje ot­war­cie ok­na dia­logowego Symbol Properties (Właściwości symbolu) umożliwiającego zmia­nę nazwy symbolu oraz przekształcenie go z symbolu przycisku na sym­bol graficzny lub odwrotnie.

u         Symbol preview (Podgląd symbolu). Wybór symbolu z listy powoduje wy­świe­tlenie jego podglądu. Przeciągnięcie podglądu do okna dokumentu auto­ma­tycznie wywoła utworzenie kopii symbolu w dokumencie. Dwukrotne klik­nięcie podglądu symbolu otwiera okno edycji symbolu.

Rysunek 17.5.

Paleta Library jest miejscem, w którym można przechowywać i zarządzać bibliotekami symboli

Symbol preview - Podgląd symbolu

Pop-up menu button - Przycisk menu rozwijanego

Pop-up menu - Menu rozwijane

Show All ... - Pokaż wszystkie kolumny

Play ... - Odtwórz symbol

Button ... - Ikona symbolu przycisku

Graphic ... - Ikona symbolu graficznego

Symbol list - Lista symboli

New Symbol ... - Nowy symbol

Edit ... - Edytuj symbol

Delete ... - Usuń symbol

Toggle ... - Włącz/Wyłącz sortowanie

Minimize ... - Minimalizuj szerokość palety

u         Pop-up menu (Menu rozwijane). W rozwijanym menu znajdują się polecenia umo­żliwiające tworzenie i zarządzanie symbolami.

W kolejnych podrozdziałach przyjrzymy się bliżej palecie Library oraz tworzeniu, edy­cji i zarządzaniu symbolami.

Tworzenie i modyfikowanie symboli

W większości przypadków symbole będziesz tworzył i modyfikował za pomocą po­le­ceń znajdujących się w menu Insert, mimo że podobne polecenia znajdziesz w rozwi­ja­nym menu palety Library, któremu przyjrzymy się bliżej w kolejnych podrozdziałach.

Tworzenie symboli

Pierwszym krokiem do wykorzystania symbolu w dokumencie jest oczywiście jego utwo­rzenie. W Fireworks dostępne są trzy metody: przekształcenie istniejącego obiektu na symbol, opracowanie symbolu od zera lub zduplikowanie istniejącego symbolu. Praw­dopodobnie najczęściej wykorzystywaną metodą jest konwertowanie istniejących obiek­tów. Fireworks zdradza nawet preferencje dla konwertowania obiektów na sym­bo­le
poprzez swoje skróty klawiaturowe. Aby przekonwertować obiekt na symbol, wy­star­czy wcisnąć klawisz
F8, zaś aby utworzyć symbol od zera, trzeba użyć kombinacji kla­wi­szy Ctrl+F8 w Windows lub Command+F8 w MacOS.

Dla użytkowników MacOS: Jeśli przypisałeś jakimś klawiszom funk­cyj­nym określone funkcje w systemie operacyjnym, nie będziesz mógł korzystać z tych klawiszy w Fireworks. Zamiast nich będziesz musiał korzystać z poleceń menu Fireworks, chyba że wyłączysz mapowanie klawiszy funk­cyjnych w panelu kontrolnym klawiatury (Keyboard Control Panel).

 

Konwertowanie obiektów

Na symbole można przekształcać prawie wszystkie obiekty Fireworks. Mogą to być obiek­ty wektorowe, bitmapowe, a nawet grupy obiektów.

Mimo że możesz przekształcić kopię na symbol, konwersja taka po­woduje przerwanie połączenia pomiędzy kopią a oryginalnym sym­bolem.

 

Aby przekonwertować obiekt na symbol:

1. Zaznacz obiekt, który chcesz przekształcić na symbol.

2. Wybierz z menu polecenie Insert Convert to Symbol lub użyj skrótu klawia­tu­ro­wego F8. Fireworks wyświetli okno dialogowe Symbol Properties (rysunek 17.6).

Rysunek 17.6.

W oknie dialogowym Symbol Properties wpisz nazwę symbolu w polu tekstowym Name oraz określ, czy chcesz utworzyć symbol graficzny, czy też symbol przycisku

3. W polu Name zamiast słowa "Symbol" wpisz własną nazwę symbolu.

4. Domyślnie Fireworks tworzy symbol graficzny. Pozostaw włączoną opcję Gra­phic i kliknij przycisk OK

Symbole przycisków omówimy w kolejnych podrozdziałach, a symbole animacji w rozdziale 23.

Fireworks umieści oryginalny obiekt w palecie Library, zaś w oknie dokumentu pozos­ta­wi jego kopię. Można ją rozpoznać po małej strzałce umieszczonej wewnątrz jej ram­ki ograniczającej.

Tworzenie symboli od zera

Jeśli wiesz, jak w przybliżeniu powinien wyglądać Twój symbol, możesz go utworzyć od zera lub zbudować symbol, będący połączeniem różnych obiektów. W takim przy­pad­ku, powinieneś utworzyć nowy symbol, a następnie kopiować i wklejać do niego róż­ne elementy z okna dokumentu.

Aby utworzyć nowy symbol:

1. Wybierz z menu polecenie Insert New Symbol lub użyj skrótu klawiatu­ro­wego Ctrl+F8 Command+F8). Możesz także wybrać polecenie New Symbol z roz­wi­ja­nego menu palety Library. Fireworks wyświetli okno dialogowe Sym­bol Pro­perties

2. W polu Name zamiast słowa "Symbol" wpisz własną nazwę symbolu.

3. Pozostaw zaznaczoną opcję Graphic, aby utworzyć symbol graficzny i kliknij przy­cisk OK

4. Fireworks otworzy okno Symbol Editor (Edytor symboli) (rysunek 17.7).

Rysunek 17.7.

Okno Symbol Editor jest specjalnym oknem dokumentu, umożliwiającym tworzenie lub edytowanie symboli graficznych

5. W oknie Symbol Editor możesz rozpocząć tworzenie nowego symbolu tak sa­mo, jakbyś tworzył obiekt w oknie dokumentu. Możesz korzystać z dowolnych na­rzędzi Fireworks oraz pływających palet, na przykład Live Effects. Możliwe jest także kopiowanie i wklejanie obiektów pomiędzy oknem Symbol Editor i ok­nem dokumentu.

Nowy symbol będziesz mógł później modyfikować, więc nie musisz go już teraz utworzyć z absolutną precyzją.

 

6. Po zakończeniu edycji symbolu, zamknij okno Symbol Editor, klikając krzy­żyk, znajdujący się w prawym górnym rogu okna w Windows lub w lewym gór­nym rogu okna w MacOS.

W palecie Library zostanie wyświetlony nowo utworzony symbol, zaś w oknie dokumentu po­zostanie jego kopia.

W Fireworks 4 polecenie Save jest wyłączone przy otwartym oknie edytora symboli. W takim przypadku naciśnięcie klawiszy Ctrl+S (Command+S) nie powoduje zapisania bieżącego dokumentu. Rozwiązaniem jest zapisanie dokumentu przed otwarciem edytora symboli.

Duplikowanie istniejących symboli

Ostatnią metodą tworzenia nowych symboli jest duplikowanie symboli istniejących.

Aby zduplikować symbol:

7. Wybierz z menu polecenie Window Library lub użyj skrótu klawiaturowego F11, aby wyświetlić paletę Library

8. Z listy symboli wybierz ten, który chcesz zduplikować.

9. Wybierz polecenie Duplicate z rozwijanego menu palety Library

Fireworks zduplikuje zaznaczony symbol oraz nada mu nazwę składającą się z nazwy ory­ginalnego symbolu i kolejnego numeru.

Aby zmienić nazwę symbolu, kliknij dwukrotnie jego nazwę w liście i wpisz nową nazwę w oknie dialogowym Symbol Properties.

 

Modyfikowanie symboli

Symbole można łatwo modyfikować w oknie Symbol Editor. Po zakończeniu edycji sym­bolu i zamknięciu okna edytora, wszystkie dokonane zmiany są zastosowywane do sa­mego symbolu i wszystkich jego kopii. Wynika więc z tego, że zmodyfikowanie sym­bolu pociąga za sobą zmiany kopii.

Aby zmodyfikować istniejący symbol:

10. Wybierz z menu polecenie Window Library lub użyj skrótu klawiaturowego F11, aby wyświetlić paletę Library

11. Z listy symboli wybierz ten, który chcesz modyfikować.

12. Kliknij dwukrotnie podgląd symbolu, aby otworzyć symbol w oknie Symbol Edi­tor. Możesz także wybrać polecenie Edit Symbol z rozwijanego menu palety Library

13. Dokonaj modyfikacji symbolu w oknie Symbol Editor. Po zakończeniu edycji zam­knij okno Symbol Editor za pomocą znaku zamykania, który znajduje się w gór­nym prawym rogu okna w Windows lub w lewym górnym rogu w MacOS.

Wszystkie dokonane zmiany zostaną zastosowane do symbolu i wszystkich je­go kopii.

Edycja symboli "na skróty"

Fireworks oferuje dwie metody edycji symboli "na skróty":

u         Jeśli w oknie dokumentu zaznaczona jest kopia, a Ty chcesz zmodyfikować tyl­ko oryginalny symbol, wybierz z menu polecenie Modify Symbol Edit Sym­bol, aby wyświetlić główny symbol w oknie Symbol Editor

u         Podczas edycji właściwości symbolu w oknie dialogowym Symbol Properties (opi­sywanym w następnym podrozdziale), możesz kliknąć przycisk Edit, aby otwo­rzyć symbol w oknie Symbol Editor

Przy korzystaniu z dowolnej z tych metod, zamknięcie okna Symbol Editor powoduje zasto­so­wa­nie zmian do wszystkich kopii symbolu.

Jeśli dokonasz niepożądanych zmian w oknie Symbol Editor, możesz zam­knąć to okno (co spowoduje zastosowanie zmian), a następnie wy­brać z menu polecenie Edit Undo, aby cofnąć zmiany.

 

Modyfikowanie właściwości symboli

Oprócz modyfikowania samych symboli, można edytować także ich właściwości. Mo­żesz zmieniać ich nazwy albo konwertować symbole graficzne na symbole przycisków i od­wrotnie.

Aby zmodyfikować właściwości symbolu:

14. Wybierz z menu polecenie Window Library lub użyj skrótu klawiaturowego F11, aby wyświetlić paletę Library

15. Otwórz okno dialogowe Symbol Properties za pomocą jednej z dwóch metod:

u Dwukrotnie kliknij nazwę symbolu w liście.

u Zaznacz symbol w liście i wybierz polecenie Properties z rozwijanego menu palety.

Fireworks wyświetli okno dialogowe Symbol Properties (rysunek 17.8).

Rysunek 17.8.

W oknie dialogowym Symbol Properties wyświetlana jest miniatura istniejącego symbolu. W oknie tym możesz zmienić nazwę symbolu lub jego typ

16. Zmień właściwości symbolu w oknie dialogowym Symbol Properties i kliknij przy­cisk OK

Fireworks zastosuje wszystkie zmiany do symbolu. Jeśli zmienisz typ symbolu, zmo­dy­fi­kowane zostaną również wszystkie jego kopie. Gdy na przykład przekształcisz sym­bol graficzny na symbol przycisku, wszystkie jego kopie także staną się przy­ciskami.

Usuwanie symboli

Usunąć symbol jest bardzo łatwo, ale musisz pamiętać, że wraz z symbolem usuwane są wszys­tkie jego kopie.

Aby usunąć symbol:

17. Wybierz z menu polecenie Window Library lub użyj skrótu klawiaturowego F11, aby wyświetlić paletę Library

18. Z listy symboli wybierz ten, który chcesz usunąć.

19. Wybierz polecenie Delete z rozwijanego menu palety. Jeśli symbol nie posiada żad­nych kopii, zostanie usunięty natychmiast, bez żadnych okien z py­ta­niem o potwierdzenie operacji. Jeśli istnieją jakiekolwiek kopie symbolu, Fire­works wyświetli okno dialogowe Delete Symbol (rysunek 17.9).

Rysunek 17.9.

Okno dialogowe Delete Symbol pyta użytkownika,
czy na pewno
chce usunąć symbol

20. W oknie Delete Symbol kliknij przycisk Delete, aby usunąć symbol.

Symbol i wszystkie jego kopie zostaną usunięte z dokumentu.

Tworzenie kopii

Tworzenie kopii jest często wykonywaną operacją, którą można przeprowadzić na je­den z dwóch prostych sposobów:

u         Przeciągnij symbol z palety Library i upuść go nad obszarem roboczym. Mo­żesz przeciągnąć podgląd symbolu lub jego nazwę w liście.

Możesz utworzyć jednocześnie kopie wielu symboli. Zaznacz grupę sym­boli w liście i przeciągnij je wszystkie do obszaru roboczego.

 

u         Zduplikuj kopię w oknie dokumentu. Duplikat kopii jest również kopią. Każ­da z metod duplikowania obiektów Fireworks pracuje także z kopiami:

u  Zaznacz kopię i wybierz z menu polecenie Edit Duplicate lub Edit Clone

u Skopiuj kopię do schowka i wklej następnie do dokumentu.

u Wciśnij klawisz Alt Option) i przeciągnij kopię, aby utworzyć jej kolejną kopię.

Każdą nową kopię można zidentyfikować na podstawie małej strzałki wyświetlanej w lewym dolnym rogu ramki ograniczającej kopię.

Modyfikowanie kopii

Modyfikowanie symbolu pociąga za sobą zmiany wszystkich jego kopii, ale możesz tak­że modyfikować pojedyncze kopie. Fireworks traktuje kopie jako grupy obiek­tów i pozwala na ich przekształcanie. Wzajemne relacje pomiędzy przekształ­ce­nia­mi zastosowanymi do symboli i tymi zastosowanymi do kopii są takie same jak po­między zastosowaniem przekształceń do pojedynczych obiektów, które są następnie gru­powane i zastosowaniem przekształceń od razu do całej grupy. Po zerwaniu połą­cze­nia kopii z oryginalnym symbolem zachowuje się ona jak grupa obiektów.

Mimo że do kopii można stosować Xtra, operacja taka powoduje zer­wanie połączenia kopii z symbolem i przekształcenie jej na obiekt bitmapowy.

 

Modyfikowanie kopii nie ma żadnego wpływu na inne kopie ani na oryginalny sym­bol. Możesz na przykład przeskalować kopię, a jej symbol i wszystkie pozostałe kopie tego symbolu pozostaną niezmienione. Połączenie działa tylko w jedną stronę - z symbolu do kopii.

Do kopii możesz stosować następujące przekształcenia:

u         Zmiany kształtów. Możesz dostosować szerokość, wysokość, przekrzywienie, kąt obrotu kopii, a nawet odbić ją poziomo lub pionowo. Do kopii moż­na stosować wszystkie polecenia znajdujące się w podmenu Modify Transform

u         Zmiana krycia. Za pomocą palety Object możesz zmienić ustawienia krycia kopii

u         Zmiana trybu mieszania. Za pomocą palety Object możesz zmienić tryb mie­szania kopii.

Więcej informacji o kryciu i trybach mieszania znajdziesz w rozdziale 13.

 

u         Efekty. Do kopii możesz stosować efekty znajdujące się w palecie Effect. Efekty zastosowane do symbolu są w rzeczywistości stosowane właśnie do niej. Jeśli więc kopia będzie wyglądała, jakby posiadała efekt, zostanie on uży­ty dopiero po zastosowaniu go do pojedynczej kopii.

Więcej o Live Effects dowiesz się z rozdziału 12.

 

Zrywanie połączeń

Jeśli zechcesz zerwać połączenie kopii z oryginalnym symbolem, wybierz z menu po­lecenie Modify Symbol Break Apart. Połączenie zostanie zerwane, a kopia stanie się zwy­kłą grupą obiektów, nawet jeśli symbol zawierał tylko jeden obiekt. Aby roz­dzielić gru­pę, wybierz z menu polecenie Modify Ungroup

Usuwanie kopii

Usuwanie kopii przeprowadza się tak samo jak usuwanie wszystkich innych obiek­tów Fireworks i nie ma żadnego wpływu na oryginalny symbol oraz pozostałe kopie. Aby usunąć kopię, zaznacz ją i wciśnij klawisz Delete

Praca z przyciskami

Symbole przycisków mogą określać cztery stany przycisku: Up (Normalny), Over (Pod wskaź­nikiem myszy), Down (Wciśnięty) ) i Over Down (Wciśnięty pod wskaźnikiem my­szy) oraz adresy URL lub behawiory.

Kopie przycisków nie pojawiają się już na wspólnych warstwach, ale na własnej warstwie na klatce 1 dokumentu.

 

Kopie przycisków mogą być wielokrotnie umieszczane w obszarze roboczym, a dla każ­dego z nich zmieniany jest tekst. Do symboli przycisków można przydzielać beha­wio­ry, co oznacza, że wystarczy utworzyć jeden behawior dla wszystkich przycisków re­agu­jących na zdarzenia myszy znajdujących się w całej witrynie internetowej.

Behawiory są opisane w rozdziale 21.

 

Tworzenie i modyfikowanie symboli przycisków

Okno Button Editor jest specjalną odmianą okna Symbol Editor. Posiada zakładki dla wszys­tkich stanów przycisku, co pozwala na łatwe tworzenia i modyfikowanie symboli przy­cisków.

Aby utworzyć symbol przycisku:

21. Wybierz z menu polecenie Insert New Button

Fireworks wyświetli okno dialogowe Button Editor (rysunek 17.10).

Rysunek 17.10.

Okno Button Editor posiada oddzielną zakładkę dla każdego stanu przycisku

22. W zakładce Up okna Button Editor utwórz normalny stan przycisku.

23. Wybierz zakładkę Over i utwórz stan przycisku znajdującego się pod kursorem my­szy. Aby stan Over utworzyć w oparciu o stan Up, kliknij przycisk Copy Up Gra­phic (Kopiuj grafikę stanu Up). Fireworks skopiuje grafikę z zakładki Up do zakładki Over, w której będzie można ją zmodyfikować.

W dowolnym momencie pracy możesz zaznaczyć opcję Onion Skin­ning, aby obejrzeć wszystkie stany przycisku jednocześnie.

 

24. Jeśli chcesz, aby przycisk posiadał także stan Down (Wciśnięty), utwórz od­po­wied­nią grafikę w zakładce Down. Gdy rozpoczniesz tworzenie tego stanu, Fire­works automatycznie zaznaczy opcję Include Down State. Możesz kliknąć przy­cisk Copy Over Graphic (Kopiuj grafikę stanu Over), aby skopiować do za­kład­ki Down wygląd poprzedniego stanu przycisku.

25. Zaznacz opcję Show Down State Upon Load, aby po wyeksportowaniu przy­cis­ku jako pasek nawigacyjny (Nav Bar) podczas ładowania strony wyświetlany był stan Down przycisku.

26. Aby dodać do przycisku stan Over While Down (Wciśnięty pod wskaźnikiem my­szy), przejdź do zakładki Over While Down i utwórz nową grafikę lub sko­piuj (kliknij przycisk Copy Down Graphic) i zmodyfikuj grafikę poprzedniego stanu.

27. Przejdź do zakładki Active Area (Aktywny obszar). Fireworks utworzy au­to­ma­tycz­nie plaster, obejmujący obszar przycisku. Możesz dostosowywać rozmiary tego plastra.

28. Kliknij przycisk Link Wizard, aby otworzyć kreatora tworzenia łączy. W róż­nych zakładkach okna Link Wizard ustaw domyślne parametry kopii, które bę­dą w przyszłości tworzone z symbolu przycisku.

Kreator Link Wizard zostanie szczegółowo opisany w jednym z ko­lej­nych podrozdziałów.

 

29. Zamknij okno Button Editor

Do palety Library zostanie dodany nowy symbol, zaś w oknie dokumentu umie­szczo­na zostanie jego kopia.

Aby zmodyfikować symbol przycisku, kliknij dwukrotnie jego podgląd w palecie Lib­ra­ry, kliknij dwukrotnie jedną z jego kopii w oknie dokumentu lub zaznacz symbol w liś­cie symboli i wybierz polecenie Edit Symbol z rozwijanego menu palety Library

Przekształcanie istniejących obiektów na symbole przycisków

Przekształcenie istniejącego obiektu na symbol przycisku jest szybkim sposobem two­rze­nia przycisków. Każdy stan wielostanowego przycisku jest zazwyczaj odmianą pierwszego sta­nu, więc przekształcenie istniejącego obiektu na symbol przycisku i dokonanie niewielkich mo­dyfikacji stanów Over Down i Over While Down w oknie Button Editor jest dosko­na­łą metodą tworzenia przycisków.

Aby przekształcić obiekt na symbol, zaznacz go i wybierz z menu polecenie Insert Con­vert to Symbol lub użyj skrótu klawiaturowego F8. Z części Type (Typ) okna dialogowego Symbol Properties wy­bierz opcję Button (Przycisk), wpisz nazwę przycisku w polu Name i kliknij OK. Fire­works przekształci obiekt na symbol przycisku i utworzy w oknie dokumentu plas­ter (rysunek 17.11).

Rysunek 17.11.

Przekształcenie obiektu na symbol przycisku spowoduje również utworzenie plastra przykrywającego przycisk

Utwórz dodatkowe stany przycisku, edytując go w palecie Library

Przekształcanie symboli przycisków na symbole graficzne

Jeżeli przekształcisz symbol przycisku na symbol graficzny, modyfikując jego właś­ci­woś­ci w oknie dialogowym Symbol Properties, w symbolu pozostanie plaster zakry­wa­ją­cy aktywny obszar przycisku. Aby go usunąć, otwórz symbol do edycji w oknie Sym­bol Editor i ręcznie usuń plaster.

Kopie przycisków

Oprócz standardowych, modyfikowalnych właściwości, takich jak krycie i efekty, kopie przycisków posiadają dwie dodatkowe właściwości: tekst przycisku (Button Text) oraz łącze przydzielone do plastra przycisku (rysunek 17.12). Obie właściwości moż­na modyfikować po zaznaczeniu kopii przycisku w palecie Object. Pozwala to na przydzielenie każdej kopii przycisku innego adresu URL i innego tekstu.

Rysunek 17.12.

W palecie Object możesz modyfikować URL i tekst przydzielony
do każdej kopii przycisku, co umożliwia utworzenie z każdej kopii oddzielnego przycisku nawigacyjnego

Aby zmodyfikować tekst przycisku, wpisz nowy tekst w polu tekstowym Button Text znaj­dującym się w palecie Object i wciśnij klawisz Enter Return). Fireworks wyświetli okno dialogowe z pytaniem czy chcesz zastosować modyfikowany tekst tylko do bie­żą­ce­go przycisku, czy też do wszystkich przycisków znajdujących się w dokumencie. Zos­ta­nie zmodyfikowana jedynie treść tekstu przycisku, zaś jego formatowanie pozostanie niezmienione.

Tekst przycisku można modyfikować tylko wtedy, gdy symbol przy­cis­ku zawiera obiekt tekstowy. Jeśli nie ma takiego obiektu, część But­ton Text palety Object jest nieaktywna.

 

Aby zmodyfikować łącze przycisku, kliknij przycisk Link Wizard, co spowoduje ot­war­cie kreatora łączy.

Kreator łączy

Okno Link Wizard umożliwia modyfikowanie takich właściwości kopii przycisku, któ­re normalnie stosowane są tylko w plastrach. Okno dialogowe z zakładkami, wy­świe­tlane po kliknięciu przycisku Link Wizard, znajdującego się w palecie Object, po­pro­wadzi Cię przez wszystkie etapy edycji właściwości łącza wybranej kopii przycisku.

W oknie Link Wizard dostępne są cztery zakładki:

u         Export Settings (Ustawienia eksportu). Zawiera parametry eksportu przy­cisku, na przykład paletę GIF WebSnap 128. Znajduje się tu także przycisk Edit umożliwiający tworzenie dodatkowych ustawień eksportu.

u         Link ącze). Zawiera adres URL, zastępczy tekst oraz komunikat wyświe­tla­ny w pasku stanu (wyświetlany po przytrzymaniu kursora nad przyciskiem) (ry­sunek 17.13).

Rysunek 17.13.

Okno Link Wizard pomaga
w przydzieleniu adresu URL
do kopii przycisku

u         Target (Cel). Docelowe okno lub ramka otwierana przez hiperłącze.

u         Filename (Nazwa pliku). Nazwa pliku dla plastra przycisku. Możesz za­zna­czyć opcję Auto-Name Slices, aby Fireworks automatycznie nadawał nazwy plastrom.

Po zaznaczeniu kopii przycisku w oknie dokumentu, możesz otworzyć okno Link Wi­zard dla tego przycisku i wprowadzić wymagane ustawienia.

Okno Link Wizard można otworzyć również za pomocą przycisku, znaj­du­jącego się w zakładce Active Area okna Button Editor. W kreatorze łą­czy możesz określić domyślne ustawienia symbolu przycisku i każ­dej jego kopii.

 

Zarządzanie bibliotekami

Jeśli pracowałeś wcześniej z programem Macromedia Flash, ucieszysz się z obecności bi­bliotek w Fireworks. W obu programach często wykonywanymi zadaniami jest two­rze­nie i zarządzanie przyciskami. Centralne miejsce umożliwiające przechowywanie przy­cisków oraz ich późniejsze wielokrotne wykorzystywanie (poprzez przeciąganie z pa­lety Library) pozwala zaoszczędzić wiele czasu i pracy projektanta.

Biblioteki dostępne są w dwóch miejscach: wewnątrz okna dokumentu oraz w samo­dziel­nych plikach PNG tworzonych przy eksportowaniu bibliotek.

Importowanie bibliotek

Biblioteki mogą być importowane z innych dokumentów Fireworks lub plików PNG, tworzonych podczas eksportu bibliotek z Fireworks.

Aby zaimportować bibliotekę do bieżącego dokumentu:

30. Wybierz z menu polecenie Window Library lub skorzystaj ze skrótu klawiaturowego F11, aby wyświetlić paletę Library

31. Wybierz polecenie Import Symbols (Importuj symbole) z rozwijanego menu pa­lety Library. Fireworks wyświetli okno dialogowe Open File

32. Odszukaj plik PNG zawierający bibliotekę, którą chcesz zaimportować i kliknij przy­cisk Open. Zostanie otwarte okno dialogowe Import Symbols (rysunek 17.14).

Rysunek 17.14.

Podczas importu symboli Fireworks wyświetla okno dialogowe Import Symbols

33. Wybierz symbole, które chcesz zaimportować, stosując jedną z poniższych metod:

u Aby zaimportować wszystkie symbole, kliknij przycisk Select All

u Wciśnij klawisz Shift, a następnie kliknij pierwszy i ostatni symbol, aby zaznaczyć do importu symbole znajdujące się obok siebie.

u Wciśnij klawisz Ctrl Command) i klikaj kolejno poszczególne symbole, któ­re chcesz dodać do listy importu.

Aby szybko zaimportować pojedynczy symbol, kliknij dwukrotnie jego naz­wę w oknie dialogowym Import Symbols.

 

34. Po wybraniu symboli kliknij przycisk Import, aby zaimportować je do bieżącego dokumentu.

Fireworks zaimportuje wszystkie wybrane symbole, które będą następnie dostępne w liś­cie symboli w palecie Library

Dostęp do najczęściej wykorzystywanych bibliotek

Wybierz bibliotekę z podmenu Insert Libraries, aby ją zaimportować. W podmenu tym znaj­dują się wszystkie biblioteki obecne w katalogu bibliotek Fireworks (ry­su­nek 17.15). Znajduje się on w katalogu Configuration, wewnątrz katalogu programu Fireworks. Po umieszczeniu biblioteki w formacie PNG w tym katalogu i ponow­nym uruchomieniu Fireworks, biblioteka będzie dostępna w podmenu Insert Libraries. Je­żeli często korzystasz z tego samego zestawu bibliotek, umieszczenie ich w tym pod­me­nu pozwoli Ci zaoszczędzić wiele czasu.

 

Rysunek 17.15.

Umieść najczęściej wykorzystywane biblioteki w katalogu Fireworks - Libraries

 

W Windows ścieżka dostępu do katalogu programu Fireworks to prze­waż­nie: C:\Program Files\Macromedia\Fireworks 4. W Mac­OS znajduje się ona przeważnie w katalogu Macintosh HD:Applica­tions: Fi­reworks 4.

Aktualizowanie importowanych bibliotek

Fireworks zapamiętuje miejsce, z którego zostały zaimportowane symbole i potrafi je ak­tualizować na podstawie tego źródła. Umożliwia to na przykład utrzymywanie po­je­dyn­czej biblioteki przycisków dla witryny internetowej i importowanie jej do wielu róż­nych doku­mentów. Jeśli później chciałbyś zmodyfikować jakiś przycisk, zmodyfikuj go w bibliotece i uaktualnij każdy wykorzystujący ją dokument. Za pomocą prostej edycji głów­nej biblioteki możesz, korzystając z jednego polecenia, uaktualnić dowolną ilość do­kumentów.

Aby uaktualnić zaimportowane symbole względem ich źródła, wybierz polecenie Up­da­te z rozwijanego menu palety Library

Jeśli będziesz chciał modyfikować importowane symbole, Fireworks wy­świetli ostrzeżenie, że taka operacja spowoduje przerwanie połą­cze­­nia z oryginalnym symbolem. Edycja symbolu prowadzi więc do utwo­­rzenia zupełnie nowego symbolu.

 

Eksportowanie i współużytkowanie bibliotek

Mimo że możesz importować biblioteki bezpośrednio z dowolnych dokumentów za­wie­rających symbole, wyeksportowanie grupy symboli jako autonomicznej biblioteki (stan­dardowego pliku PNG Fireworks) jest najlepszym sposobem na ich współ­użyt­ko­wa­nie z innymi projektantami i tworzenie archiwów symboli do późniejszych zastoso­wań.

Aby wyeksportować symbole jako niezależną bibliotekę:

35. Wybierz z menu polecenie Window Library lub skorzystaj ze skrótu klawiaturowego F11, aby wyświetlić paletę Library

36. Wybierz polecenie Export Symbols (Eksportuj symbole) z rozwijanego menu pa­­le­ty Library. Fireworks wyświetli okno dialogowe Export Symbols (rysunek 17.16).

Rysunek 17.16.

Fireworks wyświetli okno dialogowe Export Symbols, umożliwiające wybranie symboli, które chcesz wyeksportować

37. Wybierz symbole, które chcesz wyeksportować, stosując jedną z poniższych metod:

u Aby wyeksportować wszystkie symbole, kliknij przycisk Select All

u Wciśnij klawisz Shift, a następnie kliknij pierwszy i ostatni symbol, aby zaznaczyć do eksportu symbole znajdujące się obok siebie.

u Wciśnij klawisz Ctrl Command) i klikaj kolejno poszczególne symbole, któ­re chcesz dodać do listy eksportu.

38. Po zaznaczeniu żądanych symboli kliknij przycisk Export. Zostanie otwarte ok­no dialogowe Export Symbols As

39. Odszukaj katalog, w którym chcesz zapisać plik z symbolami i wpisz nazwę te­go pliku. Kliknij przycisk Save

Utworzony plik będzie zawierał wszystkie wyeksportowane symbole i będzie mógł zo­stać zaimportowany do innego dokumentu lub przekazany innym użytkownikom.

Podsumowanie

Symbole i biblioteki pozwalają ułatwić wiele zadań wykonywanych często przez pro­jek­tantów grafiki dla Internetu. Pracując z tymi elementami, powinieneś pamiętać o nas­tę­pujących rzeczach:

u         Fireworks oferuje trzy rodzaje symboli: symbole graficzne, animacji i przy­cisków.

u         Symbole przechowywane są w palecie Library. Przeciągnięcie symbolu z palety Lib­rary do obszaru roboczego powoduje utworzenie kopii.

u         Symbole mogą składać się z dowolnych obiektów z wyjątkiem kopii.

u         Duplikat kopii jest także kopią.

u         Niektóre właściwości kopii, takie jak efekty, oraz pewne przekształcenia, na przy­kład skalowanie i przekrzywianie, mogą być modyfikowane bez żadnego wpły­wu na symbol lub inne kopie. Istnieją również właściwości, na przy­kład wypełnienie i obrys, które mogą być modyfikowane jedynie w symbolach i dziedziczone przez kopie.

u         Symbole są przechowywane w bibliotekach, które można eksportować i im­por­to­wać do bieżącego dokumentu z wykorzystaniem palety Library

W następnym rozdziale dowiesz się, jak aktualizować i utrzymywać grafikę tworzoną w Fireworks.


Document Info


Accesari: 1640
Apreciat: hand-up

Comenteaza documentul:

Nu esti inregistrat
Trebuie sa fii utilizator inregistrat pentru a putea comenta


Creaza cont nou

A fost util?

Daca documentul a fost util si crezi ca merita
sa adaugi un link catre el la tine in site


in pagina web a site-ului tau.




eCoduri.com - coduri postale, contabile, CAEN sau bancare

Politica de confidentialitate | Termenii si conditii de utilizare




Copyright © Contact (SCRIGROUP Int. 2024 )