W tym rozdziale:
u Podstawowe wiadomości o stylach.
u Praca z paletą Styles.
u Tworzenie własnych stylów.
u Zarządzanie bibliotekami stylów.
u Technika Firework 11411s1816l s: Wydobywanie tekstur i deseni ze stylów.
Może nie jest to tak oczywiste dla początkujących projektantów, ale grafika internetowa jest równie często powielana, co tworzona. Po ustaleniu określonego schematu wyglądu grafiki (zapewnianego przez palety kolorów, czcionki, efekty i inne atrybuty), często musi on zostać zachowany na wielu różnych stronach WWW. Konieczność utrzymania spójnego wyglądu grafiki dyktowana jest kilkoma czynnikami:
u Utrzymanie spójnego wyglądu elementów graficznych jest jedną z najważniejszych zasad w projektowaniu dla Internetu.
u W komercyjnych witrynach internetowych, spójny wygląd elementów graficznych służy przekazowi określonych informacji marketingowych i utrzymaniu wizerunku.
u Spójność elementów graficznych ułatwia użytkownikom nawigację wewnątrz witryny internetowej. Jeśli przyciski nawigacyjne na każdej stronie witryny wyglądają tak samo, użytkownik szybko nauczy się poruszać wewnątrz witryny, nawet jeśli odwiedza ją po raz pierwszy.
Jednak bez względu na
wyżej wymienione powody, utrzymanie spójności elementów graficznych
wymaga wiele pracy i uwagi. Fireworks przychodzi na ratunek projektantom
grafiki internetowej i pozwala im zaoszczędzić wiele czasu i pracy za
pomocą stylów. Wykorzystując style, możesz łatwo
nadać dowolnemu obiektowi graficznemu określony wygląd.
Pojedynczy styl może zawierać wiele różnych definiowanych przez
użytkownika atrybutów. Co więcej - z tych samych stylów można
korzystać w wielu różnych
dokumentach. Style zaprojektowane przez firmę Macromedia są
także przenośne,
co oznacza, że możesz je eksportować i importować. Funkcja
ta pozwala projektantom tworzyć biblioteki dla różnych klientów.
Style bez wątpienia umożliwiają znaczne zwiększenie
wydajności pracy każdego projektanta grafiki internetowej.
Każdy obiekt Fireworks składa się przeważnie z kilku różnych atrybutów: ścieżki, obrysu, wypełnienia i jednego lub więcej efektów. Każdy z tych elementów może zostać rozbity na kilka odrębnych części, na przykład obrys jest połączeniem typu obrysu i konkretnego koloru. Zapewnienie spójnego wyglądu różnych obiektów graficznych wymaga zduplikowania wszystkich pojedynczych ustawień, co może być bardzo czasochłonne i powodować wiele pomyłek. Możesz wprawdzie skopiować obiekt do schowka, a następnie wkleić jego atrybuty do innego dokumentu, ale wymaga to wcześniejszego utworzenia odpowiedniego obiektu. Zamiast utrzymywania obiektów potrzebnych do odtworzenia ich wyglądu, Fireworks umożliwia odseparowanie atrybutów od obiektu i zachowanie ich w postaci stylu.
Fireworks oferuje bardzo nowatorską, graficzną metodę reprezentacji stylów, zapewnianą przez paletę Styles (rysunek 16.1). Działając jako biblioteka atrybutów, paleta Styles umożliwia tworzenie, importowanie, eksportowanie, usuwanie i inne operacje na stylach.
Rysunek 16.1. Fireworks zawiera w palecie Styles standardowy zestaw stylów |
|
Pop-up ... - Menu rozwijane
Button ... - Styl przycisku
Text ... - Styl tekstu
New ... - Nowy styl
Delete ... - Usuń styl
Style w palecie Styles są wizualnie podzielone na dwie różne grupy: style przycisków i style tekstu. Jedyna różnica pomiędzy tymi dwoma typami stylów polega na tym, że style tekstu zawierają dodatkowe informacje: typ, rozmiar i styl czcionki. Style przycisków są reprezentowane za pomocą kwadratowych ikon, zaś style tekstu za pomocą liter ABC, przy czym oba rodzaje reprezentacji przedstawiają rzeczywisty wygląd zawartych w stylach atrybutów. Fireworks posiada wbudowaną kolekcję dwudziestu stylów przycisków i dziesięciu stylów tekstu (które mogą zostać w każdej chwili przywrócone), zaś ponad trzysta dodatkowych stylów można znaleźć na płycie instalacyjnej Fireworks oraz w Internecie, pod adresem www.macromedia.com/software/fireworks/download/styles. Jeśli domyślne style Fireworks nie spełniają Twoich oczekiwań, sprawdź, jak wyglądają pozostałe.
|
Na krążku CD-ROM, dołączonym do książki, znajdziesz dodatkową kolekcję stylów. |
|
Mimo że paleta Styles podzielona jest na typy stylów przeznaczonych dla przycisków i dla tekstu, oba można stosować do dowolnych obiektów Fireworks. Innymi słowy style przycisków mogą być stosowane do obiektów tekstowych, zaś style tekstu - do obiektów wektorowych. Wszystkie nieprzydatne informacje o stylu (takie jak kolor czcionki w przypadku obiektu wektorowego) są pomijane. Style przycisków można traktować jako zwykłe style, zaś style tekstu jako "style z dodatkami", czyli style zawierające dodatkowe informacje nieprzeszkadzające w stosowaniu ich do przycisków lub innych obiektów graficznych.
|
Termin style jest powszechnie wykorzystywany w różnych programach komputerowych. W przeciwieństwie do stylów, które można znaleźć w edytorach tekstu, style Fireworks nie przechowują połączeń pomiędzy oryginalnym stylem i obiektami, do których został on zastosowany. Jeśli zmodyfikujesz styl, wszystkie obiekty, do których został zastosowany pozostaną niezmienione. |
|
Aby zastosować dowolny styl, musisz otworzyć paletę Styles. Możesz to zrobić w jeden z poniższych sposobów:
u Wybierz z menu polecenie Window Styles
u Użyj skrótu klawiaturowego Shift+F11 Shift+F11
u Kliknij zakładkę palety Styles, jeśli jest ukryta w grupie innych palet.
Po wyświetleniu palety Styles, zastosowanie stylu jest bardzo prostą czynnością: zaznacz obiekt, do którego chcesz zastosować styl i kliknij ikonę wybranego stylu w palecie Styles. Jeśli nie spodobają Ci się rezultaty przeprowadzonego formatowania, możesz wybrać inny styl. Możesz nawet zduplikować obiekt i zastosować do poszczególnych kopii kilka różnych stylów, aby znaleźć ten, który Ci najbardziej odpowiada (rysunek 16.2).
|
Zastosowanie jednego stylu usuwa wszystkie informacje o stylu poprzednim tylko wtedy, gdy oba style odnoszą się do tych samych ustawień. Oznacza to, że każdy styl może zawierać dowolne kombinacje ustawień. Jednak po zastosowaniu do obiektu wielu stylów, zawierających tylko kilka z możliwych ustawień, na przykład kolor wypełnienia i obrysu lub efekt, do obiektu zostanie zastosowana kombinacja tych wszystkich stylów. Załóżmy, że zastosujesz styl zawierający tylko zielone wypełnienie, a następnie inny z efektem zewnętrznego cienia. W rezultacie obiekt będzie posiadał zielone wypełnienie i zewnętrzny cień. |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Rysunek 16.2. Zastosowanie
różnych stylów |
|
Modified with Styles - Obiekt po zastosowaniu stylów Po zastosowaniu stylu, obiekt pozostaje od niego całkowicie niezależny. Nadal można go będzie modyfikować za pomocą ustawień dostępnych w paletach Stroke Fill Effects i Text. Nieważne, jakie zmiany zostaną wprowadzone do obiektu, do którego został zastosowany styl, sam styl pozostanie przez cały czas niezmieniony. Tworzenie nowych stylówKorzystanie ze standardowych stylów (lub stylów znajdujących się na instalacyjnym dysku CD-ROM Fireworks) jest dobrym sposobem na szybkie tworzenie obiektów o spójnym wyglądzie, ale niekiedy nie znajdziesz wśród nich takiego, który będzie Cię w pełni satysfakcjonował. Prawdziwą siłą stylów Fireworks jest to, że można je tworzyć, zapisywać i wykorzystywać jako własne style. Wygląd dowolnego obiektu (jego obrys, wypełnienie, efekty lub ustawienia tekstu) zostanie określony przez parametr stylu, który będzie mógł być wykorzystywany wielokrotnie przez Ciebie i Twoich współpracowników. Załóżmy, że tworzysz obiekt (powiedzmy, że przycisk) z precyzyjnie dostosowanym obrysem, doskonałym kolorem wypełnienia i kompleksowymi efektami złożonymi z wbudowanych zewnętrznych cieni i faz Fireworks oraz modułów dodatkowych Photoshopa, na przykład filtrów z pakietu Kai Power Tools lub Eye Candy Alien Skin. Proces odtworzenia tych ustawień może Ci zabrać nawet pięć minut, ale zamiast robić to ręcznie, możesz zaznaczyć obiekt i utworzyć na jego podstawie nowy styl. Obrazek lub obiekt wektorowy może mieć bardzo złożoną strukturę, więc utworzenie na jego podstawie stylu pozwoli Ci zaoszczędzić wiele czasu. Korzyści wynikające z tworzenia stylów są jeszcze większe, gdyż wszystkie zawarte w nich efekty mogą być w dowolnym obiekcie modyfikowane i dostosowane do własnych potrzeb.
Aby utworzyć nowy styl: 1. Wybierz obiekt, na podstawie którego chcesz stworzyć nowy styl.
2. Jeśli nie widzisz na ekranie palety Styles, wybierz z menu polecenie Window Styles, użyj skrótu klawiaturowego Shift+F11 Shift+F11) lub kliknij jej zakładkę, jeśli jest ukryta w grupie innych palet. 3. Kliknij znajdujący się u dołu palety Styles przycisk New Style (Nowy styl) (arkusz papieru). Zostanie otwarte okno dialogowe Edit Style (Edytuj styl) (rysunek 16.3).
4. W polu tekstowym Name wpisz nową nazwę dla tworzonego stylu.
5. Wybierz ustawienia, które chcesz zapisać wraz z tworzonym stylem. Oto lista dostępnych ustawień: u Fill Type (Typ wypełnienia). Zapisuje kategorię wypełnienia (Solid - Jednolite, Gradient Web Dither - Dithering internetowy lub Pattern - Deseń), nazwę gradientu lub desenia, ustawienia krawędzi (włączając stopień rozmycia) oraz wszystkie ustawienia tekstury (nazwę, natężenie i przezroczystość). u Fill Color (Kolor wypełnienia). Zapisuje kolory jednolitych wypełnień. W przypadku wypełnień Gradient Web Dither i Pattern, ich kolory zapisywane są za pomocą opcji Fill Type u Stroke Type (Typ obrysu). Zapisuje kategorię i nazwę obrysu, wszystkie informacje o parametrach stempla (nawet jeśli został zmodyfikowany za pomocą polecenia Edit Stroke), rozmycie krawędzi i ustawienia tekstury (jej nazwę i natężenie). u Stroke Color (Kolor obrysu). Zapisuje bieżący kolor obrysu obiektu. u Effect (Efekt): Zapisuje ustawienia wszystkich (prostych: Inner Bevel Outer Bevel Drop Shadow Glow Emboss lub złożonych) Live Effects zastosowanych do obiektu. u Text Font (Typ czcionki). Zapisuje nazwę bieżącej czcionki obiektu tekstowego. u Text Size (Rozmiar czcionki). Zapisuje bieżący rozmiar czcionki obiektu tekstowego. u Text Style (Styl czcionki). Zapisuje styl czcionki (pogrubiona, kursywa lub podkreślenie obiektu tekstowego). 6. Kliknij przycisk OK Wiesz już, jakie informacje mogą zostać zachowane w stylu, ale powinieneś jeszcze wiedzieć, jakich ustawień nie można w nich przechowywać (na przekór Twoim oczekiwaniom): u Style umożliwiają zapisywanie gradientów, ale nie potrafią przechowywać modyfikacji uchwytów kontrolnych gradientu dokonywanych za pomocą narzędzia Paint Bucket (Wiadro z farbą). u Za pomocą opcji Text Style nie można zachować informacji o odstępach w tekście (kerningu, interlinii, poziomym skalowaniu i przesunięciu linii bazowej), wyrównaniu tekstu (poziomym, pionowym, wyrównaniu do lewej, do prawej, wyśrodkowaniu, rozciągnięciu i kierunku tekstu) oraz wygładzaniu. Tworząc i stosując nowe style powinieneś pamiętać o dwóch ważnych rzeczach. Po pierwsze - jeśli styl nie zawiera określonego ustawienia, nie jest ono zmieniane w zaznaczonym obiekcie. Po drugie - brak wypełnienia, obrysu lub efektu także jest obowiązującym ustawieniem. Jeżeli obiekt, na którym chcesz oprzeć styl nie posiada wypełnienia, a Ty zaznaczysz w oknie dialogowym Edit Style opcję Fill Type, ze wszystkich obiektów, do których zastosujesz styl, zostanie usunięte wypełnienie. Zarządzanie stylamiKażdy utworzony styl jest dostępny we wszystkich otwartych dokumentach Fireworks. Gdy nabierzesz wprawy w ich wykorzystywaniu, szybko zaczniesz tworzyć ogromne kolekcje własnych stylów. Fireworks oferuje kilka poleceń (w większości zgrupowanych w rozwijanym menu palety Styles) umożliwiających zarządzanie nimi.
Wiesz już, że nowy styl możesz utworzyć za pomocą przycisku polecenia New Style, który znajduje się u dołu palety Styles. Na prawo od niego jest przycisk odpowiadający poleceniu Delete Style (Usuń styl) (kosz na śmieci). Aby usunąć dowolny styl, zaznacz jego ikonę i kliknij przycisk Delete Style
W rozwijanym menu palety Styles dostępnych jest siedem poleceń (rysunek 16.4): u New Style (Nowy styl): Tworzy nowy styl w oparciu o zaznaczony obiekt. Działa tak samo jak przycisk New Style u Edit Style (Edytuj styl): Otwiera okno dialogowe Edit Style, w którym możesz zaznaczać lub usuwać zaznaczenia poszczególnych ustawień. u Delete Style (Usuń styl): Usuwa zaznaczony styl lub style.
Donna Casey - projektantka grafiki internetowej, której prace można zobaczyć na stronie WWW, znajdującej się pod adresem www.n8vision.com, opracowała technikę umożliwiającą wydobywanie tekstur i deseni osadzanych w stylach. Po co miałbyś robić coś takiego? Niekiedy deseń lub tekstura wygląda lepiej w połączeniu z różnymi ustawieniami obrysów i efektów, a czasami chciałbyś zastosować do obrazka jedynie teksturę lub deseń. Operację taką można przeprowadzić na jeden z dwóch sposobów. Po pierwsze - możesz wejść w edycję stylu i usunąć wszystkie jego ustawienia z wyjątkiem Fill Type (Typ wypełnienia). Jest to jedynie częściowe rozwiązanie. Deseń lub tekstura nadal są obecne w innych ustawieniach. Przykładowo - tekstura może być częścią wypełnienia typu Solid Pattern lub Gradient. Aby zupełnie wydobyć teksturę lub deseń ze stylu i je zapisać: 1. Narysuj duży prostokąt lub kwadrat, o wymiarach około 500 500 pikseli. Celem jest utworzenie dużego obiektu, w którym będą występowały wyraźnie powtórzenia desenia. 2. Z palety Styles wybierz styl, z którego chcesz wyizolować teksturę lub deseń. Styl zostanie zastosowany do zaznaczonego obiektu. 3. W palecie Stroke, z listy kategorii obrysu wybierz pozycję None (Brak). 4. W palecie Effect, z listy kategorii efektu wybierz pozycję None (Brak). 5. Aby wydobyć teksturę ze stylu, dokonaj następujących zmian w palecie Fill u Ustaw kategorię wypełnienia na Solid (Jednolite). u Ustaw czarny kolor wypełnienia. u Ustaw natężenie tekstury na 100%. 6. Aby wydobyć deseń ze stylu, ustaw natężenie tekstury na 0%. 7. Wybierz narzędzie Crop (Kadrowanie) z palety narzędziowej. 8. Tak skadruj obiekt, aby wewnątrz niego znajdował się powtarzający się deseń. Jest to najtrudniejsza część procedury. Będziesz musiał przeprowadzić kilka prób, aby osiągnąć zamierzony efekt. Dobrze jest zapisać plik przed rozpoczęciem kadrowania obiektu. W przypadku większości tekstur, powtarzający się deseń będzie mniejszy niż wydawał się być na początku. 9. Po zakończeniu kadrowania zapisz plik w katalogu Patterns lub w katalogu Textures, wewnątrz katalogu Configuration w katalogu programu Fireworks.
10. Uruchom ponownie Fireworks, aby uaktualnić listy deseni i tekstur.
Nowy deseń lub tekstura powinny być teraz dostępne w paletach Stroke (Obrys) i Fill (Wypełnienie). PodsumowanieStyle umożliwiają znaczne zwiększenie wydajności pracy, pozwalając na szybkie budowanie bibliotek ustawień formatowania oraz zapewnienie spójnego wyglądu obiektów graficznych wykorzystywanych na różnych stronach znajdujących się wewnątrz tej samej witryny internetowej. Oszczędzają także czas projektanta; zamiast ręcznego nadawania atrybutów pojedynczym obiektom, które powinny mieć spójny wygląd, możesz je formatować za pomocą jednego kliknięcia ikony w palecie Styles. Oto niektóre najważniejsze informacje dotyczące pracy ze stylami: u Style dostępne są w palecie Styles u Styl może zawierać prawie wszystkie informacje potrzebne do odtworzenia obrysu, wypełnienia i efektów grafiki oraz ustawień tekstu. u W odróżnieniu od innych programów, takich jak Macromedia FreeHand, style Fireworks nie przechowują połączeń z obiektami, do których zostały zastosowane. u Każdy nowo utworzony styl jest dostępny dla wszystkich dokumentów, dopóki nie zostanie usunięty z palety Styles u Style mogą być edytowane, importowane, eksportowane i zarządzane w inny sposób poprzez rozwijane menu palety Styles u Ze stylów można wydobywać zawarte w nich desenie i tekstury. W następnym rozdziale dowiesz się, jak korzystać z symboli i bibliotek, pozwalających na wyeliminowanie monotonnych operacji wykonywanych w procesie tworzenia grafiki. Document InfoAccesari: 1639 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 ) |