Rysunek 10.2.

Wszelkie zmiany dokonywane w edytorze tekstu
są natychmiast zastosowywane
do obiektu tekstowego znajdującego się w dokumencie Fireworks. Zwiększenie odległości pomiędzy literami E i M w oknie Text Editor jest natychmiast wyświetlane w obszarze roboczym

Rysunek 10.7.

Zmień szerokość obiektu tekstowego za pomocą suwaka Horizontal Scale znajdującego się w oknie Text Editor

Horizontal Scale 100% - Rozmiar poziomy równy 100%

Horizontal Scale 50% - Rozmiar poziomy równy 50%

Horizontal Scale 25% - Rozmiar poziomy równy 25%

Baseline Shift (Przesunięcie linii bazowej)

Gdy tworzysz stronę internetową, której głównym elementem są równania che­micz­ne, będziesz bardzo zadowolony z istnienia kontrolki Baseline Shift. Zazwyczaj cały tekst jest układany wzdłuż tej samej linii bazowej, więc dolne krawędzie prawie wszys­tkich znaków są położone na tym samym poziomie. Parametr Baseline Shift pozwala na umie­szczanie liter lub całych słów powyżej lub poniżej standardowej linii bazowej tek­stu. Wartość linii bazowej jest mierzona przez Fireworks w punktach: ujemne wartości ob­niżają, zaś dodatnie podwyższają linię bazową. Aby stworzyć indeks dolny, na przy­kład dwójkę we wzorze H₂O, użyj ujemnej wartości, wynoszącej połowę bieżącego roz­mia­ru czcionki (rysunek 10.8). Aby utworzyć indeks górny, zdefiniuj wartość dodatnią, wy­noszącą połowę bieżącego rozmiaru czcionki.

Superscript - Indeks górny

Subscript - Indeks dolny

Wyrównywanie tekstu

Każdy obiekt tekstowy zaznaczony w Fireworks jest otaczany ramką ograniczającą. Ram­ka ta ustala położenie tekstu za pomocą współrzędnych jej górnego lewego wie­rzchoł­ka, a także ogranicza rozmiar bloku tekstowego. Co najważniejsze - każdy rodzaj wy­równania tekstu jest tworzony względem jego ramki ograniczającej.

Do każdego wiersza znajdującego się w tym samym obiekcie tekstowym mogą być sto­so­wane różne opcje wyrównania. Na rysunku 10.9 przedstawiony został akapit, w któ­rym każdy wiersz posiada własną opcję poziomego wyrównania oraz pięć akapitów, z któ­rych każdy został inaczej wyrównany.

Left - Do lewej

Center - Wyśrodkowanie

Right - Do prawej

Stretched - Rozciąganie

Combination - Kombinacja różnych opcji

Justified - Justowanie

W oknie Text Editor znaleźć można kontrolki sterujące wyrównaniem tekstu (rysunek 10.10). Tekst może być pisany poziomo (Horizontal) (ustawienie domyślne) lub pionowo (Vertical) oraz od lewej do prawej (ustawienie domyślne) lub od prawej do lewej. Dostępne kontrolki wy­rów­nania tekstu zależą od jego orientacji (poziomej lub pionowej).

Po wybraniu opcji Horizontal, dostępne są następujące opcje wyrównania:

Horizontal text - Tekst poziomy

Vertical text - Tekst pionowy

Left - Do lewej

Center - Wyśrodkowanie

Right - Do prawej

Justified - Justowanie

Stretched - Rozciąganie

Left to right - Od lewej do prawej

Right to left - Od prawej do lewej

u     22222s182w      22222s182w Left Alignment (Wyrównanie do lewej): Tekst jest wyrównywany do lewej kra­wędzi ramki ograniczającej.

u     22222s182w      22222s182w Right Alignment (Wyrównanie do prawej): Tekst jest wyrównywany do pra­wej krawędzi ramki ograniczającej.

u     22222s182w      22222s182w Center Alignment (Wyśrodkowanie): Tekst jest wyśrodkowywany pomiędzy le­wą i prawą krawędzią ramki ograniczającej.

u     22222s182w      22222s182w Justified Alignment (Justowanie): Tekst jest równomiernie rozkładany tak, aby litery znajdujące się w każdym wierszu stykały się zarówno z lewą, jak i pra­wą krawędzią ramki ograniczającej. Litery zachowują przy tym oryginalne roz­miary.

u     22222s182w      22222s182w Stretched Alignment (Rozciąganie): Tekst jest poziomo rozciągany tak, aby li­tery znajdujące się w każdym wierszu stykały się zarówno z lewą, jak i prawą kra­wędzią ramki ograniczającej.

u     22222s182w      22222s182w Text Flows Left to Right (Przepływ tekstu od lewej do prawej): Tekst jest ukła­dany w poprzek ekranu - od lewej do prawej.

u     22222s182w      22222s182w Text Flows Right to Left (Przepływ tekstu od prawej do lewej): Tekst jest układany w poprzek ekranu - od prawej do lewej.

Po wybraniu opcji Vertical Text dostępne są następujące opcje wyrównania:

u     22222s182w      22222s182w Top Alignment (Wyrównanie do góry). Tekst jest wyrównywany do górnej krawędzi ramki ogra­niczającej.

u     22222s182w      22222s182w Center Alignment (Wyśrodkowanie). Tekst jest wyśrodkowywany pomiędzy gór­ną i dolną krawędzią ramki ograniczającej.

u     22222s182w      22222s182w Bottom Alignment (Wyrównanie do dołu). Tekst jest wyrównywany do dolnej krawędzi ram­ki ograniczającej.

u     22222s182w      22222s182w Justified Alignment (Justowanie). Tekst jest równomiernie rozkładany, aby li­te­ry znajdujące się na końcach każdego wiersza dotykały górnej i dolnej kra­wę­dzi ramki ograniczającej, zachowując przy tym oryginalne roz­miary.

u     22222s182w      22222s182w Stretched Alignment (Rozciąganie). Tekst jest rozciągany pionowo, aby litery znaj­dujące się na końcach każdego wiersza dotykały górnej i dolnej krawędzi ram­ki ograniczającej.

u     22222s182w      22222s182w Text Flows Down and Up (Przepływ tekstu od góry do dołu). Tekst jest wyświetlany od gór­nej krawędzi ramki ograniczającej w dół ekranu.

u     22222s182w      22222s182w Text Flows Up and Down (Przepływ tekstu od dołu do góry). Tekst jest wyświetlany od dol­nej krawędzi ramki ograniczającej w górę ekranu.

Włączanie opcji edytora tekstu

W oknie Text Editor znaleźć można jeszcze kilka dodatkowych opcji: dwie dotyczące sa­me­go edytora i trzy działającą na końcowy produkt. Aby tekst w panelu podglądu miał wy­gląd jak najbardziej zbliżony do końcowego, zaznacz opcje Show Font i Show Size&Color. Po włączeniu opcji Show Font tekst jest wyświetlany w oknie podglądu za po­mocą aktualnie wybranej czcionki. Wyłączenie tej opcji powoduje wyświetlanie teks­tu za pomocą jednej ze standardowych czcionek, takich jak Arial lub Helvetica. Opcja Size&Color pozwala zobaczyć tekst w bieżącym rozmiarze i kolorze. Gdy opcja ta jest wy­łączona, tekst będzie wyświetlany za pomocą czarnej 24-punktowej czcionki.

Trzy inne opcje: Anti-Alias (Wygładzanie), Auto Kern (Automatyczny kerning) i Apply (Za­stosuj) odnoszą się do obiektu tekstowego. Opcja Anti-Alias pozwala wygładzić tekst po­przez zastosowanie do krawędzi wypełnienia obiek­tu tekstowego techniki nazywanej anti-aliasingiem. Opcja Auto Kern (opisywana w poprzednim podrozdziale, doty­czą­cym odstępów w tekście) używa zdefiniowanych w danej czcionce odległości pomiędzy pa­rami znaków. Opcja Apply pozwala wszystkie zmiany dokonywane w oknie Text Edi­tor zastosować i obejrzeć w obiekcie tekstowym znajdującym się w dokumencie.

Przy moim sposobie pracy wszystkie te opcje wyłączam jedynie w bardzo rzadkich przy­padkach. Gdy w oknie podglądu muszę wyświetlić duży blok tekstu, wyłączam op­cję Size&Color, ale nigdy nie wyłączam opcji Font. Wyłączenie opcji Anti-Alias i Auto Kern rozważam jedynie wówczas, gdy próbuję uzyskać jakiś efekt specjalny. Jestem cał­kowicie uzależniony od opcji Apply, która umożliwia mi ciągły podgląd zmian w ok­nie dokumentu.

Reedycja tekstu

Okno Text Editor jest prawdopodobnie najczęściej wykorzystywaną metodą edycji teks­tu w Fireworks, ale nie jest jedyną. Globalnych modyfikacji obiektów tekstowych, takich jak zmiana czcionki lub rozmiaru, można dokonywać za pomocą poleceń menu. Mimo że nie dają tak szerokiego zakresu możliwości, korzystanie z poleceń menu może być o wie­le bardziej wydajne niż używanie edytora tekstu, zwłaszcza gdy poznasz odpo­wia­da­jące im skróty klawiaturowe.

Do zaznaczonego obiektu tekstowego można stosować polecenia znajdujące się w czte­rech podmenu menu Text

u     22222s182w      22222s182w Font (Czcionka): Zawiera listę wszystkich czcionek dostępnych w systemie ope­racyjnym, wyświetlaną w porządku alfabetycznym.

u     22222s182w      22222s182w Size (Rozmiar): Aby szybko zmienić rozmiar zaznaczonego tekstu, wybierz z me­nu polecenie Text Size, a następnie jeden z podanych w punktach roz­mia­rów: 8, 9, 10, 12, 14, 18, 24, 36, 48, 72, 96 lub 120. Aby ustawić rozmiar tekstu inny niż po­dane, wybierz pozycję Other

u     22222s182w      22222s182w Style (Styl): Oprócz opcji dostępnych w oknie Text Editor Bold - Pogrubienie, Ita­lic - Kursywa i Underline - Podkreślenie), menu Text Style pozwala usunąć wszys­tkie style tekstu za pomocą jednego polecenia - Text Style Plain

u     22222s182w      22222s182w Align (Wyrównanie): Menu Text Align jest podzielone na dwie części. Jedna z nich to polecenia służące do wyrównywania tekstu poziomego, druga - pio­no­wego. Wybranie opcji wyrównania z jednej z grup powoduje automatyczne dos­tosowanie orientacji tekstu. Przykładowo - jeśli zastosujesz polecenie Text Align Bottom do poziomego obiektu tekstowego, obiekt ten zostanie za­mie­niony na pionowy, a znajdujący się w nim tekst - wyrównany do dołu.

Żeby być skrupulatnym, muszę wymienić jeszcze jedno polecenie menu Text, które nie zo­stało wcześniej wymienione. Jest to polecenie Text Editor, które otwiera okno edy­to­ra tekstu zawierające zaznaczony obiekt tekstowy.

Importowanie tekstu

Przeważnie teksty używane w grafice internetowej są względnie krótkie. Dłuższe aka­pi­ty tekstu są zazwyczaj częścią pliku HTML generowanego przez przeglądarkę. Jest wie­le po­wodów, dla których tekst w Internecie nie jest zamieszczany w formie grafiki bit­ma­po­wej, a najważniejszym z nich jest rozmiar fizyczny pliku. Ściągnięcie strony za­wie­ra­ją­cej tekst bitmapowy trwa o wiele dłużej niż ściągnięcie tej samej strony z tekstem HTML.

Jednak - zgodnie z twierdzeniem "od każdej reguły są wyjątki" - niekiedy bloki tekstu mu­szą być wyświetlane jako grafika bitmapowa. Niektórzy klienci upierają się, aby stro­ny internetowe ich firm wiernie odzwierciedlały wygląd tradycyjnych, drukowanych ma­teriałów. Jedynym sposobem na uszczęśliwienie ich (nawet kosztem dłuższego ła­do­wa­nia pliku) jest utworzenie tekstu bitmapowego. W takich przypadkach z pomocą przy­chodzi jedna z najmniej znanych funkcji Fireworks - import tekstu.

Oprócz wielu formatów graficznych obsługiwanych przez Fireworks, możesz w tym pro­gramie otwierać również pliki tekstowe ASCII i RTF. Pliki ASCII (American Stan­dard Code for Information Interchange) są najpopularniejszymi plikami tekstowymi, któ­re nie zawierają żadnych informacji o formatowaniu znaków. Pliki RTF są dobrym spo­sobem przekazywania podstawowych informacji o formatowaniu tekstu, takich jak typ, rozmiar, styl (pogrubienie, kursywa lub podkreślenie) czcionki lub wyrównanie.

Możesz kopiować krótkie fragmenty tekstu z innych programów i wklejać je w oknie Text Editor Fireworks, ale w przypadku dużych bloków tekstu lepszym rozwiązaniem jest ich importowanie.

Aby zaimportować plik tekstowy:

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     1. Upewnij się, że plik, który chcesz zaimportować jest zapisany w formacie ASCII lub RTF.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     2. Wybierz z menu polecenie File Import lub użyj skrótu klawiaturowego Ctrl+R Com­mand+R). Zostanie otwarte okno dialogowe Import

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     3. W Windows z listy Files of Type (Pliki typu) wybierz opcję ASCII Text *.txt) lub RTF Text *.rtf

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     4. Odszukaj odpowiedni plik ASCII lub RTF, zaznacz go i kliknij przycisk Open. Po zamknięciu okna Import zostanie wyświetlony kursor.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     5. Umieść tekst w dokumencie, używając jednego z dwóch sposobów:

u Umieść kursor w miejscu, w którym ma się znajdować lewy górny narożnik obiektu tekstowego i kliknij.

u Kliknij i przeciągnij, aby narysować ramkę ograniczającą obiekt tekstowy.

Tekst zostanie umieszczony w nowym obiekcie tekstowym.

Przekształcanie tekstu

Prawdziwe możliwości Fireworks odkryjesz dopiero przy dodawaniu obrysów, wypełnień gra­dien­towych z teksturami i wielu efektów do bloków tekstowych, które nadal będziesz mógł poddawać edycji. Nawet jeśli użyjesz jednego z narzędzi transformacji: Scale (Ska­lowanie), Skew (Przechylanie) lub Distort (Zniekształcanie), aby kompletnie znie­kształ­cić obiekt tekstowy, tekst nadal będzie mógł być edytowany.

Nie ma żadnej krótszej drogi do poznania możliwości komponowania tekstu z grafiką. Wszys­tkie możliwości możesz poznać jedynie poprzez pracę, eksperymentowanie i... za­bawę. W kolejnych podrozdziałach znajdziesz pewne wskazówki, które pomogą Ci roz­począć zgłębianie możliwości obiektów tekstowych.

Dodawanie obrysów

Gdy utworzysz obiekt tekstowy, zastosowywany jest do niego jedynie podstawowy ko­lor wypełnienia. Nie oznacza to jednak, że nie możesz dodawać obrysów do tekstu. Mo­żesz stosować do tekstu obrysy o dowolnych kombinacjach ustawień. Musisz to jednak czy­nić bardzo ostrożnie. Niektóre typy obrysów, na przykład Basic Air Brush, są dość ma­syw­ne i mogą całkowicie przysłonić tekst o małych rozmiarach. Jednak modyfikowanie roz­mia­rów obrysów (albo koloru, rozmycia lub tekstury) jest proste i każdy typ obrysu mo­żesz dostosować do własnych potrzeb.

Jednym z zastosowań obrysów jest tworzenie tekstów z obwódkami. Prawie wszystkie ty­py czcionek mają znaki z jednolitym wypełnieniem. W Fireworks za pomocą prostej ope­racji możesz tworzyć (z prawie wszystkich typów czcionek) teksty z obwódkami:

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     6. Zaznacz obiekt tekstowy.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     7. Wybierz z menu polecenie Window Stroke, aby otworzyć paletę Stroke lub klik­nij jej zakładkę, jeśli znajduje się na ekranie.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     8. Zmień kategorię obrysu z None na dowolną kategorię dostępną w rozwijanej liś­cie Category

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w     9. Wybierz dowolny typ obrysu z rozwijanej listy Type i zmień, jeśli będzie to ko­nieczne, ustawienia obrysu.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 10. Wybierz z menu polecenie Window Fill, aby otworzyć paletę Fill lub kliknij jej za­kładkę, jeśli jest widoczna na ekranie.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 11. Ustaw kategorię wypełnienia na None. Wypełnienie tekstu zniknie i pozostanie je­dynie otaczająca go obwódka.

Wynik przeprowadzonych czynności możesz zobaczyć na rysunku 10.11.

Original text object - Oryginalny obiekt tekstowy

Strokes applied (no fill) - Obiekty tekstowe z zastosowanymi obrysami (bez wypełnień)

Inna technika dostosowania wyglądu obrysu tekstu polega na zmianie orientacji obry­su. W przypadku większości obiektów wektorowych, obrys jest wyśrodkowany wzglę­dem ścież­ki. Jednak w przypadku obiektów tekstowych, zgodnie z ustawieniem domyślnym, obrys jest umieszczany na zewnątrz ścieżki. Po zaznaczeniu obiektu tekstowego, za pomocą palety Object możesz zmienić je­go orientację. Pozwala to uzyskać trzy zupełnie inaczej wyglądające obie­kty (rysunek 10.12).

Stroke inside path - Obrys wewnątrz ścieżki

Stroke centered on path - Obrys wyśrodkowany względem ścieżki

Stroke outside path - Obrys na zewnątrz ścieżki

Dostosowywanie wypełnień

Przy wyświetlaniu tekstu, zgodnie z ustawieniem domyślnym, używane jest jednolite wypełnienie. Ale to tylko nie­wielka część możliwości, jakie daje Fireworks w pracy z obiektami tekstowymi. Wszys­tkie dostępne w programie typy wypełnień: jednolite, z ditheringiem, gradientowe lub z teksturą mogą być stosowane do obiektów tekstowych. Co więcej - zmieniając kra­wę­dzie wypełnienia można nadać mu bardziej miękki lub ostry wygląd. Zastosowanie wypełnienia do tekstu jest bardzo prostą operacją. Wystarczy zaznaczyć obiekt teksto­wy i wybrać wypełnienie z palety Fill. Fireworks traktuje cały obiekt teks­to­wy jako po­jedynczy element, więc gradient lub deseń wypełnia wszystkie litery lub sło­wa tekstu. Za pomocą kontrolek gradientów i deseni możesz jednak modyfikować spo­sób dystry­bucji wypełnienia w obiekcie. Aby to zrobić:

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 12. Zaznacz obiekt tekstowy.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 13. Wybierz z menu polecenie Window Fill, aby wyświetlić paletę Fill lub kliknij jej zakładkę, jeśli jest widoczna na ekranie.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 14. Wybierz wypełnienie gradientowe lub deseń.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 15. Jeśli opcja Auto-Apply nie jest włączona, kliknij przycisk Apply. Wypełnienie gra­dientem lub deseniem zostanie zastosowane do obiektu tekstowego.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 16. Wybierz narzędzie Paint Bucket (Wiadro z farbą). W obiekcie tekstowym zo­sta­ną wyświetlone uchwyty edycyjne gradientu (rysunek 10.13).

Gradient ending handle - Uchwyt końcowy gradientu

Gradient starting handle - Uchwyt początkowy gradientu

Gradient width handle - Uchwyt szerokości gradientu

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 17. Aby dostosować punkt środkowy gradientu, kliknij i przeciągnij okrągły, czar­ny punkt.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 18. Aby dostosować kierunek gradientu, kliknij i przeciągnij jeden z kwa­dra­to­wych uchwytów końcowych. Niektóre gradienty - na przykład Ellipse (Elip­tycz­ny), Rectangle (Prostokątny) i Starburst (Wybuchająca gwiazda) - mają jesz­cze trzeci uchwyt, który służy do zmiany szerokości i pochylenia gradientu.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 19. Kliknij dowolne narzędzie inne niż Paint Bucket, aby opuścić tryb edycji gra­dientu.

Wykorzystanie narzędzi transformacji

Każde z trzech narzędzi transformacji: Scale Skew i Distort może być używane do mo­dy­fikowania obiektów tekstowych. Oznacza to, że tekst może być skalowany, obracany, prze­chy­la­ny, a nawet zniekształcany, i nadal będzie można go edytować w oknie Text Editor. Obiekty teks­towe działają więc jak każdy inny typ obiektu; wyświetlane są takie same uchwyty ska­lowania, a nawet mogą być używane polecenia Flip Horizontal/Vertical (Odbij po­zio­mo-pionowo) lub Numeric Transform (Przekształć numerycznie) (rysunek 10.14).

Original text object - Oryginalny obiekt tekstowy

Scaled - Przeskalowany

Skewed - Przekrzywiony

Distorted - Zniekształcony

Horizontally flipped - Odbity poziomo

Przekształcając obiekty tekstowe, musisz pamiętać o kilku rzeczach:

u     22222s182w      22222s182w Przed użyciem narzędzia Skew do obiektu tekstowego, przybliż jak najbardziej ram­kę ograniczającą do krawędzi obiektu. Przekrzywianie oddziałuje na cały obiekt tekstowy i zbędne obszary mogą powodować generowanie niepo­żą­da­nych efektów.

u     22222s182w      22222s182w Jak w przypadku obiektów wektorowych, narzędzia Skew i Distort pozwalają na tworzenie efektów perspektywy tekstu. Dodanie do tekstu efektu, np. wewnęt­rzne­go fazowania krawędzi lub zewnętrznego cienia, pomaga spotęgować wra­że­nie perspektywy.

u     22222s182w      22222s182w Tekst może być przekształcany na jeden z dwóch sposobów: jako obiekt we­kto­rowy lub jako obrazek bitmapowy. Opcje dotyczące konwersji obiektów teks­towych są dostępne w palecie Object, po zaznaczeniu obiektu tekstowego. Opcja Transform as Path (Prze­kształć na ścieżkę) (ustawienie domyślne) pozwala utworzyć gładszy i mniej postrzępiony tekst niż opcja Transform as Pixels (Przekształć na piksele). W niektórych przy­padkach możesz preferować jednak bardziej postrzępione obiekty teks­to­we.

Konwertowanie tekstu na ścieżki

Skoro możliwość edycji tekstu jest tak ważną sprawą, dlaczego miałbyś z niej kie­dy­kol­wiek rezygnować? Po przekonwertowaniu tekstu na ścieżkę, możesz połączyć ją z in­ny­mi obiektami wektorowymi za pomocą jednego z poleceń, znajdujących się w podmenu Modify Combine. Możesz również zmienić kształty liter, ale w tym celu także musisz prze­konwertować tekst na ścieżkę, aby uzyskać dostęp do jej punktów kontrolnych. W czcion­ce Wingdings znajdziesz interesujące dla siebie obiekty graficzne, które możesz wy­korzystać jako kliparty nazywane podstawami grafiki. W każdym razie, aby prze­kon­wertować tekst na ścieżkę, zaznacz go i wybierz z menu polecenie Text Convert to Paths, lub skorzystaj ze skrótu klawiaturowego Ctrl+Shift+P Command+Shift+P

Konwertowanie tekstu na obrazki

Tekst możesz przekonwertować nie tylko na ścieżkę, ale również na obrazek bit­ma­po­wy. Zaznacz obiekt tekstowy i wybierz z menu polecenie Modify Convert to Bitmap, lub skorzystaj ze skrótu klawiaturowego Ctrl+Alt+Shift+Z Command+Option+Shift+Z Podobnie jak w przypadku konwersji na ścieżki, tekst przekształcony na piksele nie będzie mógł być edytowany w oknie Text Editor

Technika Fireworks: tekst jako wycinacz kształtów

Jedną z moich ulubionych operacji przeprowadzanych na tekście jest konwertowanie go na ścieżki wektorowe i wycinanie kształtu powstałej ścieżki z innych obiektów wekto­ro­wych. Powstałe w ten sposób obiekty są doskonałymi "królikami doświadczalnymi" do przeprowadzania prób z Xtras lub Live Effects at­wo można tworzyć wówczas przyciski reagujące na zdarzenia myszy, ponieważ tekst (a ra­czej dziura, którą wyciął w obiekcie) jest przezroczysty. Umieszczając przyciski na róż­nych tłach, możesz tworzyć wokół nich różnokolorowe blaski, zaś po umieszczeniu ta­kiego tekstu nad obrazkiem bitmapowym, tekst będzie działał jako maska obrazka.

W każdym z powyższych przypadków, aby użyć obiektu tekstowego jako wycinacza kształ­tów z innych obiektów wektorowych, musisz wykonać następujące czynności (ry­su­nek 10.15):

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 20. Utwórz obiekt tekstowy.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 21. Wybierz z menu polecenie Text Convert to Paths lub użyj skrótu kla­wia­tu­ro­we­go Ctrl+Shift+P Command+Shift+P). Wszystkie znaki tekstu zostaną przek­ształ­cone na ścieżki wektorowe, a następnie zgrupowane.

Original text object - Oryginalny obiekt tekstowy

Path text ... rectangle - Ścieżka tekstu nad prostokątnym obiektem wektorowym

New combined path - Nowa ścieżka kombinowana

New path with effects - Nowa ścieżka z zastosowanymi efektami

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 22. Zaznacz ścieżkę tekstu i wybierz z menu polecenie Modify Ungroup, a na­stęp­nie Modify Join lub użyj skrótów klawiaturowych Ctrl+Shift+G Command+ Shift+G) i Ctrl+J Command+J). Poszczególne litery tekstu najpierw zostaną rozgrupo­wa­ne, a następnie połączone w jedną ścieżkę.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 23. Utwórz obiekt wektorowy, na przykład prostokąt, w którym wytniemy kształt teks­tu. Upewnij się, że obiekt ten posiada jakieś wypełnienie.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 24. Umieść ścieżkę tekstu nad nowym obiektem wektorowym i ustaw ją dokładnie w tym miejscu, w którym chcesz wyciąć kształt.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 25. Zaznacz oba obiekty i wybierz z menu polecenie Modify Combine Punch

Oba obiekty zostaną połączone w nowy obiekt wektorowy posiadający ustawienia wy­peł­nienia, obrysu i innych atrybutów dolnego obiektu. Wypróbuj różne wypełnienia, obry­sy i efekty lub umieść nowy obiekt nad innymi obiektami, aby były one widoczne je­dynie w miejscu wyciętych liter.

Technika Fireworks: zabezpieczenie czcionek

Najlepiej byłoby, gdyby pliki źródłowe, takie jak dokumenty Fireworks, zawsze były za­pisywane wraz z wykorzystywanymi w nich czcionkami. Nie zawsze jed­nak ma miejsce taka sytuacja. Możesz zarchiwizować dokument, otworzyć go rok później i stwier­dzić, że nie masz już w swoim systemie operacyjnym używanych w nim czcionek. Mo­żesz wysłać do kogoś dokument i zapomnieć o dołączeniu czcionek lub otworzyć do­ku­ment Fireworks na innej platformie, gdzie czcionki nie będą działały bez ich wcześniejszej kon­wersji. I nagle cały projekt legnie w gruzach, ponieważ zastępcze czcionki mają in­ne odstępy i atrybuty niż czcionki oryginalne.

Jednym z prostych sposobów na zabezpieczenie się przed zmianą wyglądu czcionek jest wy­konanie, przed zarchiwizowaniem, kopii zapasowych wszystkich tekstów znaj­du­ją­cych się w dokumencie, w postaci obrazków bitmapowych. Jeśli później otworzysz do­ku­ment w systemie, w którym nie ma właściwych czcionek, możesz ukryć wszystkie war­stwy tekstowe i wyświetlić jedynie te warstwy, na których znajdują się bitmapowe wer­sje tekstów. Wygląd dokumentu zostanie zachowany i będziesz mógł go odtworzyć. Je­żeli chcesz jedynie nieznacznie zmodyfikować elementy graficzne i opublikować do­ku­ment, zaoszczędzisz wiele czasu, ponieważ tekst będzie wyglądał dokładnie tak, jak za­mierzałeś.

Aby utworzyć warstwę z bitmapowymi kopiami edytowalnego tekstu w dokumencie Fire­works:

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 26. W palecie Layer zaznacz warstwę tekstową i przeciągnij ją na przycisk New Layer (Nowa warstwa) wyglądający jak kartka papieru. Fireworks utworzy ko­pię warstwy i doda do jej nazwy przyrostek 1.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 27. Powtórz pierwsze polecenie dla wszystkich warstw tekstowych znajdujących się w dokumencie.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 28. Wybierz polecenie Single Layer Editing (Edycja pojedynczej warstwy) z roz­wi­ja­nego menu palety Layers, abyś mógł pracować w danym momencie tylko z jedną warstwą. Po zaznaczeniu tego polecenia, wybranie pożądanej warstwy w pale­cie Layers spowoduje zablokowanie wszystkich pozostałych warstw.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 29. Zaznacz skopiowaną warstwę tekstową w palecie Layers i wybierz z menu po­le­cenie Edit Select All, aby zaznaczyć wszystkie znajdujące się w niej obiekty tekstowe.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 30. Wybierz z menu polecenie Modify Convert to Bitmap, aby przekształcić obiekty tekstowe na bitmapę.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 31. Powtórz punkty 4. i 5., aby wszystkie skopiowane warstwy tekstowe prze­kształ­cić na obrazki bitmapowe.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 32. Ukryj skopiowane warstwy tekstowe, klikając znajdujące się obok nich w pa­le­cie Layers ikony oznaczone symbolem oka.

Dokument może być teraz publikowany bez obawy o zmianę jego wyglądu, a jego ele­men­ty graficzne nadal będą mogły być edytowane.

Tekst na ścieżce

Przeważnie tekst jest ułożony poziomo lub pionowo. Polecenie Text on a Path pozwala jed­nak umieści tekst wzdłuż ścieżki o dowolnym kształcie: okrągłym, prostokątnym lub na­rysowanym odręcznie.

Proces tworzenia takiego tekstu jest dość prosty. Najpierw musisz utworzyć obiekt teks­to­wy i ścieżkę, a następnie odpowiednio połączyć ze sobą te dwa elementy. Ścieżki mo­gą mieć wiele różnych kształtów, więc Fireworks oferuje wiele różnych kontrolek i opcji po­magających otrzymać zadowalające efekty. To niesamowite, ale tekst po przydzie­le­niu do ścieżki wciąż nadaje się do edycji.

Aby dostosować tekst do kształtu ścieżki:

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 33. Narysuj lub utwórz dowolną ścieżkę.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 34. Utwórz obiekt tekstowy.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 35. Zaznacz ścieżkę i obiekt tekstowy.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 36. Wybierz z menu polecenie Text Attach to Path lub użyj skrótu klawia­tu­ro­we­go Ctrl+Shift+Y Command+Shift+Y). Tekst zostanie ułożony wzdłuż ścieżki, któ­ra zostanie pozbawiona wszystkich swoich atrybutów (obrysu, wypełnienia i efektów) (rysunek 10.16).

Text object - Obiekt tekstowy

Path object - Ścieżka

Text attached to path - Tekst przydzielony do ścieżki

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 37. Jeżeli chcesz edytować tekst, kliknij go dwukrotnie, aby otworzyć okno Text Edi­tor

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 38. Aby oddzielić tekst od ścieżki, wybierz z menu polecenie Text Detach from Path

Istnieje kilka opcji pozwalających zmieniać układ tekstu względem ścieżki. Po pierwsze - możesz zmieniać wyrównanie tekstu:

u     22222s182w      22222s182w Left Aligned (Wyrównany do lewej). Tekst rozpoczyna się od początku ścieżki.

u     22222s182w      22222s182w Centered (Wyśrodkowany). Tekst jest wyśrodkowany pomiędzy po­cząt­kiem i końcem ścieżki.

u     22222s182w      22222s182w Right Aligned (Wyrównany do prawej). Tekst kończy się na końcu ścieżki.

u     22222s182w      22222s182w Justified (Justowany): Wszystkie znaki tekstu są równomiernie rozkładane wzdłuż całej ścieżki. Jeżeli jest konieczne, tworzone są dodatkowe odstępy po­między znakami.

u     22222s182w      22222s182w Stretched (Rozciągany). Wszystkie znaki tekstu są rozciągane, aby wypełnić ca­łą długość ścieżki. Odstępy pomiędzy znakami pozostają niezmienione.

atwo jest zgadnąć, gdzie zaczyna się, a gdzie kończy ścieżka liniowa, ale co z okrę­giem? Jeśli pamiętasz zasadę działania opisywanego w rozdziale 5. narzędzia Ellipse, być może przypominasz sobie, że okrąg rozpoczyna się na godzinie dziewiątej i jest kon­tynuowany zgodnie z kierunkiem ruchu wskazówek zegara. Istnieją trzy opcje poz­wa­lające układać tekst w trzech różnych obszarach okręgu:

u     22222s182w      22222s182w Obróć tekst przydzielony do ścieżki za pomocą jednego z narzędzi trans­for­macji.

u     22222s182w      22222s182w Wybierz z menu polecenie Modify Transform Numeric Transform i, aby okre­ślić kąt obrotu, wybierz z rozwijanej listy opcję Rotate

u     22222s182w      22222s182w W palecie Object wpisz wartość parametru Offset (Przesunięcie).

Wprowadzenie wartości parametru Offset powoduje przesunięcie tekstu o zadaną liczbę pik­seli w kierunku ścieżki. Średnice okręgów mogą być bardzo różne, więc najlepszą me­todą ustawienia parametru Offset jest "metoda prób i błędów". Możesz używać także ujem­nych wartości parametru Offset, które powodują przesunięcie tekstu w kierunku prze­ciwnym do kierunku ścieżki.

Aby ułożyć tekst wewnątrz okręgu, wybierz z menu polecenie Text Reverse Direction (ry­sunek 10.17). Przy wartości parametru Offset wynoszącej 0, tekst rozpoczyna się na go­dzinie szóstej, a jego kierunek jest przeciwny do kierunku ruchu wskazówek zegara.

Ostatnim aspektem tekstu przydzielonego do ścieżki, który możesz kontrolować jest orien­tacja tekstu względem ścieżki. Opcje dotyczące tego parametru znajdziesz w pod­me­nu Text Orientation (rysunek 10.18).

u     22222s182w      22222s182w Rotate around Path (Obróć względem ścieżki). Każdy znak obiektu teks­to­we­go jest umieszczany prostopadle do pierwotnego położenia względem ścież­ki (ustawienie domyślne).

u     22222s182w      22222s182w Vertical (Pionowo). Każdy znak obiektu tekstowego pozostaje w pozycji pio­no­­wej względem całego dokumentu, zaś wszystkie znaki są układane wzdłuż ścieżki.

u     22222s182w      22222s182w Skew Vertical (Przechyl pionowo): Obraca litery względem ścieżki, odchylając je do pionu.

Rotate around path - Obróć względem ścieżki

Vertical - Pionowy

Skew vertical - Przechyl pionowo

Skew horizontal - Przechyl poziomo

u     22222s182w      22222s182w Skew Horizontal (Przechyl poziomo): Utrzymuje znaki w pozycji pros­to­pa­dłej względem ścieżki i przechyla je poziomo, aby dostosować do kąta pochy­le­nia ścieżki.

Przyglądając się przykładowi wykorzystania opcji Skew Horizontal na rysunku 10.18, mo­żesz zacząć się zastanawiać, po co ta opcja została w ogóle uwzględniona. Jednym z po­wodów jej nieatrakcyjnego wyglądu jest fakt, że pochylenie jest modyfikowane tyl­ko wtedy, gdy ścieżka zmienia swój kształt. Gdy opcja Skew Horizontal zostanie za­sto­sowana do ścieżki posiadającej mało lub nie posiadającej w ogóle zakrzywień, mo­żesz uzyskać bardziej atrakcyjnie wyglądające efekty (rysunek 10.19).

Technika Fireworks:
maskowanie obrazków za pomocą tekstu

Co można osiągnąć łącząc obrazek z tekstem, tak że tekst również staje się obraz­kiem bitmapowym? Grafikę godną tysiąca pochwał? Myślę, że technika ma­skowania obrazków warta jest o wiele więcej, a łatwość tworzenia masek w Fire­works czyni ją jeszcze bardziej atrakcyjną.

Grupa maskująca składa się z grupy dwóch lub więcej obiektów, w której dolne obiekty wi­doczne są jedynie poprzez obszary górnych obiektów. Aby zobaczyć, co mam na myśli, przyj­rzyj się bliżej rysunkowi 10.20. Istotnym czynnikiem, nadającym maskom efek­tow­ny wy­gląd jest kolor, dlatego też poniższy rysunek znajdziesz również w kolorowej wkładce.

Text - Tekst

Image - Obrazek

Text and image Mask Group - Grupa maski tekstu i obrazka

Aby maskować obrazek za pomocą tekstu:

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 39. Utwórz lub umieść istniejący obrazek i obiekt tekstowy w tym samym do­ku­men­cie.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 40. Umieść obiekt tekstowy nad obrazkiem, w jego ostatecznym położeniu.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 41. Zaznacz oba obiekty.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 42. Wybierz z menu polecenie Modify Mask Group as Mask. Obrazek będzie wyświe­tla­ny tylko w obszarach tekstu.

     22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w      22222s182w 43. Użyj narzędzia Subselection, jeśli chcesz zmodyfikować położenie obrazka.

Technika maskowania obrazków za pomocą tekstu działa tak samo jak maskowanie za po­mocą każdego innego obiektu. Zauważyłem jednak, że nadanie tekstowi pożądanego kształ­tu przed przeprowadzeniem maskowania pozwala utworzyć lepiej wyglądającą mas­kę. Zawsze zaczynam od dość szerokiej czcionki, aby widać było przez nią jak naj­wię­cej obszarów obrazka i używam kontrolek Horizontal Scale oraz Kerning, znaj­du­ją­cych się w oknie Text Editor, aby uzyskać jak największą czcionkę. Na przykład czcion­ka wykorzystana na rysunku 10.20 to bardzo szeroki Arial Black z 12-procentowym ker­nin­giem. Znaki w tej czcionce stykają się ze sobą i pozwalają uzyskać jak najbardziej spój­ny obrazek.

Podsumowanie

Tekst i obrazki są elementami wspólnie używanymi w Internecie. Prawie niemożliwe jest istnienie jednego elementu bez drugiego. Bogaty zestaw funkcji Fireworks słu­żą­cych do ma­nipulowania tekstem pozwala na jego integrację z bitmapami. Poznanie taj­ni­ków two­rzenia i edytowania obiektów tekstowych Fireworks jest kluczem do pro­jek­to­wania dla Internetu. Podczas pracy z tekstem w Fireworks, musisz pamiętać o następujących rzeczach:

u     22222s182w      22222s182w Tekst zapisywany w plikach źródłowych Fireworks jest zawsze edytowalny. Mo­żesz do niego stosować obrysy, wypełnienia, efekty i nawet transformacje, a nadal będziesz mógł go edytować.

u     22222s182w      22222s182w W Fireworks tekst jest reprezentowany za pomocą obiektów tekstowych, które mo­gą być tworzone w oknie Text Editor lub importowane z plików zapisanych w formatach ASCII i RTF.

u     22222s182w      22222s182w Głównym narzędziem umożliwiającym tworzenie tekstu jest okno Text Editor, któ­re zawiera wszystkie kontrolki niezbędne do ustawiania atrybutów tekstu, ta­kich jak typ, rozmiar i kolor czcionki, odstępy oraz wyrównanie tekstu.

u     22222s182w      22222s182w Zmiany dokonywane w oknie Text Editor są natychmiast wyświetlane w oknie do­kumentu.

u     22222s182w      22222s182w Obiekty tekstowe mogą być przemieszczane w obrębie obszaru roboczego przy otwartym oknie Text Editor

u     22222s182w      22222s182w Do tekstu można stosować wszystkie obrysy, wypełnienia i efekty dostępne w Fire­works. Do obiektów tekstowych można również stosować narzędzia tran­s­formacji: Scale Skew i Distort

u     22222s182w      22222s182w Przekształcenie obiektu tekstowego na zbiór ścieżek pozwala łączyć te ścieżki z innymi obiektami wektorowymi w celu uzyskania interesujących efektów.

u     22222s182w      22222s182w Fireworks oferuje polecenie Align Text with Path pozwalające rozmieszczać tekst względem okręgów, krzywych i innych dowolnych ścieżek. Co więcej
- za pomocą funkcji Alignment i Offset możesz dostosowywać rozmieszczenie teks­tu względem jego ścieżki.

u     22222s182w      22222s182w Za pomocą polecenia Group as Mask możesz łatwo łączyć tekst z obrazkami bit­ma­powymi.

W następnym rozdziale zajmiemy się wnętrzem obiektów Fireworks: wypełnieniami i teks­turami.

Document Info

Accesari: 2590
Apreciat:

Comenteaza documentul:

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

Creaza cont nou