uDostosowywanie
rozmiaru i koloru obszaru roboczego.
Malarze
posługujący się farbami olejnymi odprawiają niemal
rytuał przed przystąpieniem do malowania. Mimo że artyści
internetowi nie muszą naciągać i gruntować swoich płócien, określenie pewnych ustawień
przed rozpoczęciem pracy pozwoli im zaoszczędzić wiele czasu
w jej kolejnych etapach. Jedną z największych zalet elektronicznych
ilustracji w ogóle, a w Fireworks w szczególności, jest
możliwość modyfikacji ich dowolnych elementów na każdym
etapie pracy.
W tym rozdziale opisane
są wszystkie zagadnienia związane z przygotowaniem obszaru roboczego
w Fireworks. Dowiesz się jak duży powinien być i jakie elementy
możesz w nim umieścić. Znajdziesz tu również wskazówki
dotyczące otwierania, zapisywania i zamykania dokumentów Fireworks.
Nauczysz się także modyfikować obszar roboczy na dowolnym etapie
procesu tworzenia grafiki.
Tworzenie nowych dokumentów
Zanim przystąpisz do
pracy, powinieneś się zastanowić, co właściwie chcesz
stworzyć. Im dokładniej będziesz wiedział, jaki efekt
końcowy chcesz osiągnąć, tym mniej zmian będziesz
musiał wprowadzać w czasie pracy. Nie mówię, że
obędzie się bez prób i błędów, ale wstępny plan
pozwoli Ci zaoszczędzić wiele czasu i ustrzec się problemów
w przyszłości.
Dwa podejścia
Podstawowe pytanie, na które
musisz sobie odpowiedzieć przed wybraniem z menu polecenia FileNew brzmi: jak
podejść do tworzenia wielu plików graficznych, z których składa
się przeważnie witryna WWW? Są dwie odpowiedzi:
uUtwórz kilka
małych obrazków w wielu dokumentach Fireworks i połącz je
później na stronie WWW w innej aplikacji (na przykład Dreamweaver).
uStwórz jeden obszar roboczy Fireworks z kompletnym projektem strony WWW, zawierającym elementy nawigacyjne, tekst i
obrazki.
Zanim zacząłem pracować
w Fireworks, projekty witryn WWW tworzyłem w programie Macromedia
FreeHand, a następnie kopiowałem poszczególne elementy do oddzielnych
dokumentów Photoshopa, w którym je retuszowałem i nadawałem im
ostateczny wygląd. Później zmieniłem styl pracy i
zastąpiłem Photohopa programem Fireworks. Każdy obrazek
przeznaczony na stronę WWW przechowywałem w oddzielnym dokumencie
Fireworks (rysunek 4.1).
Rysunek 4.1.
Tradycyjnie,
każda grafika tworzona jest w oddzielnym dokumencie
Jednak w
przypadku większości projektów najlepszym rozwiązaniem jest
stworzenie jednego, dużego
obszaru roboczego (rysunek 4.2) i utworzenie w nim projektu całej strony. Można go tworzyć od zera lub
połączyć nowe elementy z importowanymi. Fireworks umożliwia
rysowanie, stosowanie filtrów i efektów, plastrowanie, określanie hiperłączy,
pozostawienie miejsca na tekst HTML i wyeksportowanie całości jako
kodu HTML lub JavaScript wraz z obrazkami w formacie GIF lub JPEG. Jeśli w
którymś momencie zechcesz zrobić to z pojedynczą warstwą
lub plasterem, Fireworks wykona zadanie bez problemów.
W kolorowej wkładce
znajdziesz przykład projektu 232t1919c kompletnej strony WWW, stworzonego w jednym
dokumencie.
Rysunek 4.2.
W jednym
dokumencie Fireworks możesz zaprojektować i stworzyć kompletną
stronę WWW
Opcje obszaru
roboczego
Obszar roboczy w Fireworks
to tło widzialnego obszaru dokumentu. Możesz sterować czterema
podstawowymi elementami obszaru roboczego:
uSzerokością.
Poziomy rozmiar dokumentu mierzony w pikselach, calach lub centymetrach.
uWysokością.
Pionowy rozmiar dokumentu mierzony w pikselach, calach lub centymetrach.
uRozdzielczością. Parametr wykorzystywany w druku, który jest mierzony
w punktach na cal lub centymetr. Bywa używany przez Fireworks, wtedy
gdy nie określisz rozmiaru dokumentu w pikselach, do przeliczania cali lub
centymetrów na piksele.
uKolorem obszaru roboczego. Kolor tła, na którym pracujesz. Może nim
być również przezroczystość.
Szerokość
i wysokość
Mimo że czasami może
wydawać się inaczej, grafika internetowa ma zawsze kształt prostokąta.
Szerokość i wysokość dokumentu determinują nie tylko
rozmiar dokumentu, ale również jego kształt. Teoretycznie nie ma
żadnych ograniczeń rozmiarów obrazka, ale projektant musi brać
pod uwagę rozmiar pliku. Istnieje tu prosta zależność: im
większy obrazek, tym większy rozmiar fizyczny pliku. Przeważnie
rozmiary obrazków podawane są w pikselach. Piksele to czerwone, zielone
i niebieskie punkty, z których składa się
ekran monitora komputerowego. Od czasu do czasu, dobrze jest
przełączyć się na inny system miar, na
przykład dostępne w Fireworks cale lub centymetry. Internet jednak jest środowiskiem zorientowanym na piksele i
najczęściej będziesz wykorzystywał właśnie
taką jednostkę miary.
Jeśli tworzysz projekt kompletnej strony WWW w
jednym dokumencie Fireworks, typowa strona
ma 600 pikseli szerokości i 800 pikseli wysokości. Może być
wówczas swobodnie oglądana w każdej rozdzielczości, a przy
małych rozdzielczościach ekranowych wymaga jedynie
niewielkiego przewijania (około dwóch ekranów). Innym rozwiązaniem
jest stworzenie strony dopasowanej do wyświetlania w rozdzielczości
800600 pikseli przy oknie
przeglądarki zajmującym cały ekran monitora. Jeśli
stworzysz obszar roboczy o wymiarach 760400 pikseli (pozostawiając miejsce na paski
narzędzi przeglądarki), użytkownik nie będzie musiał
korzystać z przewijania, aby zobaczyć całą stronę w
maksymalnie powiększonym oknie przeglądarki.
Nie obawiaj się tworzenia obszarów roboczych
o nieco większych wymiarach niż te, które są Ci w
rzeczywistości potrzebne. Przekonałem się, że nieco
większe pole manewru przydaje się przy rysowaniu, zwłaszcza
za pomocą piórka i tabletu. Przed narysowaniem czegokolwiek w obszarze
roboczym, możesz wówczas wypróbować obrysy w tym dodatkowym
obszarze. Po zakończeniu pracy, usuń je i wybierz z menu polecenie
ModifyTrim Canvas, aby szybko pozbyć się
niepotrzebnych obszarów i przygotować dokument do wyeksportowania.
Rozdzielczość
Nawet jeśli rozmiary obszaru roboczego
podajesz w calach lub centymetrach, nadal jest on elementem internetowym
(ekranowym) złożonym z pikseli. Opcja Resolution definiuje sposób przekształcania punktów na cale
przez Fireworks. Jeśli nadasz obszarowi roboczemu wymiary 8.5 na 11
cali, żeby wydrukować go na standardowym papierze listowym w
rozdzielczości 150 dpi (dots per inch - punkty na cal),
powinieneś wpisać w polu Resolution wartość 150, aby dokument
został dobrze wydrukowany.
Jeżeli wykorzystujesz
Fireworks jedynie do tworzenia obrazków, które będą wyświetlane na ekranie (jak większość z nas),
mam dla Ciebie dobrą wiadomość: możesz pozostawić w
polu Resolution domyślną wartość 72 i
mierzyć w pikselach obszar roboczy oraz wszystkie znajdujące
się w nim obiekty. Wolno Ci kompletnie zignorować to ustawienie i
pracować z wszystkimi dokumentami w rozdzielczości 72 ppi.
Więcej informacji o
rozdzielczości ekranowej i rozdzielczości w druku znajdziesz w
rozdziale 14.
Ekran monitora komputera Macintosh ma wymiary 512342 piksele lub 7.14.5 cali. Wymiary te
są aktualne dla wszystkich monitorów pracujących z
rozdzielczością 72 dpi. Jeśli chcesz, aby jakiś element
wyświetlany na ekranie miał szerokość jednego cala (na
przykład cala na linijce w programie graficznym), na Macintosh
powinieneś nadać mu szerokość 72 pikseli. Konwencja 72
pikseli wzięła się także stąd, że w jednym
calu mieszczą się 72 punkty (standardowa jednostka typograficzna),
więc jeden piksel reprezentuje dokładnie jeden punkt. Obecnie istnieje
zbyt wiele różnych rozdzielczości wyświetlania i wymiarów monitorów
komputerowych, aby opracować jednolitą jednostkę miary,
więc standardowym ustawieniem rozdzielczości nadal pozostaje 72
dpi. System Windows i niektóre pracujące w nim aplikacje korzystają
z rozdzielczości 96 dpi, ale Fireworks na obu platformach używa
standardu 72 dpi.
Określ szerokość i wysokość
widzialnego obszaru ekranu, a następnie podziel te wymiary przez
wartość rozdzielczości ekranowej. Ekran z widzialnym obszarem
o wymiarach 129 cali, pracujący w rozdzielczości 1024768 ma
rozdzielczość 85 dpi. Wyświetlany na takim ekranie obiekt o
wymiarach 8585 pikseli będzie kwadratem o boku jednego cala.
Masz do wybory trzy opcje
dotyczące barw obszaru roboczego: White (Biały), Transparent
(Przezroczysty) i Custom
(Własny). Biały nie jest domyślnym kolorem wszystkich przeglądarek
internetowych, ale jest często wybierany jako barwa tła w programach
do tworzenia stron WWW i powszechnie stosowany w Internecie.
Przezroczystość nie jest oczywiście kolorem - jest jego
brakiem. Wiele stron internetowych wykorzystuje jako tła różne
desenie lub obrazki, ale projektanci coraz częściej nadają
przezroczystość tylko wybranym fragmentom, dzięki którym
są widoczne wybrane obszary grafiki. Grafika
(która zawsze ma kształt prostokąta) wygląda wtedy, jakby
miała nieregularne kształty. Fireworks oferuje dużo
rozmaitych metod produkowania grafiki z przezroczystym tłem, ale wielu
projektantów i tak woli pracować na przezroczystym obszarze roboczym.
Trzecia opcja - Custom Color - umożliwia zdefiniowanie dowolnego koloru
obszaru roboczego. Po wybraniu przycisku opcji CustomColor możliwe
jest wybranie dowolnego odcienia z palety 216 kolorów bezpiecznych dla
Internetu, które są wyświetlane w taki sam sposób w
większości przeglądarek w Windows i w MacOS pracujących z
8-bitową głębią kolorów. Odpowiedni odcień
możesz wybrać również z systemowego próbnika kolorów lub
wykorzystać kroplomierz i pobrać go z dowolnego miejsca ekranu. Opcja
Custom Color przydaje się zwłaszcza wtedy, gdy chcesz
dostosować kolor obszaru roboczego grafiki do koloru tła strony WWW.
Poznanie
zasad wykorzystywania kolorów w Internecie jest kluczową sprawą dla
każdego projektanta grafiki internetowej. Więcej informacji o
korzystaniu z kolorów w Fireworks znajdziesz w rozdziale 7.
Tworzenie nowego dokumentu
Aby
utworzyć nowy dokument:
1. Wybierz z menu polecenie FileNew lub użyj skrótu klawiaturowego Ctrl+NCommand+N). Użytkownicy systemu Windows mogą także
kliknąć przycisk New znajdujący się w głównym pasku narzędzi. Zostanie
otwarte okno dialogowe New Document (Nowy dokument) (rysunek 4.3).
Rysunek 4.3.
W oknie dialogowym New Document ustaw wymiary swojego
dokumentu, rozdzielczość w druku i kolor obszaru roboczego
2. Aby zmienić szerokość obszaru
roboczego, wpisz nową wartość w polu tekstowym Width
Wciśnij
klawisz Tab, aby przejść do pola tekstowego Height.
3. Aby zmienić wysokość obszaru
roboczego, wpisz nową wartość w polu tekstowym Height
4. Aby zdefiniować nową
rozdzielczość obszaru roboczego, wpisz wartość w polu Resolution. Domyślna rozdzielczość dokumentów
Fireworks to 72 ppi (pixel per inch -
piksele na cal). Jeśli nie będzie to konieczne, nie zmieniaj
wartości rozdzielczości.
5. Aby zmienić jednostkę miary
używaną do definiowania szerokości, wysokości i
rozdzielczości dokumentów, kliknij przycisk ze strzałką
znajdujący się obok odpowiedniej listy opcji. Dla szerokości i
wysokości masz do wyboru: Pixels(Piksele), Inches (Cale) lub Centimeters (Centymetry), zaś
rozdzielczość można mierzyć w pikselach na cal (Pixels/Inch) lub pikselach na centymetr (Pixels/cm
Po zmianie jednostek
miary dla szerokości i wysokości dokumentu, Fireworks
automatycznie przekonwertuje wszystkie istniejące wartości.
Przykładowo - jeśli nowy obszar roboczy ma przy rozdzielczości
72 pikseli na cal 144 piksele szerokości, a Ty zmienisz jednostkę
miary szerokości na cale, Fireworks zamieni 144 piksele na 2 cale. Obojętnie,
jaką jednostkę miary wybierzesz, Fireworks zawsze w oknie dialogowym
po prawej stronie pól tekstowych z wymiarami dokumentu będzie
wyświetlał ich wartości w pikselach poprzedzone znakami
W (width - szerokość) i H (height - wysokość).
6. W sekcji Canvas Color wybierz kolor obszaru roboczego. Do wyboru masz opcje: White (Biały), Transparent (Przezroczysty) i Custom (Własny).
7. Aby wybrać własny kolor obszaru
roboczego, kliknij strzałkę znajdującą się obok próbki
koloru i wybierz pożądany kolor z rozwijanej palety.
8. Aby mieć wybór spomiędzy większej
ilości kolorów (spoza palety 216 kolorów bezpiecznych dla
przeglądarki), kliknij przycisk Palette lub dwukrotnie kliknij próbki, aby otworzyć
systemowy próbnik kolorów.
9. Gdy skończysz
definiowanie parametrów nowego dokumentu, kliknij przycisk OK
Okno dialogowe New
Document zapamięta ustawienia i przyjmie je jako domyślne, gdy
będziesz tworzył kolejny nowy dokument. Jest tylko jeden
wyjątek. Gdy wytniesz lub skopiujesz grafikę do schowka i wybierzesz
w Fireworks polecenie FileNew, w oknie dialogowym będą wyświetlone
wymiary obrazka znajdującego się w schowku. Funkcja ta ułatwia
wklejanie istniejących obrazków do nowych plików Fireworks.
Otwieranie
istniejących obrazków
Dokumenty Fireworks można
podzielić na dwie odrębne kategorie w zależności od tego,
czy rozpoczynasz pracę w Fireworks od zera, czy też importujesz prace
wykonane w innych programach, aby jedynie przygotować je do wykorzystania
w Internecie. Fireworks jest doskonałym narzędziem do optymalizacji
grafiki internetowej i równie często
będziesz go wykorzystywał do tworzenia nowych plików, jak i
otwierania istniejących obrazków.
Do przenoszenia obrazków
pomiędzy aplikacjami wykorzystuj bezstratne formaty plików, takie jak
PNG i TIFF. Formaty GIF i JPEG są nieodpowiednie do zachowywania
głównych kopii obrazków, ponieważ w czasie
kompresji do jak najmniejszych rozmiarów pliku odrzucają one niektóre
informacje, powodując w ten sposób utratę jakości grafiki.
Otwarcie
pliku PNG odbywa się tak samo jak otwieranie dokumentów Fireworks. Otwarcie innego typu pliku powoduje utworzenie
nowego dokumentu Fireworks, który musi
zostać zapisany pod nową nazwą jako dokument w formacie PNG. W
razie potrzeby z dokumentu Fireworks możesz eksportować pliki w
formatach GIF, JPEG lub innych.
Formaty plików
Każdy, kto
zetknął się z grafiką komputerową wie zapewne, że
różne programy komputerowe i różne systemy operacyjne
zapisują pliki we własnych formatach. Wiele z nich można otwierać w Fireworks. W przypadku
formatów plików tworzonych w zaawansowanych aplikacjach graficznych, takich
jak Photoshop, Fireworks pozwala na zachowanie jak największej
ilości specjalnych komponentów grafiki, na przykład warstw i edytowalnego
tekstu. Można nawet otwierać pliki w formatach ASCII lub RTF i
importować z nich tekst do Fireworks.
Przy
próbie otwarcia plików utworzonych w programie Macromedia FreeHand, Adobe Illustrator lub CorelDRAW,
Fireworks wyświetla okno dialogowe ze specjalnymi opcjami pliku. W
rozdziale 14. opisane jest okno dialogowe Vector File Options (Opcje grafiki
wektorowej).
Aby otworzyć
istniejący plik w Fireworks:
1. Wybierz z menu polecenie FileOpen lub użyj skrótu klawiaturowego Ctrl+OCommand+O).
Użytkownicy systemu Windows mogą również kliknąć przycisk Open (Otwórz) znajdujący
się w głównym pasku narzędzi. Zostanie otwarte okno dialogowe Open (rysunek 4.4).
Rysunek 4.4.
W oknie dialogowym
Open możesz obejrzeć pliki przed ich otwarciem w Fireworks
2. Zaznacz wybrany plik w oknie dialogowym Open. Fireworks dokona identyfikacji pliku i dla
określonych typów plików wyświetli ich miniatury w sekcji Preview (Podgląd) okna dialogowego.
3. Aby otworzyć kopię grafiki, zaznacz
opcję Open
as "Untitled" (Otwórz jako "Bez
tytułu").
W tabeli 4.1 opisane
zostały formaty plików obsługiwane przez Fireworks.
Tabela
4.1.
Obsługiwane formaty plików
Format
Rozszerzenie
pliku
Kod
typu używany w MacOS
Opis
i uwagi
Format Fireworks
.png
PNGf
Plik
w formacie PNG zawierający informacje, które mogą być
odczytywane jedynie przez Fireworks, na przykład obiekty wektorowe.
Format wybierany domyślnie dla plików Fireworks 3 i 4.
Fireworks 2.0
.png
PNGf
Aktualizowane
natychmiast po otwarciu. Nie mogą być zapisywane i ponownie
otwierane w Fireworks 2.
Fireworks 1.0
.png
PNGf
Aktualizowane
natychmiast po otwarciu. Nie mogą być zapisywane i ponownie
otwierane w Fireworks 1. Tło grafiki jest umieszczane na osobnej
warstwie.
Portable Network Graphic
.png
PNGf
Standardowy
dokument PNG nie zawierający dodatkowych informacji dla Fireworks
Dokument Photoshopa
.psd
8BPS
Tylko
w wersji 3.0 i późniejszych. Zachowane zostają warstwy,
edytowalny tekst i efekty warstw
Dokument FreeHanda
.fh7 lub .fh8
AGD3
Format
grafiki wektorowej tworzonej w programie FreeHand 7 lub 8
Document Illustratora 7
.ai
UMsk
Format
grafiki wektorowej tworzonej w programie Illustrator 7
Document CorelDRAW 8
.cdr
CDR8
Aby
format grafiki wektorowej CorelDRAW mógł zostać otwarty
w Fireworks, musi być zapisany bez kompresji obiektów i bitmap
GIF
.gif
GIFf
Graphic
Interchange File Format. Może być statyczny lub animowany.
Każda klatka animowanego GIF-a jest umieszczana w osobnej klatce
dokumentu Fireworks
JPEG
.jpg lub .jpeg
lub .jpe
JPEG
Unikaj
importowania obrazków w formacie JPEG z powodu ich stratnej kompresji i
niskiej jakości
Targa
.tga
TPIC
Format
graficzny często wykorzystywany w systemach Unixowych
WBMP
.wbmp
WBMP
Format
bitmapy bezprzewodowej, używany w urządzeniach bezprzewodowych
EPS
.eps
UMsk
Zamknięty
format PostScript. Grafiki wektorowe są rastrowane.
TIFF
.tif lub .tiff
TIFF
Tag Image File Format. Format o wysokiej jakości obrazu i bezstratnej
kompresji, podobnej do tej, która jest stosowana w formacie PNG
Tekst
ASCII
.txt
TEXT
Zwykły
tekst
Rich Text Format
.rtf
RTF
Format
tekstu firmy Microsoft, który może być eksportowany wraz ze stylami
z programu Word.
Bitmapa Microsoftu
.bmp
BMP
Standardowy
format grafiki w Windows 3+
PICT
(tylko MacOS)
.pct lub .pict
lub .p
PICT
Standardowy
format grafiki w systemie MacOS 1-9. Jest kombinacją grafiki bitmapowej
i wektorowej. Fireworks zamienia wszystkie obiekty wektorowe na bitmapy
Użytkownicy
Windows: Jeśli chcesz ograniczyć wyświetlanie plików tylko do
określonych formatów, kliknij strzałkę znajdującą
się obok listy rozwijanej Files of Type (Typy plików) i wybierz
żądany format. Aby wyświetlić wszystkie pliki, wybierz z
listy rozwijanej Files of Type opcję All Files (*.*) lub wpisz
gwiazdkę w polu tekstowym File Name (Nazwa pliku). Gdy zamierzasz
wyświetlić pliki zgodne z Fireworks, wybierz z listy Files of
Type opcję All Readable Files.
4. Kliknij OK. Fireworks
otworzy plik i dopasuje stopień jego powiększenia tak, aby
wyświetlony został cały obrazek.
Pliki można
otwierać w Fireworks także za pomocą techniki "przeciągnij
i upuść". W Windows przeciągnij zgodny plik graficzny na
ikonę aplikacji Fireworks, na jej
skrót lub do otwartego dokumentu. W systemie Mac możesz
przeciągać pliki graficzne na aplikację Fireworks, jej
odnośnik lub na ikonę Fireworks znajdującą się w
Przełączniku Aplikacji (Application Switcher) - MacOS 8, 9 lub
MacOS X (dokowanie).
Fireworks pozwala bez problemu otwierać i
pracować z plikami Photoshopa. Gdy otwierasz lub importujesz plik
Photoshopa, Fireworks wyświetli okno dialogowe umożliwiające
dostosowanie parametrów konwersji pliku. Domyślnie Fireworks zachowuje
warstwy i edytowalny tekst Photoshopa, ale jeśli nie będziesz
chciał edytować obrazka w Fireworks, możesz go
spłaszczyć (usunąć warstwy). Maski znajdujące
się w plikach Photoshopa są konwertowane na grupy maski (Mask
Group), zaś efekty warstw Photoshopa na edytowalne Live Effects.
Użytkownicy MacOS
mogą otwierać wiele dokumentów Fireworks również poprzez
wybranie grupy plików w Finderze i albo przez dwukrotne kliknięcie myszą,
albo przez wybranie FileOpen (lub Command+O).
Pliki obrazków, które nie posiadają kodu Fireworks Creator powinny
być zaznaczane w Finderze i przeciągane na ikonę aplikacji
Fireworks.
Zaletą
możliwości otwierania wielu obrazków jest możliwość tworzenia
animacji przez łączenie wszystkich
dokumentów. Gdy w oknie dialogowymOpen wybierzesz opcję Open as Animation (Otwórz jako animację), Fireworks
umieści każdy wybrany plik w pojedynczej grafice, ale w osobnych klatkach.
Następnie możesz obejrzeć animację z wykorzystaniem
kontrolek Fireworks lub w oknie dialogowym Export dostosować tempo odtwarzania animacji.
Aby otworzyć kilka plików
jednocześnie:
5. Wybierz z menu polecenie FileOpen lub użyj
skrótu klawiaturowego Ctrl+OCommand+O), a zostanie otwarte okno dialogowe Open (rysunek 4.5).
Rysunek 4.5.
Możesz
zaznaczyć kilka plików przytrzymując wciśnięty klawisz
Ctrl (Command) podczas klikania ich nazw
6. Odszukaj folder zawierający obrazki, które
chcesz otworzyć.
7. Aby dodać ciągły zakres plików,
zaznacz pierwszy z nich, wciśnij i przytrzymaj klawisz Shift i kliknij ostatni plik z zakresu.
8. Aby wybrać wiele plików nie leżących
obok siebie, klikaj je kolejno z wciśniętym klawiszem Ctrl
9. Aby otworzyć wszystkie pliki znajdujące
się w bieżącym katalogu, kliknij Ctrl + ACommandA
Wszystkie pliki
znajdujące się w wybranym katalogu możesz otworzyć także
poprzez ich przeciągnięcie i upuszczenie nad ikoną Fireworks.
Fireworks otworzy wszystkie pliki znajdujące się w wybranym
katalogu i wszystkich podkatalogach.
W
MacOS upuszczenie foldera z plikami na ikonie Fireworks spowoduje również otwarcie wszystkich plików w
programie, ale Fireworks zawsze zakończy cały proces z
błędem. Mimo że błąd ten wydaje się nieszkodliwy,
istnieje proste rozwiązanie. Wystarczy otworzyć folder, zaznaczyć
wszystkie pliki za pomocą skrótu Ctrl+A i przeciągnąć je
na ikonę Fireworks (lub dwukrotnie kliknąć, jeśli
posiadają kod Fireworks Creator).
10. Aby umieścić zaznaczone obrazki w serii
klatek, wybierz opcję Open as Animation (Otwórz jako animację).
Każdy obrazek zostanie umieszczony w osobnej klatce tego samego dokumentu w kolejności, w jakiej
pliki zostały umieszczone w liście.
11. Aby usunąć wybrany plik z listy,
wciśnij i przytrzymaj klawisz Ctrl (Command) i
kliknij ten plik.
12. Kliknij przycisk Open, aby otworzyć obrazki.
Zapisywanie
plików
Każdego, kto
profesjonalnie zajmuje się grafiką komputerową nęka ten sam
koszmar
- wszystkie niezapisane obrazki, którym poświęcił wiele czasu i
skrupulatnej pracy zostają utracone w wyniku zawieszenia się
komputera. Zapisywanie plików jest bardzo ważne
w każdym programie graficznym, a w Fireworks staje się sprawą
najwyższej wagi. Aby słowa "wszystko jest w każdej
chwili edytowalne" były prawdziwe, grafika musi zostać zapisana w
standardowym formacie Fireworks - PNG. Program oferuje rozbudowany
moduł eksportu pozwalający zapisywać pliki w każdym z
formatów wykorzystywanych w Internecie. Jeśli jednak plik Fireworks
zostanie wyeksportowany jako GIF
lub JPEG, utracona zostanie możliwość jego edycji. Tekst nie
będzie mógł być edytowany jako tekst, obiekty wektorowe
zostaną przekształcone na bitmapy, efekty zostaną zablokowane
itd.
Aby utrzymać pełen
zakres funkcji Fireworks, przed eksportem trzeba zapisać plik w formacie
PNG. W tym celu należy wykorzystać standardowe polecenie menu File Save lub skrót klawiaturowy Ctrl+SCommand+S).
Użytkownicy Windows mogą również posłużyć
się przyciskiem Save
znajdującym się w głównym pasku narzędzi. Jeśli do
pierwszego zapisania pliku użyjesz jednej z wymienionych metod, automatycznie
zostanie otwarte okno dialogowe Save (rysunek
4.6).
Rysunek 4.6.
Aby utrzymać
możliwość edycji pliku, oprócz wyeksportowania grafiki w
formacie GIF, JPEG lub innym, powinieneś zapisać plik
w źródłowym formacie Fireworks
- PNG
Więcej
szczegółów na temat eksportowania plików znajdziesz w rozdziale 15.
Zamykanie plików
Gdy zakończysz pracę
nad dokumentem - ale nadal chcesz pracować w Fireworks
- możesz zamknąć bieżący plik na jeden z niżej
wymienionych sposobów:
uWybierz z menu
polecenie FileClose
uUżyj skrótu klawiaturowego Ctrl+WCommand+W) lub Ctrl+F4 (tylko w Windows).
Jeśli dokument nie
został zapisany od czasu ostatniej modyfikacji, Fireworks zapyta Cię,
czy chcesz zapisać plik przed jego zamknięciem. Dokumenty, które nie
zostały zapisane można rozpoznać po znaku gwiazdki (*) (rysunek
4.7), jaki program umieszcza na pasku tytułowym okna dokumentu, w którym
zmiany nie zostały zapisane. Okna dokumentów, w których nie pojawi
się znak gwiazdki na pasku tytułowym są dokładnie takie
same, jak pliki zapisane na dysku.
Rysunek 4.7.
Znak gwiazdki pozwala natychmiast rozpoznać
dokumenty, w których nie zapisano zmian
Dirty dot asterisk - Znak gwiazdki
Fireworks wyświetla
znak gwiazdki na pasku tytułowym dokumentów, w których nie zapisano
zmian. Tę samą właściwość odnaleźć w
programie Macromedia Dreamweaver.
Przywracanie
ostatnio zapisanej wersji pliku
Wielką zaletą
grafiki komputerowej jest możliwość wypróbowania wielu
różnych rozwiązań bez obawy utraty wcześniejszych
pomysłów. Jestem entuzjastą polecenia Revert (Przywróć), które pozwala na dokonanie
kompletnych modyfikacji grafiki i przywrócenie
jej ostatnio zachowanej wersji za pomocą jednego polecenia. Polecenia RevertUndoSave a Copy oraz
paleta History pozwalają na bezpieczne eksperymentowanie
podczas pracy.
Polecenie Revert jest bardzo proste w użyciu. Gdy dokonasz
jakichś zmian grafiki i zechcesz powrócić do oryginalnej wersji,
wybierz z menu polecenie FileRevert. Fireworks zapyta Cię, czy na pewno chcesz
przywrócić ostatnio zapisaną wersję grafiki i, po
potwierdzeniu, zamieni obrazek znajdujący się na ekranie jego
oryginalną wersją.
Modyfikowanie
obszaru roboczego
Chciałbyś
zmienić rozmiar swojego obszaru roboczego? Kolor też? Próbujesz powiedzieć,
że nie jesteś doskonały i nie przewidziałeś
wcześniej tych zmian? Nie martw się, nie Ty jeden. Wiele z moich
obrazków przed ich ukończeniem wymagało modyfikacji dokumentów. Nie jest to nic nadzwyczajnego. Chwała
programom graficznym, a w szczególności Fireworks, za
to, że są tak wyrozumiałe dla niezdecydowanych projektantów.
W Fireworks łatwo
zmienisz rozmiar całego obrazka wraz z obszarem roboczym albo wymiary i
kolor samego obszaru roboczego. Dozwolone jest także rozszerzenie obszaru
roboczego w określonym kierunku. Na przykład za pomocą
wizualnego narzędzia Crop lub
numerycznego polecenia ModifyCanvas Size możesz tak powiększyć obszar roboczy,
aby został poszerzony w prawo.
Zmienianie
rozmiaru obszaru roboczego
Czasami zdarza się,
że obszar roboczy ma dokładnie takie wymiary, że mieści
wszystkie znajdujące się w nim obiekty, ale musisz dodać
kolejny obiekt lub dodać do istniejącego obiektu efekt Glow (Blask) lub podobny. Zaczyna wówczas brakować
miejsca. Czasem może być wręcz przeciwnie - obszar roboczy jest
o wiele za duży i musisz go zmniejszyć, aby dopasować do
znajdującej się w nim grafiki. W obu sytuacjach Fireworks wybawi
Cię z opresji.
Fireworks oferuje trzy metody
zmiany wymiarów obszaru roboczego: numeryczną (z wykorzystaniem
poleceń menu), wizualną (za pomocą narzędzia Crop) i przycięcie do wymiarów grafiki.
Numeryczne
definiowanie rozmiarów obszaru roboczego
Bardzo
często zdarza mi się, że chcę dodać do obiektu
cień i zdaję sobie wówczas sprawę, że będę
musiał powiększyć obszar roboczy o kilka pikseli w prawo i w
dół. W Fireworks obszar roboczy może być rozszerzany w
jednym z ośmiu kierunków. Modyfikowany jest jedynie jego rozmiar.
Wszystkie właściwości obiektów - z wyjątkiem
położenia względem obszaru roboczego - pozostają
niezmienione.
Bardzo ważne przy zmianie
wymiarów obszaru roboczego jest jego położenie (ang. anchor).
Położenie to - nazywane również zakotwiczeniem - (ustalane w
oknie dialogowym Canvas Size)
determinuje sposób modyfikowania obszaru roboczego w celu dopasowania go do
nowych wymiarów. Domyślnie zakotwiczenie jest umieszczane w środku
obszaru roboczego. Na przykład, jeśli zakotwiczenie będzie
umieszczone w środku obszaru roboczego, a jego wymiary zostaną
zwiększone o 100 pikseli w poziomie i tyle samo w pionie, po każdej
stronie obszaru roboczego zostanie dodane po 50 pikseli. Jeśli przy tych
samych wartościach zakotwiczenie będzie umieszczone w lewym górnym
rogu obszaru roboczego, zostanie on powiększony o 100 pikseli w prawo i
tyle samo w dół. Zakotwiczenie zatem określa, po której stronie
starego obszaru roboczego powinny zostać utworzone nowe obszary.
Aby numerycznie zmienić
wymiary obszaru roboczego:
13. Wybierz z menu polecenie ModifyCanvas Size. Zostanie
otwarte okno dialogowe Canvas Size
(rysunek 4.8).
Rysunek 4.8.
Aby zmienić
wymiary obszaru roboczego, w oknie dialogowym Canvas Size wpisz nowe wymiary
i określ położenie zakotwiczenia
14. Aby zmienić szerokość obszaru
roboczego, wpisz nową wartość w pole tekstowe znajdujące
się obok poziomej strzałki z dwoma grotami.
15. Aby zmienić wysokość obszaru
roboczego, wpisz nową wartość w pole tekstowe znajdujące
się obok pionowej strzałki z dwoma grotami.
W
sekcji Current Size (Bieżące wymiary) okna dialogowego Fireworks zawsze wyświetla
bieżące wymiary obszaru roboczego podawane w pikselach.
16. Aby zmienić wymiary obszaru roboczego,
podając je w calach lub centymetrach zamiast w pikselach, wybierz
pożądaną jednostkę miary z listy rozwijanej znajdującej
się obok pola tekstowego. Po prawej stronie pól tekstowych program
wyświetla wymiary obszaru roboczego mierzone w pikselach.
17. Kliknij jeden z przycisków znajdujących
się w sekcji Anchor, aby
zdefiniować kierunek rozszerzania lub zmniejszania obszaru roboczego.
Po wybraniu jednego z
przycisków znajdujących się w sekcji Anchor okna dialogowego, do
wybrania innego przycisku możesz wykorzystać klawisze
strzałek.
18. Kliknij przycisk OK
Korzystanie z
narzędzia Crop
Numeryczne skalowanie obszaru
roboczego sprawdza się doskonale, gdy chcesz dostosować go do
określonej szerokości i wysokości Twojego obrazka. Będziesz
jednak musiał wykonać wiele prób, aby idealnie dostosować te
wymiary do efektów, takich jak blask lub zewnętrzny cień.
Dużą szybszą metodą skalowania obszaru roboczego jest wykorzystanie
narzędzia Crop (Kadrowanie). Zasady kadrowania znane są
każdemu, kto kiedykolwiek pracował
z fotografiami i musiał z nich usuwać zbędne obszary. Kadrowanie
to inaczej obcinanie zbędnych obszarów. Oprócz zmniejszania obrazków poprzez
odcinanie fragmentów obszaru roboczego, narzędzie Crop umożliwia także rozszerzanie obszarów
roboczych.
Narzędzie Crop umożliwia narysowanie wokół obrazka
prostokąta posiadającego kilka uchwytów skalowania. Możesz je
wykorzystać do zmiany wymiarów i kształtu kadrowanego obszaru. Gdy uzyskasz właściwy obszar, kliknij w
nim dwukrotnie, aby zakończyć operację kadrowania. Jeżeli
ramkę kadrowania rozciągniesz poza krawędzie obszaru
roboczego, po dwukrotnym kliknięciu zostanie on rozszerzony do nowych
wymiarów.
Narzędzie Crop znajduje się w palecie Fireworks Tools, na
dole, jako trzecie po lewej. Można również skorzystać ze skrótu
klawiaturowego, naciskając C
Narzędzie Crop ma
teraz swoje własne miejsce w palecie Fireworks Tools, na dole, jako
trzecie po lewej. Dla przypomnienia, w Fireworks 3 znajdowało się
ono w grupie Marquee, a w Fireworks 2 - w grupie Pointer.
Wykorzystanie narzędzia Crop do rozszerzania obszaru roboczego (rysunek 4.9) wymaga
dodatkowych działań. Gdy używasz tego narzędzia po raz
pierwszy zauważysz, że Fireworks
przyciąga ramkę kadrowania do krawędzi obszaru roboczego.
Rysunek 4.9.
Narzędzie
Crop pozwala w prosty sposób dodać nowe obszary po prawej stronie i u
dołu dokumentu Fireworks
Większość projektantów wykorzystuje narzędzie Crop do zmniejszania obszarów roboczych, więc w
większości przypadków przyciąganie takie jest wygodne dla
użytkownika. Aby rozszerzyć ramkę kadrowania, musisz
przeciągnąć jej dowolny uchwyt w nowe położenie
poza obszarem roboczym.
Zmiana wymiarów
obszaru roboczego dla pojedynczego obrazka
Jeśli dokument zawiera
tylko jeden obrazek bitmapowy, pewne będziesz chciał tak zmienić
wielkość obszaru roboczego obrazka, aby dopasować go do
docelowej strony WWW. Fireworks pozwala na dopasowanie tych wymiarów za pomocą polecenia Image
Size będziesz mógł
wykorzystywać zarówno bezwzględne wartości podawane w pikselach,
jak i wartości procentowe. Dzięki automatycznemu dostosowywaniu
wymiarów obszaru roboczego, możesz pracować z pojedynczymi
obrazkami tak samo, jak w Photoshopie.
Wolno Ci zachować oryginalne proporcje grafiki
albo rozciągnąć ją lub ścisnąć w dowolnym
kierunku. Polecenie Image Size pozwala
również na ponowne próbkowanie obrazka po jego przeskalowaniu. Ponowne
próbkowanie (ang. resampling) jest procesem polegającym na dodawaniu lub
usuwaniu pikseli ze skalowanego obrazka. Zmiana wymiarów grafiki, a
zwłaszcza jej powiększanie zawsze sprawdza się lepiej z
obiektami wektorowymi niż bitmapowymi. Fireworks pozwala na wybór metody
interpolacji pomagającej zachować dobry wygląd skalowanych
obrazków.
Fireworks umożliwia niezależne od siebie
zmianę wymiarów obrazka na ekranie i jego wymiarów w druku (poprzez
zmianę rozdzielczości w druku). W ten sposób możesz zachować
oryginalne wymiary obrazka na ekranie i drukować go z większą
lub mniejszą rozdzielczością. Jednak zmiana rozdzielczości
w druku spowoduje proporcjonalną zmianę wymiarów reprezentacji
obrazka na ekranie. Przykładowo - obrazek znajdujący się w
górnej części rysunku 4.10 ma wymiary 1440657 pikseli (stopień jego powiększenia
w Fireworks wynosi 25%), a jego rozmiary w druku to 209 cali przy rozdzielczości
72 ppi. Obrazek znajdujący się na dole został przeskalowany
poprzez zmniejszenie rozdzielczości o 1/4 (czyli do 18 ppi) i ma
wymiary 360164 pikseli. Oba obrazki będą miały takie
same rozmiary w druku, ale obrazek o mniejszej rozdzielczości będzie
miał cztery razy mniej szczegółów.
Jeśli wykorzystujesz
Fireworks wyłącznie do tworzenia grafiki internetowej (jak
większość z nas), nie zmieniaj ustawień jego
rozdzielczości w druku (Print Size) i skaluj obrazki z wykorzystaniem
sekcji Pixel Dimension okna dialogowego Image Size.
Aby zmienić wymiary obrazka:
19. Wybierz z menu polecenie ModifyImage Size,
a zostanie otwarte okno dialogowe Image Size
(rysunek 4.11).
Rysunek 4.10.
Dolny obrazek
(w powiększeniu 100%) został przeskalowany
do 1/4 wymiarów oryginalnego obrazka (w powiększeniu 25%)
Rysunek 4.11.
Użyj
polecenia Image Size, aby proporcjonalnie powiększyć lub
zmniejszyć grafikę
20. Aby proporcjonalnie zmienić wymiary obrazka,
wpisz nową wartość w pole tekstowe szerokości (obok
poziomej strzałki z dwoma grotami) lub wysokości (obok pionowej
strzałki z dwoma grotami).
21. Aby zmienić wymiary obrazka za pomocą
wartości procentowych zamiast pikseli, kliknij listę
znajdującą się obok pola tekstowego szerokości lub
wysokości i wybierz z niej pozycję Percent
22. Aby zmienić wielkość obrazka poprzez
zmodyfikowanie jego wymiarów w druku, wprowadź nowe wartości w
pola szerokości i wysokości znajdujące się w sekcji Print Size
Jeśli
zaznaczona jest opcja Constrain Proportions (Zachowaj proporcje), zmiana
szerokości spowoduje zmianę wysokości obrazka i odwrotnie.
Najlepiej jest
zaznaczyć najpierw całą wartość znajdującą
się w polu tekstowym i dopiero wówczas wpisać nową.
Jeśli będzie usuwał poszczególne
cyfry za pomocą klawisza Backspace, po usunięciu ostatniej
Fireworks wyświetli ostrzeżenie mówiące, że
wpisałeś niewłaściwą wartość,
mniejszą od 1 piksela.
23. Aby zmienić wymiary obrazka w druku za
pomocą wartości procentowych lub centymetrów zamiast cali, kliknij
listę rozwijaną znajdującą się obok pola tekstowego
szerokości lub wysokości w sekcji Print Size i wybierz z niej pożądaną jednostkę
miary.
24. Aby zmienić rozdzielczość obrazka w
druku, wpisz nową wartość w polu tekstowym Resolution
26. Aby zmienić wymiary
obrazka w druku - ale utrzymać jego wymiary ekranowe - usuń zaznaczenie opcji Resample Image (Próbkuj ponownie) i wpisz nowe wartości w
pola tekstowe szerokości i wysokości w sekcji Print Size. Po usunięciu zaznaczenia opcji Resample Image, sekcja Pixel Dimension okna dialogowego staje się nieaktywna.
27. Z listy znajdującej się w prawym dolnym
rogu okna dialogowego wybierz metodę interpolacji. Domyślnie
ustawiona jest metoda Bicubic
(Dwusześcienna), która jest najlepsza dla większości obrazków.
Kompletny
opis różnych metod interpolacji oferowanych przez Fireworks znajdziesz w
rozdziale 6.
28. Kliknij przycisk OK
Przycinanie
obszaru roboczego
Jaka jest
najszybsza metoda zmniejszania obszaru roboczego, aby dopasować go do określonych obiektów? Oczywiście przycinanie.
Jeśli kiedykolwiek przycinałeś klasyczne zdjęcie za pomocą ostrego noża lub
gilotyny, wiesz, że jest to radykalna i szybka operacja. Polecenie Trim
Canvas (Przytnij obszar roboczy) działa jeszcze
szybciej. Pomniejsza ono obszar roboczy z czterech stron jednocześnie i
nie pozostawia zbędnych skrawków.
Potęga polecenia Trim Canvas polega na tym, że jest ono w pełni
automatyczne - nie musisz nawet zaznaczać żadnych obiektów, aby
dostosować do nich obszar roboczy. Co więcej funkcja ta
uwzględnia także wszystkie "miękkie" krawędzie, takie jak
blaski czy cienie, więc nie musisz się martwić, że przez
przypadek odetniesz potrzebne fragmenty grafiki.
Polecenie to można z powodzeniem stosować wraz z innymi
narzędziami służącymi do zmiany wymiarów obszaru
roboczego, takich jak Crop (Kadrowanie) czy Canvas Size (Wielkość obszaru roboczego). Zmień
zatem wymiary obszaru roboczego tak, aby był większy niż to
konieczne, wykonaj potrzebne zmiany i wybierz z menu polecenie ModifyTrim Canvas. No i
proszę! Krawędzie obszaru roboczego przylegają dokładnie do
znajdującej się w nim grafiki.
Polecenie Trim Canvas
może tylko zmniejszać wymiary obszaru roboczego. Nie potrafi go
natomiast powiększyć, gdy niektóre fragmenty grafiki wychodzą
poza jego krawędzie.
Wybór nowego
koloru obszaru roboczego
Chociaż kolor obszaru
roboczego ustalasz już przy tworzeniu dokumentu, nie oznacza to, że w
przyszłości nie będziesz mógł użyć innego.
Możesz go zmieniać za pomocą polecenia ModifyCanvas Color.
Wywołanie tego polecenia spowoduje otwarcie okna dialogowego Canvas Color (rysunek 4.12), które jest
kopią sekcji Canvas Color (Kolor obszaru roboczego) okna dialogowego New Document
Rysunek 4.12.
Rozwijany próbnik
kolorów jest doskonałym narzędziem do szybkiego wybierania
internetowego koloru dla obszaru roboczego
Masz trzy
opcje do wyboru: White (Biały), Transparent (Przezroczysty) i Custom (Własny). Kliknięcie
strzałki znajdującej się obok próbki koloru spowoduje otwarcie
próbnika 216 kolorów bezpiecznych dla Internetu. Gdy klikniesz znajdujący
się tam przycisk
Palette, będziesz mógł
wybrać dowolny odcień z systemowego próbnika kolorów.
Jeśli otworzysz
dokument Photoshopa lub Fireworks 1.0, utworzona zostanie warstwa Background
wypełniona jednolitym kolorem. Możesz ukryć tę
warstwę, klikając ikonę Show/Hide Layer (Pokaż/Ukryj warstwę)
znajdującą się obok jej nazwy w palecie Layers. Będziesz
mógł wówczas zobaczyć rzeczywisty kolor obszaru roboczego.
Obracanie obszaru
roboczego
Gdy obracasz obiekty za pomocą narzędzi z
grupy Transform (Przekształcanie), obszar roboczy cały
czas pozostaje w tym samym miejscu. Jeśli obszar roboczy nie jest kwadratem, obrócenie grupy obiektów o 90 stopni
może spowodować ich umieszczenie poza jego granicami. Zamiast
obracać obiekty, możesz obrócić cały obszar roboczy.
Wybierz z menu polecenie ModifyRotate Canvas, a następnie jedną z dostępnych
opcji: Rotate
180ş (Obróć o
180Rotate 90ş CW (Obróć 90 w prawo) lub Rotate 90ş CCW (Obróć 90 w lewo).
Podsumowanie
Definiowanie
własności dokumentu jest podstawą pracy w Fireworks.
Obojętnie czy zaczynasz od stworzenia zupełnie nowego dokumentu,
czy też od otwarcia istniejącego pliku, Fireworks dostarczy Ci
wszystkich narzędzi potrzebnych do zbudowania solidnych podstaw i
zmodyfikowania ich w razie konieczności. Przy definiowaniu
własności dokumentów, powinieneś pamiętać o
następujących rzeczach:
uIm lepiej
opracujesz sobie strategię tworzenia grafiki i zaprojektujesz obszar roboczy,
tym mniej czasu spędzisz na późniejszych modyfikacjach.
uPrzy tworzeniu
nowych dokumentów, Fireworks pozwala na zdefiniowanie wysokości,
szerokości, rozdzielczości w druku i koloru obszaru roboczego.
uFireworks
potrafi otwierać wiele różnych formatów plików, wliczając te najczęściej
stosowane, takie jak pliki TIFF, FreeHanda i Photoshopa.
uMożesz otwierać wiele plików jednocześnie.
uAby
wykorzystać jak najwięcej możliwości Fireworks, co najmniej
jedną wersję pliku zawsze zapisuj w jego formacie
źródłowym - PNG.
uWielkość
obszaru roboczego możesz modyfikować za pomocą jednej z trzech
metod: Canvas
Size (Wielkość
obszaru roboczego), narzędzia Crop (Kadrowanie)
lub Trim
Canvas (Przytnij obszar
roboczy).
uW każdej
chwili możesz obrócić obszar roboczy lub zmienić jego kolor.
W kolejnym rozdziale zaczniesz
poznawać najważniejsze elementy grafiki tworzonej w Fireworks -
obiekty.
Document Info
Accesari:
2009
Apreciat:
Comenteaza documentul:
Nu esti inregistrat Trebuie sa fii utilizator inregistrat pentru a putea comenta