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 zminimalizowaniu liczby powtarzanych operacji w pracy projektanta internetowego. Jedną z takich funkcji 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", zachowują połączenia z oryginalnymi symbolami, mogą więc być modyfikowane jako grupy obiektów. Modyfikacja symbolu powoduje "odziedziczenie" wprowadzonych zmian przez wszystkie jego kopie.
Ten rozdział rozpoczyna się omówieniem podstaw korzystania z symboli, kopii i bibliotek w Fireworks. Z późniejszych podrozdziałów dowiesz się, jak tworzyć, modyfikować oraz zarządzać symbolami, kopiami i bibliotekami.
Symbole Fireworks działają jak szablony pojedynczych obiektów. Symbol można traktować jak stempel, który zanurzasz w atramencie. Następnie możesz "stemplować" nieograniczoną ilość kopii symbolu, nazywanych "instances". Są to kopie symboli, które zachowują połączenia z oryginalnym symbolem. Zmodyfikowanie symbolu spowoduje odziedziczenie wszystkich zmian przez jego kopie. Z drugiej strony - kopie posiadają także pewne właściwości niezale 11211d37l 380;ne od symboli. Możesz na przykład stosować do nich indywidualnie narzędzia transformacji, dodawać efekty lub zmieniać przezroczystość (rysunek 17.1). Z punktu widzenia projektanta, symbole i kopie umożliwiają zachowanie spójnego wyglądu obiektów bez utraty ich indywidualnych parametrów.
Rysunek 17.1. Wszystkie
znajdujące się na ilustracji obiekty |
|
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 Library (rysunek 17.3). Przekształcenie obiektu na symbol spowoduje umieszczenie go w palecie Library i pozostawienie w oknie dokumentu kopii symbolu. Paleta Library oferuje wiele funkcji umożliwiających zarządzanie oraz modyfikowanie symboli i bibliotek. Podstawowe funkcje przeznaczone są jednak do zarządzania kopiami. Przeciągnięcie symbolu 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 Windows 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 odtwarzane przez program niż oryginalne symbole. Podczas gdy symbol może być złożonym obiektem wektorowym o skomplikowanym obrysie i gradientowym wypełnieniu, jego kopia jest prostym obiektem bitmapowym. Wykorzystywanie wielu kopii zamiast niezależnych obiektów (rysunek 17.4) pozwala zwiększyć wydajność komputera, gdyż Fireworks rysuje wówczas proste obrazki bitmapowe zamiast bardziej złożonych obiektów wektorowych.
Rysunek 17.3. Symbole są
przechowywane w palecie Library. Przeciągnięcie symbolu do
okna dokumentu powoduje utworzenie kopii, reprezentowanej |
|
Rysunek 17.4. Kopie są
uproszczonymi, bitmapowymi wersjami oryginalnych symboli. Możesz
korzystać z wielu kopii bez
żadnego wpływu |
|
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 symbolami. Z reguły, gdy mówimy o symbolach, przeważnie mamy na myśli symbole graficzne. Kopia symbolu graficznego zachowuje się tak samo jak każdy inny obiekt Fireworks. Możesz ją umieścić w dowolnym miejscu obszaru roboczego, przenieść na inną warstwę lub zmodyfikować jej dowolną właściwość.
u Button Symbol (Symbol przycisku). Symbole przycisków są dodatkowymi symbolami. Symbol przycisku posiada wiele klatek, zawierających różne stany przycisku: Up (Normalny), Over (Pod wskaźnikiem myszy) lub Down (Wciśnięty). W kopiach przycisków znajdują się ich własne plastry z przydzielonymi adresami URL lub behawiorami. W pewnym sensie symbol przycisku jest połączeniem poszczególnych obiektów Fireworks składających się na przycisk, 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ólnych. Kopie przycisków dziedziczą od oryginalnych symboli takie same właściwości co kopie graficzne.
Kopie umożliwiają również tworzenie zaawansowanych animacji, gdyż Fireworks potrafi sekwencjonować dwie lub więcej kopii, tworząc pomiędzy nimi wszystkie etapy pośrednie. Program upraszcza i przyspiesza w ten sposób proces animowania obiektów. Na przykład w sekwencjonowaniu pomniejszonej kopii z powiększoną, Fireworks 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 animację powiększania lub zmniejszania obiektu.
|
Więcej o sekwencjonowaniu kopii przeczytasz w rozdziale 23. |
|
Paleta Library (rysunek 17.5) jest centrum zarządzania bibliotekami symboli Fireworks. Każdy symbol używany w bieżącym dokumencie jest wyświetlany w palecie Library i identyfikowany za pomocą odpowiedniej ikony jako symbol graficzny lub symbol przycisku. Jak większość innych palet Fireworks, paleta Library posiada rozwijane menu i może być dokowana w grupach innych palet. Aby wyświetlić paletę Library 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 automatycznie dodawane do listy symboli. Po utworzeniu nowego dokumentu, paleta Library jest kompletnie pusta. Lista symboli jest podzielona na kolumny opisujące różne właściwości symboli, podobne do kolumn, które możesz zobaczyć przy eksploracji katalogów w systemie Windows lub MacOS, gdy wybierzesz widok List (Lista). Podwójne kliknięcie symbolu w liście spowoduje otwarcie okna dialogowego Symbol Properties (Właściwości symbolu) umożliwiającego zmianę nazwy symbolu oraz przekształcenie go z symbolu przycisku na symbol graficzny lub odwrotnie.
u Symbol preview (Podgląd symbolu). Wybór symbolu z listy powoduje wyświetlenie jego podglądu. Przeciągnięcie podglądu do okna dokumentu automatycznie wywoła utworzenie kopii symbolu w dokumencie. Dwukrotne kliknię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, edycji i zarządzaniu symbolami.
W większości przypadków symbole będziesz tworzył i modyfikował za pomocą poleceń znajdujących się w menu Insert, mimo że podobne polecenia znajdziesz w rozwijanym menu palety Library, któremu przyjrzymy się bliżej w kolejnych podrozdziałach.
Pierwszym krokiem do
wykorzystania symbolu w dokumencie jest oczywiście jego utworzenie. W
Fireworks dostępne są trzy metody: przekształcenie
istniejącego obiektu na symbol, opracowanie symbolu od zera lub
zduplikowanie istniejącego symbolu. Prawdopodobnie najczęściej
wykorzystywaną metodą jest konwertowanie istniejących obiektów. Fireworks zdradza nawet preferencje dla
konwertowania obiektów na symbole
poprzez swoje skróty klawiaturowe. Aby przekonwertować obiekt na symbol,
wystarczy wcisnąć klawisz F8,
zaś aby utworzyć symbol od zera, trzeba użyć kombinacji klawiszy
Ctrl+F8 w Windows lub Command+F8 w MacOS.
|
Dla użytkowników MacOS: Jeśli przypisałeś jakimś klawiszom funkcyjnym 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 funkcyjnych w panelu kontrolnym klawiatury (Keyboard Control Panel). |
|
Na symbole można przekształcać prawie wszystkie obiekty Fireworks. Mogą to być obiekty wektorowe, bitmapowe, a nawet grupy obiektów.
|
Mimo że możesz przekształcić kopię na symbol, konwersja taka powoduje przerwanie połączenia pomiędzy kopią a oryginalnym symbolem. |
|
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 klawiaturowego 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ę Graphic 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 pozostawi jego kopię. Można ją rozpoznać po małej strzałce umieszczonej wewnątrz jej ramki ograniczającej.
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 przypadku, 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 klawiaturowego Ctrl+F8 Command+F8). Możesz także wybrać polecenie New Symbol z rozwijanego menu palety Library. Fireworks wyświetli okno dialogowe Symbol Properties
2. W polu Name zamiast słowa "Symbol" wpisz własną nazwę symbolu.
3. Pozostaw zaznaczoną opcję Graphic, aby utworzyć symbol graficzny i kliknij przycisk 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 samo, jakbyś tworzył obiekt w oknie dokumentu. Możesz korzystać z dowolnych narzę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 oknem 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órnym rogu okna w MacOS.
W palecie Library zostanie wyświetlony nowo utworzony symbol, zaś w oknie dokumentu pozostanie 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. |
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 oryginalnego symbolu i kolejnego numeru.
|
Aby zmienić nazwę symbolu, kliknij dwukrotnie jego nazwę w liście i wpisz nową nazwę w oknie dialogowym Symbol Properties. |
|
Symbole można łatwo modyfikować w oknie Symbol Editor. Po zakończeniu edycji symbolu i zamknięciu okna edytora, wszystkie dokonane zmiany są zastosowywane do samego symbolu i wszystkich jego kopii. Wynika więc z tego, że zmodyfikowanie symbolu 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 Editor. 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 zamknij okno Symbol Editor za pomocą znaku zamykania, który znajduje się w górnym prawym rogu okna w Windows lub w lewym górnym rogu w MacOS.
Wszystkie dokonane zmiany zostaną zastosowane do symbolu i wszystkich jego kopii.
Fireworks oferuje dwie metody edycji symboli "na skróty":
u Jeśli w oknie dokumentu zaznaczona jest kopia, a Ty chcesz zmodyfikować tylko oryginalny symbol, wybierz z menu polecenie Modify Symbol Edit Symbol, aby wyświetlić główny symbol w oknie Symbol Editor
u Podczas edycji właściwości symbolu w oknie dialogowym Symbol Properties (opisywanym w następnym podrozdziale), możesz kliknąć przycisk Edit, aby otworzyć symbol w oknie Symbol Editor
Przy korzystaniu z dowolnej z tych metod, zamknięcie okna Symbol Editor powoduje zastosowanie zmian do wszystkich kopii symbolu.
|
Jeśli dokonasz niepożądanych zmian w oknie Symbol Editor, możesz zamknąć to okno (co spowoduje zastosowanie zmian), a następnie wybrać z menu polecenie Edit Undo, aby cofnąć zmiany. |
|
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 odwrotnie.
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 przycisk OK
Fireworks zastosuje wszystkie zmiany do symbolu. Jeśli zmienisz typ symbolu, zmodyfikowane zostaną również wszystkie jego kopie. Gdy na przykład przekształcisz symbol graficzny na symbol przycisku, wszystkie jego kopie także staną się przyciskami.
Usunąć symbol jest bardzo łatwo, ale musisz pamiętać, że wraz z symbolem usuwane są wszystkie 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 żadnych kopii, zostanie usunięty natychmiast, bez żadnych okien z pytaniem o potwierdzenie operacji. Jeśli istnieją jakiekolwiek kopie symbolu, Fireworks wyświetli okno dialogowe Delete Symbol (rysunek 17.9).
Rysunek 17.9. Okno dialogowe
Delete Symbol pyta użytkownika, |
|
20. W oknie Delete Symbol kliknij przycisk Delete, aby usunąć symbol.
Symbol i wszystkie jego kopie zostaną usunięte z dokumentu.
Tworzenie kopii jest często wykonywaną operacją, którą można przeprowadzić na jeden 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ę symboli 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 symbolu pociąga za sobą zmiany wszystkich jego kopii, ale możesz także modyfikować pojedyncze kopie. Fireworks traktuje kopie jako grupy obiektów i pozwala na ich przekształcanie. Wzajemne relacje pomiędzy przekształceniami zastosowanymi do symboli i tymi zastosowanymi do kopii są takie same jak pomiędzy zastosowaniem przekształceń do pojedynczych obiektów, które są następnie grupowane i zastosowaniem przekształceń od razu do całej grupy. Po zerwaniu połączenia kopii z oryginalnym symbolem zachowuje się ona jak grupa obiektów.
|
Mimo że do kopii można stosować Xtra, operacja taka powoduje zerwanie 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 symbol. 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 mieszania 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żyty dopiero po zastosowaniu go do pojedynczej kopii.
|
Więcej o Live Effects dowiesz się z rozdziału 12. |
|
Jeśli zechcesz zerwać połączenie kopii z oryginalnym symbolem, wybierz z menu polecenie Modify Symbol Break Apart. Połączenie zostanie zerwane, a kopia stanie się zwykłą grupą obiektów, nawet jeśli symbol zawierał tylko jeden obiekt. Aby rozdzielić grupę, wybierz z menu polecenie Modify Ungroup
Usuwanie kopii przeprowadza się tak samo jak usuwanie wszystkich innych obiektó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
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 myszy) 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ć behawiory, co oznacza, że wystarczy utworzyć jeden behawior dla wszystkich przycisków reagujących na zdarzenia myszy znajdujących się w całej witrynie internetowej.
|
Behawiory są opisane w rozdziale 21. |
|
Okno Button Editor jest specjalną odmianą okna Symbol Editor. Posiada zakładki dla wszystkich stanów przycisku, co pozwala na łatwe tworzenia i modyfikowanie symboli przyciskó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 myszy. Aby stan Over utworzyć w oparciu o stan Up, kliknij przycisk Copy Up Graphic (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 Skinning, aby obejrzeć wszystkie stany przycisku jednocześnie. |
|
24. Jeśli chcesz, aby przycisk posiadał także stan Down (Wciśnięty), utwórz odpowiednią grafikę w zakładce Down. Gdy rozpoczniesz tworzenie tego stanu, Fireworks automatycznie zaznaczy opcję Include Down State. Możesz kliknąć przycisk Copy Over Graphic (Kopiuj grafikę stanu Over), aby skopiować do zakładki Down wygląd poprzedniego stanu przycisku.
25. Zaznacz opcję Show Down State Upon Load, aby po wyeksportowaniu przycisku 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 myszy), przejdź do zakładki Over While Down i utwórz nową grafikę lub skopiuj (kliknij przycisk Copy Down Graphic) i zmodyfikuj grafikę poprzedniego stanu.
27. Przejdź do zakładki Active Area (Aktywny obszar). Fireworks utworzy automatycznie 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 kolejnych podrozdziałów. |
|
29. Zamknij okno Button Editor
Do palety Library zostanie dodany nowy symbol, zaś w oknie dokumentu umieszczona zostanie jego kopia.
Aby zmodyfikować symbol przycisku, kliknij dwukrotnie jego podgląd w palecie Library, 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łcenie istniejącego obiektu na symbol przycisku jest szybkim sposobem tworzenia przycisków. Każdy stan wielostanowego przycisku jest zazwyczaj odmianą pierwszego stanu, więc przekształcenie istniejącego obiektu na symbol przycisku i dokonanie niewielkich modyfikacji stanów Over Down i Over While Down w oknie Button Editor jest doskonałą metodą tworzenia przycisków.
Aby przekształcić obiekt na symbol, zaznacz go i wybierz z menu polecenie Insert Convert to Symbol lub użyj skrótu klawiaturowego F8. Z części Type (Typ) okna dialogowego Symbol Properties wybierz opcję Button (Przycisk), wpisz nazwę przycisku w polu Name i kliknij OK. Fireworks przekształci obiekt na symbol przycisku i utworzy w oknie dokumentu plaster (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
Jeżeli przekształcisz symbol przycisku na symbol graficzny, modyfikując jego właściwości w oknie dialogowym Symbol Properties, w symbolu pozostanie plaster zakrywający aktywny obszar przycisku. Aby go usunąć, otwórz symbol do edycji w oknie Symbol Editor i ręcznie usuń plaster.
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 |
|
Aby zmodyfikować tekst przycisku, wpisz nowy tekst w polu tekstowym Button Text znajdują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żącego przycisku, czy też do wszystkich przycisków znajdujących się w dokumencie. Zostanie zmodyfikowana jedynie treść tekstu przycisku, zaś jego formatowanie pozostanie niezmienione.
|
Tekst przycisku można modyfikować tylko wtedy, gdy symbol przycisku zawiera obiekt tekstowy. Jeśli nie ma takiego obiektu, część Button Text palety Object jest nieaktywna. |
|
Aby zmodyfikować łącze przycisku, kliknij przycisk Link Wizard, co spowoduje otwarcie kreatora łą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świetlane po kliknięciu przycisku Link Wizard, znajdującego się w palecie Object, poprowadzi 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 przycisku, 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świetlany w pasku stanu (wyświetlany po przytrzymaniu kursora nad przyciskiem) (rysunek 17.13).
Rysunek 17.13. Okno Link Wizard
pomaga |
|
u Target (Cel). Docelowe okno lub ramka otwierana przez hiperłącze.
u Filename (Nazwa pliku). Nazwa pliku dla plastra przycisku. Możesz zaznaczyć opcję Auto-Name Slices, aby Fireworks automatycznie nadawał nazwy plastrom.
Po zaznaczeniu kopii przycisku w oknie dokumentu, możesz otworzyć okno Link Wizard dla tego przycisku i wprowadzić wymagane ustawienia.
|
Okno Link Wizard można otworzyć również za pomocą przycisku, znajdują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. |
|
Jeśli pracowałeś wcześniej z programem Macromedia Flash, ucieszysz się z obecności bibliotek w Fireworks. W obu programach często wykonywanymi zadaniami jest tworzenie i zarządzanie przyciskami. Centralne miejsce umożliwiające przechowywanie przycisków oraz ich późniejsze wielokrotne wykorzystywanie (poprzez przeciąganie z palety Library) pozwala zaoszczędzić wiele czasu i pracy projektanta.
Biblioteki dostępne są w dwóch miejscach: wewnątrz okna dokumentu oraz w samodzielnych plikach PNG tworzonych przy eksportowaniu 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 palety Library. Fireworks wyświetli okno dialogowe Open File
32. Odszukaj plik PNG zawierający bibliotekę, którą chcesz zaimportować i kliknij przycisk 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 nazwę 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
Wybierz bibliotekę z podmenu Insert Libraries, aby ją zaimportować. W podmenu tym znajdują się wszystkie biblioteki obecne w katalogu bibliotek Fireworks (rysunek 17.15). Znajduje się on w katalogu Configuration, wewnątrz katalogu programu Fireworks. Po umieszczeniu biblioteki w formacie PNG w tym katalogu i ponownym 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 podmenu 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 przeważnie: C:\Program Files\Macromedia\Fireworks 4. W MacOS znajduje się ona przeważnie w katalogu Macintosh HD:Applications: Fireworks 4. |
Aktualizowanie importowanych bibliotekFireworks zapamiętuje miejsce, z którego zostały zaimportowane symbole i potrafi je aktualizować na podstawie tego źródła. Umożliwia to na przykład utrzymywanie pojedynczej biblioteki przycisków dla witryny internetowej i importowanie jej do wielu różnych dokumentó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łównej biblioteki możesz, korzystając z jednego polecenia, uaktualnić dowolną ilość dokumentów. Aby uaktualnić zaimportowane symbole względem ich źródła, wybierz polecenie Update z rozwijanego menu palety Library
Eksportowanie i współużytkowanie bibliotekMimo że możesz importować biblioteki bezpośrednio z dowolnych dokumentów zawierających symbole, wyeksportowanie grupy symboli jako autonomicznej biblioteki (standardowego pliku PNG Fireworks) jest najlepszym sposobem na ich współużytkowanie z innymi projektantami i tworzenie archiwów symboli do późniejszych zastosowań. 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 palety Library. Fireworks wyświetli okno dialogowe Export Symbols (rysunek 17.16).
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 okno dialogowe Export Symbols As 39. Odszukaj katalog, w którym chcesz zapisać plik z symbolami i wpisz nazwę tego pliku. Kliknij przycisk Save Utworzony plik będzie zawierał wszystkie wyeksportowane symbole i będzie mógł zostać zaimportowany do innego dokumentu lub przekazany innym użytkownikom. PodsumowanieSymbole i biblioteki pozwalają ułatwić wiele zadań wykonywanych często przez projektantów grafiki dla Internetu. Pracując z tymi elementami, powinieneś pamiętać o następujących rzeczach: u Fireworks oferuje trzy rodzaje symboli: symbole graficzne, animacji i przycisków. u Symbole przechowywane są w palecie Library. Przeciągnięcie symbolu z palety Library 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 przykład skalowanie i przekrzywianie, mogą być modyfikowane bez żadnego wpływu na symbol lub inne kopie. Istnieją również właściwości, na przykł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 importować do bieżącego dokumentu z wykorzystaniem palety Library W następnym rozdziale dowiesz się, jak aktualizować i utrzymywać grafikę tworzoną w Fireworks. Document InfoAccesari: 1640 Apreciat: Comenteaza documentul:Nu esti inregistratTrebuie sa fii utilizator inregistrat pentru a putea comenta Creaza cont nou A fost util?Daca documentul a fost util si crezi ca meritasa adaugi un link catre el la tine in site in pagina web a site-ului tau.
Copyright © Contact (SCRIGROUP Int. 2024 ) |