Rysunek 5.1.

Do tej ścieżki nie zastosowano obrysu ani wypełnienia i widoczna jest tylko po wybraniu jej do edytowania. Podgląd po prawej pokazuje, że w wersji ostatecznej sama ścieżka jest niewidoczna w Fireworks

Jedną z cech czyniących Fireworks tak dobrym programem graficznym jest obszerny zestaw różnych obrysów. Więcej przeczytasz o nich w rozdziale 8.

Rysunek 5.2.

Ta sama ścieżka z różnymi obrysami

Pencil - Ołówek

Air Brush - Aerograf

Unnatural - Nienaturalny   

Ścieżki otwarte i zamknięte

Istnieją dwa typy ścieżek: otwarte i zamknięte. Różnica pomiędzy nimi jest prosta: zam­knię­ta ścieżka łączy dwa punkty końcowe (początek i koniec linii), zaś ścieżka otwarta ich nie łączy. Zamknięte ścieżki definiują różne kształty: standardowe, takie jak koła lub wielokąty lub niestandardowe, takie jak odręczne rysunki. Podczas gdy ob­rys tworzy kontur ścieżki, wypełnienie (ang. fill) czyni widocznym wnętrze ścieżki. Po­dobnie jak obrysy, wypełnienia mogą mieć wiele różnych typów, kolorów i tekstur. Ja­ko wypełnień można również używać deseni (ang. patterns) zapisanych w plikach PNG. Wolno Ci nawet modyfikować stopień rozmycia krawędzi wypełnienia. Jak zo­sta­ło pokazane na rysunku 5.3, wypełnienie zawsze dostosowuje się do wnętrza ścież­ki.

Selected with no fill - Zaznaczony do wypełnienia

Solid fill - Wypełniony jednym kolorem

Paterrn fill - Wypełniony wzorkiem

Gradirnt fill - Wypełniony gradientem

Punkt środkowy

Wszystkie obiekty Fireworks mają jedną wspólną cechę - punkt środkowy. W przypadku obiektów wektorowych jest to nie­wi­dzialny punkt znajdujący się w środku każdej ścieżki. Jeżeli ścieżka jest otwarta, punkt środkowy znajduje się na linii, jeśli ścieżka jest zamknięta - w środku obiektu. Punk­ty środkowe obiektów wykorzystywane są przy ich obracaniu. Po wyświetleniu uch­wytów transformacji możesz również zmienić położenie punktu środkowego, aby obra­cać obiekt względem innej osi lub zmienić sposób wyrównywania go względem in­nych obiektów.

Kierunek

Ostatnią rzeczą, jaką powinieneś wiedzieć o obiektach wektorowych jest to, że ich ścieżki posiadają okre­ślony kierunek. Wydaje się to bardziej oczywiste w przypadku obiektów takich jak li­nie, które są rysowane od jednego punktu do drugiego, ale sprawdza się również dla pro­stokątów i elips. Zwykle, Fireworks rysuje obiekty wektorowe w kierunku zgodnym z ruchem wska­zówek zegara, rozpoczynając od górnego lewego wierzchołka prostokąta lub kwa­dra­tu i od punktu położonego w środku obwodu po lewej stronie elipsy lub koła (ry­su­nek 5.4). Kierunek ścieżki jest istotnym parametrem przy przydzielaniu tekstu do ścież­ki, na przykład - owijania hasła reklamowego wokół okręgu. Fireworks posiada kilka na­rzę­dzi do modyfikowania kierunku ścieżek.

Kształty

Większość dokumentów Fireworks składa się z wielu obiektów wektorowych o różnych kształtach, ko­lo­rach, rozmiarach i atrybutach. Rysowanie kształtów wydaje się dość proste, ale żeby w krót­kim czasie uzyskać jak najlepszy efekt, musisz poznać zasady tworzenia wszys­tkich podstawowych elementów.

Fireworks posiada narzędzia do tworzenia kilku podstawowych geometrycznych kształ­tów: prostokątów, elips i wielokątów oraz bardziej złożonych struktur i linii o swobod­nych kształtach. Zasady działania tych narzędzi powinny być znane każdemu, kto już wcześ­niej pracował w innych programach wektorowych. W tym rozdziale jednak są zawar­te również wskazówki dla zupełnych nowicjuszy. I nawet jeśli nigdy wcześniej nie używałeś komputera do rysowania, po przeczytaniu tego rozdziału będziesz doskonale znał wszys­tkie podstawowe narzędzia rysunkowe Fireworks.

Najszybszą metodą tworzenia projektów stron WWW, a zwłaszcza często spotykanych przy­cisków nawigacyjnych, jest wykorzystanie narzędzi Fireworks do tworzenia kształ­tów geometrycznych. Na pierwszy rzut oka są to jedynie cztery proste narzędzia: Rectan­gle (Prostokąt), Rounded Rectangle (Prostokąt z zaokrągleniem), Ellipse (Elipsa) i Polygon (Wielokąt), ale posiadają one wiele opcji poz­wa­la­jących na tworzenie bardzo zróżnicowanych obiektów.

Prostokąty i kwadraty

Definicja prostokąta w moim słowniku brzmi "figura geometryczna posiadająca cztery bo­ki i cztery kąty proste". Przez projektantów prostokąt jest postrzegany jako pod­sta­wo­wy "klocek" używany w projektowaniu grafiki, który może być wyświetlany w gra­ni­cach prostokątnego okna przeglądarki internetowej. Narzędzia Rectangle (Prostokąt) i Rounded Rectangle (Prostokąt z zaokrągleniem) są proste w użyciu i oferują wiele przydatnych opcji.

Funkcje obydwu narzędzi Rectangle są takie same. Wszystko co można zrobić z jednym, można również zrobić z drugim. Jedyna różnica polega na tym, że prostokąt narysowany przy użyciu narzędzia Rounded Rectangle ma zaokrąglone narożniki, a narzędzie Rectangle tworzy prostokąt o kątach prostych.

Tworzenie prostokątów

Podobnie jak w przypadku większości innych programów rysunkowych, Fireworks two­rzy prostokąty z wykorzystaniem metody "kliknij i przeciągnij". Aby narysować tę fi­gu­rę w Fireworks:

1. Wybierz narzędzie Rectangle z palety narzędziowej lub wciśnij klawisz R

2. Kliknij myszą, aby stworzyć pierwszy wierzchołek prostokąta i przeciągnij do miej­sca, w którym chcesz umieścić przeciwległy wierzchołek (rysunek 5.5). W czasie przeciągania myszą Fireworks będzie wyświetlał podgląd konturu pow­­stającego kształtu.

Starting point - Punkt początkowy

3. Zwolnij przycisk myszy, gdy prostokąt uzyska pożądane rozmiary i kształt. Je­śli wcześniej został określony jakiś obrys lub wypełnienie, atrybuty te zostaną za­stosowane po zwolnieniu przycisku myszy.

Klawisze modyfikujące

Wraz z narzędziem Rectangle lub Rounded Rectangle można wykorzystywać dwa klawisze modyfikujące (mo­dy­fikatory): Shift i Alt Option). Zmieniają one tryb działania narzędzia.

u         Aby narysować kwadrat: Jeśli w czasie rysowania narzędziem Rectangle wciś­niesz klawisz Shift, będziesz mógł narysować kwadrat. W przeciwieństwie do innych programów graficznych, nie musisz wciskać klawisza Shift przed roz­poczęciem rysowania. Wciśnięcie Shift na dowolnym etapie rysowania spo­wo­duje wydłużenie przez Fireworks krótszych boków prostokąta tak, aby do­pa­sować je do dłuższych boków i utworzyć kwadrat.

u         Aby rysować od środka prostokąta: Aby rysowanie prostokąta rozpocząć od je­go środka zamiast od wierzchołka, wciśnij w czasie przeciągania myszą kla­wisz Alt Option). Po wciśnięciu tego modyfikatora, Fireworks traktuje od­le­głość od wierzchołka prostokąta do pozycji kursora jako promień, a nie jako śred­nicę kształtu. Podobnie jak w przypadku klawisza Shift, klawisz Alt Op­tion) możesz wcisnąć na dowolnym etapie rysowania (rysunek 5.6).

Starting point - Punkt początkowy

W czasie rysowania prostokąta, w palecie Info możesz sprawdzać współrzędne jego po­ło­żenia. W jednej z sekcji tej palety wyświetlane są aktualne wartości szerokości (W) i wy­sokości (H) kształtu, zaś w innej współrzędne lewego górnego wierzchołka pros­to­ką­ta (nawet, jeśli jest rysowany od środka).

Tworzenie zaokrąglonych narożników

Kwadraty i koła to podstawowe kształty, które są bardzo użyteczne dla projektantów. Fireworks oferuje dodatkowo wygodny i przydatny kształt, jakim jest coś pośredniego - Rounded Rectangle (Prostokąt z zaokrągleniem). Prostokąty tworzone za pomocą    narzędzia Rectangle mają kąty proste, natomiast narzędzie Rounded Rectangle tworzy prostokąty o narożnikach zaokrąglonych. Najbardziej typowym zastosowaniem dla takich prostokątów jest tworzenie bardziej estetycznych przycisków. Zaokrąglone narożniki kwadratów i prostokątów mogą być również przydatne przy tworzeniu ładniejszej grafiki.

Chociaż nie można określić stopnia zaokrąglenia tworzonego przez narzędzie Rounded Rectangle, można jednak, dla już stworzonych prostokątów, zmieniać ustawienia Roundness dostępne z palety Object (Obiekt) po wybraniu Rectangle. Paletę Object można wyświetlić, wybierając Window Object lub korzystając ze skrótu klawiaturowego Alt+F2 Option+F2

W palecie Object, wpisując wartość w polu tekstowym Roundness lub przeciągając su­wak Roundness możesz zdefiniować stopień zaokrąglenia narożników prostokąta. Za­okrą­glenie narożników podawane jest w wartościach procentowych: 0 oznacza zwykły pros­tokąt o kątach prostych, zaś wartość 100 tworzy całkowicie zaokrąglony prostokąt, czyli okrąg. Jak po­kazano na rysunku 5.7, im większa wartość parametru Roundness, tym bardziej za­okrą­gla­ne są narożniki prostokąta.

Postaram się teraz wytłumaczyć, jak Fireworks wykorzystuje wartości procentowe po­da­wane w polu Roundness do zaokrąglania narożników.

30% (default) - 30% (ustawienie domyślne)

Roundness setting - Ustawienie Roundness (Zaokrąglenie)

Załóżmy, że rysujesz prostokąt o sze­rokości 100 i wysokości 50 pikseli, a zaokrąglenie jego narożników ustawisz na 50%, jak pokazano na rysunku 5.8.

Standard rectangle - Zwykły prostokąt

Arc points for corner - Punkty końcowe łuku tworzącego zaokrąglenie narożników

Rounded rectangle - Prostokąt z zaokraglonymi narożnikami

Fireworks roz­po­czyna rysowanie narożników w odle­głości 50 pikseli od górnej kra­wę­dzi (50% ze 100 pikseli to 50 pikseli) i 25 pikseli od bocznych krawędzi prostokąta (50% z 50 pikseli to 25 pikseli). Powstaje w ten spo­sób łuk tworzący zaokrąglenie narożników. Jeśli utworzysz elipsę o średnicy poziomej wy­noszącej 50 pikseli i średni­cy pionowej 25 pikseli, powinna ona dokładnie pasować do zaokrąglonych narożników prostokąta.

Elipsy i okręgi

Elipsy i okręgi są tworzone w Fireworks w ten sam sposób, jak prostokąty i kwadraty. Klik­nięcie myszą powoduje ustalenie punktu początkowego, a następnie tworzy kształt w czasie przeciągania. Nawet klawisze modyfikujące Shift i Alt Option) działają tak sa­mo, jak w przypadku prostokątów. Pomiędzy narzędziem Ellipse a narzędziami Rectangle istnieją dwie zasadnicze różnice. Po pierwsze - oczywistym jest, że dla elips nie ma funkcji poz­walającej zaokrąglać narożniki, gdyż same w sobie są one zaokrąglone. Po drugie (róż­nica mniej wyraźna, ale godna uwagi) - punkt początkowy elipsy lub okręgu nigdy nie pojawia się na ścieżce obiektu. Ma to znaczenie dla początkujących grafików, któ­rzy będą próbowali umieścić elipsę w określonym położeniu.

Wykorzystywanie ramki ograniczającej obiektu

Przy rysowaniu elipsy, Fireworks używa pomocniczej ramki ograniczającej (rysunek 5.9). Punkt początkowy takiej ramki działa jak pierwszy narożnik, zaś punkt końcowy
- jak przeciwległy. Analogicznie do przypadku prostokąta, po wciśnięciu klawisza Alt Op­tion) jako punkt początkowy używany jest środek obiektu. W obu sytuacjach, za­rów­no punkt początkowy, jak i końcowy nie są położone na ścieżce elipsy. W czasie prze­cią­gania powstaje prostokąt, a po zwolnieniu myszy Fireworks umieszcza elipsę wew­nątrz wyznaczonego prostokąta.

Starting point - Punkt początkowy

Bounding box - Ramka ograniczająca

Ellipse - Elipsa

Ending point - Punkt końcowy

Rysowanie elipsy lub okręgu

Jeśli chcesz narysować elipsę lub okrąg:

4. Wybierz narzędzie Ellipse. Gdy jest ono niewidoczne, klik­nij i przytrzymaj narzędzie Rectangle Rounded Rectangle lub Polygon. Zostanie rozwinięta grupa narzędzi, z której będziesz mógł wybrać Ellipse

5. Kliknij, aby ustalić punkt początkowy. Przeciągając go do przeciwległego wierz­choł­ka, utworzysz elipsę. W trakcie przeciągania myszą Fireworks będzie wy­świe­tlał podgląd konturu kształtu.

6. Zwolnij przycisk, gdy elipsa uzyska pożądany rozmiar i kształt. Jeśli wcześniej zos­tał określony jakiś obrys lub wypełnienie, atrybuty te zostaną zastosowane po zwolnieniu przycisku myszy.

7. Aby narysować okrąg, wciśnij w trakcie rysowania elipsy klawisz Shift

8. Aby rysować elipsę lub okrąg od środka, wciśnij klawisz Alt Option) w trakcie prze­ciągania.

Wielokąty i gwiazdy

Narzędzie Polygon tworzy obiekty składające się z wielu równych boków i kątów. Tech­niczny termin określający taki rodzaj figury geometrycznej to wielokąt rów­no­bocz­ny. Fireworks umożliwia tworzenie wielokątów posiadających od 3 do 25 boków. Na­rzę­dzie Polygon można wykorzystywać także do tworzenia specjalnego rodzaju wielo­ką­tów - gwiazd. Gwiazda tworzona w Fireworks może mieć od 3 do 25 węzłów (czyli od 6 do 50 boków). Co więcej, Fireworks umożliwia określenie kątów pomiędzy bokami gwiaz­dy lub pozostawienie tych obliczeń programowi.

Technika "przeciągnij i rysuj"

Podobnie, jak w przypadku prostokątów i elips, wielokąty również mogą być tworzone za pomocą techniki "przeciągnij i rysuj". Kliknij myszą, aby ustalić położenie począ­tko­we­go punktu. Przeciągając go narysujesz kształt. Na tym jednak kończą się podo­bień­stwa w tworzeniu tych obiektów. W wielokątach punktem początkowym może być je­dy­nie śro­dek obiektu. Nie można wykorzystywać klawiszy modyfikujących pozwalających zmie­nić położenie punktu początkowego. Podczas rysowania pierwszego wielokąta zau­wa­żysz także, że możesz łatwo ustawiać wymiary i obrót kształtu. Przeciąganie wskaź­ni­ka od punktu początkowego powoduje zwiększanie wielokąta. Przeciąganie od lewej do prawej i odwrotnie obraca wielokąt względem jego środka.

Rysowanie wielokątów

Aby narysować wielokąt:

9. Wciśnij i przytrzymaj przycisk Rectangle Rounded Rectangle lub Ellipse i z rozwi­ja­nej grupy wybierz narzędzie Polygon (Wielokąt). Możesz także użyć skrótu kla­wiaturowego R.

10. Aby ustawić liczbę boków wielokąta:

u Wybierz z menu polecenie Window Tool Options lub kliknij dwukrotnie na­rzędzie Polygon w palecie narzędziowej, aby otworzyć paletę Tool Op­tions (rysunek 5.10).

u Upewnij się, że w palecie Tool Options w liście rozwijanej Shape wybrana jest opcja Polygon (a nie Star

u Wpisz liczbę boków w polu tekstowym Sides lub ustaw ją za pomocą su­wa­ka Sides

11. Kliknij i przytrzymaj przycisk myszy w miejscu, w którym chcesz umieścić śro­dek wielokąta, a następnie przeciągnij, aby utworzyć kształt. Fireworks w trak­cie przeciągania będzie wyświetlał podgląd tworzonego kształtu.

12. Przesuwając mysz z lewej strony na prawą lub odwrotnie, możesz odpo­wied­nio obrócić wielokąt.

13. Po ustaleniu kształtu, rozmiaru i obrotu wielokąta zwolnij przycisk myszy. Fire­works narysuje wielokąt przy użyciu bieżących ustawień obrysu i wypeł­nienia.

Odległość pomiędzy punktem początkowym a punktem, w którym zwolnisz przycisk my­szy jest interpretowana przez Fireworks jako promień mierzony od środka do każ­de­go węzła wielokąta. Na rysunku 5.10 możesz zobaczyć, że zmiana liczby boków umo­żli­wia tworzenie wielu różnych kształtów.

Wciśnięcie klawisza Shift pozwala na ograniczenie kąta obrotu wielokąta do wielo­krot­noś­ci 45ş. Ponieważ jednak każdy tworzony wielokąt ma początkowo wszystkie boki i ką­ty równe, zaobserwujesz jedynie różne odmiany każdego typu wielokąta. Gdy bę­dziesz rysował sześciokąt i za pomocą klawisza Shift ograniczysz kąt jego obrotu, zaob­ser­wujesz jedynie trzy wielokąty obrócone pod różnymi kątami, choć w rzeczywistości mo­­żesz utworzyć osiem modyfikacji tego kształtu (w pełnym kącie 360ş mieści się osiem wielokrotności kąta 45ş).

Automatyczne kąty

Mimo że dla wielokąta możesz zdefiniować nawet 25 boków, wielokąty o większej     ilości boków niż 15 mają już wygląd zbliżony do okręgu. Inaczej jest w przypadku gwiazd, za pomocą których (przy odpowiednich ustawieniach kątów) można tworzyć do­skonale wyglądające grafiki składające się z wielu boków. Fireworks umożliwia au­to­matyczne albo ręczne definiowanie kątów wybranego kształtu. Gdy zaznaczona jest op­cja Automatic Angles (Automatyczne kąty), Fireworks w czasie rysowania automatycznie usta­wia przeciwległe ramiona gwiazdy. W przypadku pięcioramiennej gwiazdy (ry­su­nek 5.11), wyrównane zostaną jej ramiona - lewe i prawe.

Five-pointed star - Gwiazda pięcioramienna

Jak można zauważyć na rysunku 5.11, automatycznie ustawiane kąty po zdefiniowaniu wie­lu boków mogą powodować tworzenie wielokątów o nieostrych wierzchołkach. Two­rzone w takich kształtach kąty nazywane są rozwartymi. Kąt rozwarty to kąt więk­szy niż 90⁰. Przeciwieństwem kąta rozwartego jest kąt ostry. Kąty ostre powodują two­rze­nie wielokątów o ostrych wierzchołkach (rysunek 5.12). Aby stworzyć gwiazdę o os­trych kątach, musisz wprowadzić odpowiednią wartość w polu Angle

Tworzenie gwiazdy

Aby utworzyć gwiazdę w Fireworks:

14. Tak samo jak przy rysowaniu wielokąta, kliknij i przytrzymaj przycisk Rectan­gle Rounded Rectangle lub Ellipse w palecie narzędziowej i z rozwijanej grupy wybierz narzędzie Polygon. Mo­żesz również przyciskać klawisz skrótu R, aż pojawi się narzędzie Polygon

2. Wybierz z menu polecenie Window Tool Options lub kliknij dwukrotnie na­rzę­dzie Polygon, aby otworzyć paletę Tool Options

3. W palecie Tool Options wybierz opcję Star z rozwijanej listy Shape

4. Aby zmienić liczbę wierzchołków gwiazdy, wpisz nową wartość w polu teks­to­wym Sides lub przeciągnij suwak Sides

5. Aby zmienić kąty pomiędzy ramionami gwiazdy, wpisz wartość w polu teks­to­wym Angle lub przeciągnij suwak Angle

6. Jeśli chcesz wykorzystać predefiniowane w Fireworks wartości kątów gwiaz­dy, zaznacz opcję Automatic

7. Kliknij w obszarze roboczym, aby zdefiniować punkt środkowy i przeciągnij, że­by ustalić pożądane rozmiary i kąt obrotu gwiazdy.

8. Zwolnij przycisk myszy. Jak w przypadku innych kształtów, Fireworks za­sto­su­je do gwiazdy bieżące parametry obrysu, wypełnienia i efektów.

Rysowanie linii i ścieżek
o dowolnych kształtach

Narzędzia do tworzenia ścieżek Fireworks różnią się od siebie głównie tym, że poz­wa­la­ją na tworzenie różnych wektorowych struktur. Z jednej strony istnieje narzędzie Line (Li­nia), które rysuje jedynie linie proste, zaś po drugiej stronie mamy narzędzia Pencil (Ołó­wek) i Brush (Pędzel) służące do "odręcznego" rysowania. Narzędziem pośrednim jest Pen (Pióro), które umożliwia tworzenie precyzyjnych krzywych.

Podobnie jak w przypadku kształtów geometrycznych, ścieżki są niewidoczne, dopóki nie zastosujesz do nich określonego obrysu. Ścieżka jest zam­knięta, gdy połączone zostaną dwa definiujące ją punkty. Gdy podczas rysowania ścież­ki punkty początkowy i końcowy znajdą się na tyle blisko siebie, że będą mogły zos­tać połączone, zmieni się kształt kursora. W przeciwieństwie do większości pro­gra­mów wektorowych, Fireworks pozwala na stosowanie wypełnień zarówno do ścieżek ot­wartych, jak i zamkniętych (lecz w przypadku ścieżki otwartej wynik zastosowania wy­pełnienia może nie być całkiem zgodny z intencją twórcy - przyp. red.).

Linie proste

Najprostszym narzędziem w całej palecie narzędziowej Fireworks jest prawdopodobnie Li­ne (Linia). Kliknij, aby ustalić początkowy punkt linii. Przeciągnij w dowolnym kie­run­ku i zwolnij przycisk myszy, ustalisz punkt końcowy. Dwa punkty i łącząca je linia - to wszystko, co pozwala utworzyć narzędzie Line. Proste linie są z definicji ścieżkami ot­wartymi, zatem mogą wyświetlać jedynie obrysy i nie uwzględniają ustawień wy­peł­nie­nia. Do ścieżek tworzonych za pomocą narzędzia Line można stosować efekty i style (ry­sunek 5.13).

Selected line - Zaznaczona linia

Basic stroke - Obrys Basic (Podstawowy)

Air Brush stroke - Obrys Air Brush (Aerograf)

With effect applied - Zastosowany efekt

With Style applied - Zastosowany styl

Aby użyć narzędzia Line

9. Wybierz narzędzie Line lub użyj skrótu klawiaturowego N

10. Umieść kursor w miejscu, w którym chcesz wstawić początkowy punkt linii, a na­stępnie kliknij i przeciągnij. Możesz wcisnąć klawisz Shift, aby rysować li­nie o kącie nachylenia ograniczonym do wielokrotności 45ş.

11. Zwolnij przycisk myszy, gdy linia uzyska pożądaną długość i nachylenie.

Odręczne rysowanie za pomocą narzędzi Pencil i Brush

Pencil (Ołówek) i Brush (Pędzel) także są narzędziami typu "przeciągnij i rysuj", ale nie ma­ją ograniczeń, jakie narzucają inne. Za ich pomocą możesz narysować wszystko, co jes­teś w stanie odwzorować z użyciem myszy lub tabletu graficznego. W czasie prze­su­wa­nia kursora po ekranie, Fireworks śledzi te ruchy i rysuje krzywe. Pamiętaj, że zaw­sze będą to obiekty wektorowe (a nie bitmapowe) i jeśli narysujesz dokładnie prostą linię, Fire­works do jej odwzorowania użyje jedynie dwóch punktów. Wszystkie punkty tworzące krzy­wą mogą być edytowane: przesuwane, usuwane lub dodawane. Do wprowadzanych zmian dynamicznie dostosowany będzie kształt całej krzywej.

Odręczne rysowanie za pomocą myszy nie jest prostym zadaniem i wielu artystów stara się go unikać. Osobiście preferuję tablet graficzny i przy każdej okazji polecam go in­nym grafikom. W przypadku skomplikowanych obrazków, takich jak ten na rysunku 5.14, doskonale sprawdza się narzędzie Brush. Wybranie jednego z obrysów uwzglę­dnia­jących nacisk na tablet graficzny lub prędkość przesuwania myszy umożliwia na­śla­dowanie wyglądu rysunków tworzonych piórkiem lub ołówkiem.

Paths with Calligraphy Quill Stroke -    Scieżki z obrysem kaligraficznym Quill (Gęsie pióro)

Selected paths only - Scieżki tylko zaznaczone

Automatyczne stosowanie obrysów

Główna różnica pomiędzy narzędziami do odręcznego rysowania a wszystkimi pozo­sta­ły­mi narzędziami do tworzenia kształtów geometrycznych (włączając w to narzędzie Li­ne jest taka, że narzędzia Pencil i Brush mogą automatycznie przyjmować określone ob­ry­sy, nawet jeśli żaden nie zostanie wybrany. Funkcja ta umożliwia oglądanie tworzonych ście­żek na bieżąco, a nie dopiero po wybraniu i zastosowaniu obrysu.

Ustawienia obrysu są również jedyną cechą odróżniającą od siebie narzędzia Pencil i Brush. Każda ścieżka utworzona za pomocą Pencil jest wyświetlana z wykorzystaniem ob­rysu typu Pencil o szerokości jednego piksela i "twardych" krawędziach, jak widać w pa­lecie Stroke przedstawionej na rysunku 5.15. Dzieje się tak nawet, gdy prede­fi­nio­wa­ny jest inny obrys.

	Rysunek 5.15. Narzędzie Pencil umożliwia odręczne rysowanie kształtów, które zawsze korzystają z obrysu Pencil z ustawieniami pokazanymi w znajdującej się na rysunku palecie Stroke
		Jedynym wyjątkiem w predefiniowanych ustawieniach obrysu Pencil jest jego kolor. Jeśli go zmienisz, narzędzie Pencil będzie tworzyło ścież­ki w nowym kolorze.		Jak wspomniałem wcześniej, narzędzia Pencil i Brush umożliwiają tworzenie zarówno zam­kniętych, jak i otwartych ścieżek. Pamiętaj, że zamknięta ścieżka to taka, w której po­łączone są punkty początkowy i końcowy. W przypadku wielu narzędzi graficznych two­rzenie zamkniętych ścieżek jest dość trudną procedurą, ponieważ trudno jest umieś­cić jeden piksel dokładnie nad innym. Fireworks znacznie ułatwia tworzenie zam­knię­tych ścieżek. Gdy podczas rysowania ścieżki umieścisz kursor nad jej punktem po­cząt­ko­wym, wyświetlony zostanie mały, czarny kwadrat poniżej kursora, po jego prawej stronie. Jeśli zwol­nisz wówczas przycisk myszy, Fireworks zamknie ścieżkę. Praca z narzędziami Pencil i Brush Gdy zamierzasz użyć narzędzia Pencil lub Brush 12. Aby rysować ołówkiem, wybierz narzędzie Pencil lub użyj skrótu klawiaturowego Y 13. Aby rysować pędzlem, wybierz narzędzie Brush lub użyj skró­tu klawiaturowego B 14. Kliknij i przeciągnij kursorem w obszarze roboczym. Fireworks dla narzędzia Pen­cil utworzy ścieżkę z obrysem o szerokości jednego piksela, zaś dla na­rzę­dzia Brush - ścieżkę z obrysem o parametrach ustalonych w palecie Stroke 15. Aby rysować linie poziome lub pionowe, wciśnij w czasie przeciągania myszą kla­wisz Shift. Jeśli przeciągniesz od lewej do prawej lub odwrotnie, utworzona zos­tanie linia pozioma; jeśli przeciągniesz z góry na dół lub odwrotnie, pow­sta­nie linia pionowa. Narzędzia Pencil i Brush mają dość osobliwą cechę. Jeśli wciśniesz klawisz Shift, aby ogra­niczyć rysowanie do poziomych i pionowych linii, a następnie zwolnisz przycisk my­szy (ale nie klawisz Shift) obok kursora narzędzia zostanie wyświetlony mały znak "+". Gdy, cały czas trzymając wciśnięty klawisz Shift, narysujesz pędzlem kolejną linię, Fire­works połączy końcowy punkt poprzedniej linii z punktem początkowym nowej linii. Narzędzie Pencil ma także jedno dodatkowe zastosowanie. Podczas pracy w trybie edycji grafiki bitmapowej, narzędzie Pen­cil umożliwia zmianę kolorów pojedynczych pikseli na bieżący kolor obrysu. Więcej informacji o edycji obrazków bitmapowych znajdziesz w rozdziale 6.   Tworzenie krzywych Béziera Pamiętasz plastykowe szablony, których używałeś w szkole do rysowania różnych okrę­gów, gwiazd i innych kształtów? Jednym z tych "innych" kształtów była prawdo­po­dob­nie nie­symetryczna linia, zwana krzywą francuską. Francuski matematyk, który wymy­ślił ten typ krzywej nazywał się Pierre Bézier. Efekty jego pracy - rozpowszechnione pod naz­wą krzywe Béziera, są podstawowym elementem grafiki wektorowej. Krzywe Béziera mogą być interpretowane zarówno w druku, poprzez język PostScript, jak i na ekra­nie w pro­gramach graficznych, takich jak FreeHand, Illustrator i oczywiście Fire­works. Po­zna­nie zasad tworzenia krzywych Béziera jest dość trudnym, ale koniecznym kro­kiem na dro­dze każdego projektanta grafiki. Są one nadzwyczaj elastyczne, naj­częś­ciej dobrze wyglądają i są warte wysiłku włożonego w ich poznanie. A więc za­czy­najmy! Tworzenie krzywych Béziera zostało wzbogacone i uproszczone w Fireworks 4. Jeżeli korzystałeś z wcześniejszej wersji Fireworks, na pewno zauważysz, że szereg usprawnień pozwala lepiej pracować nad punktami kontrolnymi i węzłami. Przełomowe znaczenie pomysłu Pierre'a Béziera polega na udowodnieniu, że każda li­nia (obojętnie: prosta czy krzywa) jest matematycznie opisywana w podobny sposób. Wy­obraź sobie tęczę, która zaczyna się w jednym miejscu, łukiem wchodzi w niebo i nas­tępnie w pewnej odległości wraca na ziemię. Początkowy i końcowy punkt tęczy moż­na łatwo opisać; jeśli podobną tęczę naniesiesz na papier milimetrowy, będziesz mógł odczytać współrzędne punktów. Ale co z łukiem? Załóżmy, że na niebie znajduje się element działający prawie jak magnes, który przyciąga tęczę i powoduje, że na środ­ku wygina się ona w łuk zakończony dwoma punktami: początkowym i końcowym. Bézier założył, że każdy węzeł krzywej posiada dwa takie "magnetyczne" elementy, na­zy­wane punktami kontrolnymi. Jeden z nich oddziałuje na część krzywej wchodzącą do wę­zła, zaś drugi na część wychodzącą (rysunek 5.16). W języku Béziera, punkt po któ­re­go obu stronach znajduje się krzywa nazywany jest gładkim węzłem. Punkt, z którego wy­chodzi tylko jedna krzywa nazywany jest ostrym węzłem. Rysunek 5.16. Do zmiany kształtu krzywej używane są punkty kontrolne, określone przez położenie krzywej i punkty ostrych węzłów Control point - Punkt kontrolny Corner anchor point - Węzeł ostry Curve anchor point - Węzeł gładki Rysowanie linii za pomocą narzędzia Pen Podstawowym narzędziem do tworzenia krzywych Béziera w Fireworks jest Pen (Pió­ro), mimo że wszystkie obiekty używają tych krzywych. Ale jak krzywa Béziera może opi­sać linię prostą? Gdy punkty kontrolne zostaną umieszczone w tym samym poło­że­niu co węzły ostre, linia nie będzie do nich przyciągana i pozostanie prosta. Ołó­wek jest doskonałym narzędziem do tworzenia połączonych prostych linii. W prze­ci­wieństwie do narzędzia Line (Linia), za pomocą którego tworzy się linie proste po­przez kliknięcie i przeciągnięcie myszą, narzędzie Pen rysuje serie prostych linii w ten spo­sób, że nanosi wszystkie potrzebne punkty, a Fireworks łączy je za pomocą linii. Aby narysować prostą linię za pomocą narzędzia Pen 16. Wybierz narzędzie Pen lub użyj skrótu klawiaturowego P 17. Kliknij w miejscu, w którym chcesz umieścić punkt początkowy linii. 18. Przeciągnij do miejsca, w którym chcesz umieścić końcowy punkt linii i kliknij. Fire­works utworzy linię łączącą punkt początkowy z punktem końcowym. Aby narysować szereg prostych linii za pomocą narzędzia Pen Wybierz narzędzie Pen lub użyj skrótu klawiaturowego P Kliknij w miejscu, w którym chcesz umieścić punkt początkowy linii. Przeciągnij do miejsca, w którym chcesz umieścić kolejny punkt linii i albo kliknij dwukrotnie, aby zakończyć linię, albo kliknij raz, aby dodać kolejny punkt i kontynuować rysowanie. Fire­works będzie tworzyć linię pomiędzy kolejnymi punktami (rysunek 5.17). Rysunek 5.17. Przeciągając myszą od punktu do punktu, utwórz literę Z, taką samą, jaką Zorro wycinał jednym pociągnięciem swojej szpady 19. Powtórz krok 3. tyle razy, ile będzie potrzeba, aby narysować szereg linii. Podobnie jak w przypadku narzędzi Brush i Pencil, przeciągając narzędziem Pen do punk­tu początkowego krzywej, można stworzyć zamkniętą ścieżkę. Tworzenie gładkich krzywych za pomocą narzędzia Pen Tworzenie zestawów prostych linii to świetna funkcja, ale prawdziwa siła narzędzia Pen ujawnia się przy rysowaniu krzywych. Zasadniczą różnicą pomiędzy liniami pros­ty­mi a krzywymi rysowanymi narzędziem Pen jest to, że przy rysowaniu krzywych po usta­wieniu węzła przeciągasz myszą jego uchwyty kierunkowe, aby otrzymać pożą­da­ny kształt, podczas gdy rysowanie prostych linii nie wymaga żadnego przeciągania - wy­starczy nanieść końcowe punkty odcinka. Aby utworzyć gładką krzywą: 20. Kliknij i przeciągnij narzędziem Pen punkty kontrolne miejscu, w którym ma się zaczynać krzywa. Zostanie utworzony węzeł z uchwytami kontrolnymi, który będzie początkiem linii. 21. Wybierz lokalizację następnego węzła, kliknij, aby go dodać, a następnie przeciągnij, aby wyciągnąć uchwyty kierunkowe. Fireworks połączy te punkty ścieżką. Trzymając wciśnięty przycisk myszy, można przesuwać kursor, aby wykorzystać punkty kontrolne do do­sto­sowania kierunku krzywej. Zwolnij przycisk myszy (rysunek 5.18). Rysunek 5.18. Przeciągając myszą, możesz utworzyć krzywą Béziera Click and drag out handles - Kliknij i wyciągnij uchwyty kierunkowe Click and drag out handles or double click to finish - Kliknij i wyciągnij uchwyty kierunkowe lub kliknij dwukrotnie, aby zakończyć rysowanie 22. Wybierz narzędzie Subselection (Zaznaczanie bezpośrednie) i dokładnie dopasuj krzywą, manipulując punktami kontrolnymi. Aby przełączyć się na narzędzie Subselection, przydatne przy manipulowaniu punktami kontrolnymi, należy przytrzymać wciśnięty klawisz Ctrl (Command) podczas korzystania z narzędzia Pen. Po zwolnieniu przycisku Ctrl (Command), narzędzie Pen jest ponownie wybierane automatycznie. Łączenie prostych linii i krzywych Stosując zamiennie klikanie oraz klikanie i przeciąganie za pomocą narzędzia Pen, mo­żesz łączyć ze sobą linie proste i krzywe. Jako że przeciągnięcie uchwytu kierunkowego od­działuje na krzywą po obu stronach węzła, najczęściej dość trudno jest umieścić pros­tą linię bezpośrednio za krzywą. W Fireworks można wykorzystywać klawisz Alt Option), aby ograniczyć oddziaływanie uchwytu kontrolnego tylko do bieżącej krzywej. Aby to le­piej zrozumieć, wykonaj poniższe zadania, które doprowadzą Cię do utworzenia kształ­tu przedstawionego na rysunku 5.19. 23. Wykorzystaj możliwość tworzenia prostych linii za pomocą narzędzia Pen do na­rysowania zewnętrznych krawędzi łuku. Klikaj, aby umieścić wszystkie ze­w­nętrzne punkty, rozpoczynając od lewego narożnika i przesuwając się zgod­nie z kierunkiem wskazówek zegara. Po narysowaniu wszystkich prostych li­nii, utworzony zostanie szkielet całego łuku, z wyjątkiem łuku wewnętrznego. 24. Przesuń kursor nad punkt początkowy, a zostanie wyświetlony znak wska­zu­ją­cy, że możesz zamknąć ścieżkę. 25. Wciśnij i przytrzymaj przycisk myszy, tak jak w trakcie przeciągania. Trzymając cały czas wciśnięty przycisk myszy, naciśnij klawisz Alt Option 26. Przeciągnij uchwyt kontrolny w kierunku przeciwnym do łuku. Jeśli klawisz Alt Option) nie zo­stanie wciśnięty, przeciąganie punktu kontrolnego będzie oddziaływało na li­nię łączącą (po lewej stronie łuku). 27. Gdy łuk uzyska pożądany kształt, zwolnij przycisk myszy. Rysunek 5.19. Użyj narzędzia Pen do manipulowania krzywymi i tworzenia obiektów, będących kombinacją prostych i krzywych linii Możliwość tworzenia kombinacji krzywych i prostych linii możesz wykorzystać do ry­so­wania nierównych krzywych. W tym celu po przeciągnięciu niewielkiego odcinka krzy­wej, wciśnij klawisz Alt Option), aby go zablokować. Modyfikowanie kształtu krzywych Dwa punkty kontrolne krzywych Béziera nazywane są również uchwytami kontrolnymi. Jak wskazuje ich nazwa, uchwyty mogą być chwytane i przesuwane. Zmieniając ich po­ło­żenie, możesz dostosować kształt całej krzywej. Oto kilka wskazówek dotyczących prze­suwania uchwytów kontrolnych: u         Im bliżej związanego z nim węzła krzywej znajduje się uchwyt kontrolny, tym mniejsze zakrzywienie linii. u         I odwrotnie, jeżeli uchwyt kontrolny znajduje się dalej od związanego z nim węzła krzywej, zakrzywienie linii jest większe. u         Jeśli uchwyt kontrolny zachodzi na węzeł krzywej, krzywa staje się linią prostą, zaś węzeł gładki zamieniany jest na ostry. u         Możesz konwertować linie proste na krzywe poprzez wyciąganie uchwytów kontrolnych z ich węzłów ostrych. u         Po stworzeniu węzła gładkiego, możesz ukryć w nim jeden z punktów kon­trol­nych, aby kolejny segment ścieżki był linią prostą. Wszystkie modyfikacje uchwytów kontrolnych mogą być dokonywane po utworzeniu krzy­wej za pomocą narzędzia Subselection (Zaznaczanie bezpośrednie). Więcej infor­ma­cji o takim modyfikowaniu krzywych znajdziesz w rozdziale 9. Jednak niektóre z mo­­dyfikacji możesz wykonać w trakcie rysowania narzędziem Pen. Dwie kluczowe ope­racje dokonywane na krzywych narzędziem Pen to dodawanie i usuwanie uchwytów kontrolnych. Dodawanie uchwytów kontrolnych do ostrych węzłów Aby dodać uchwyt kontrolny do ostrego węzła: 28. Za pomocą narzędzia Pen narysuj ścieżkę z gładkim węzłem, a zostaną wy­świe­tlone dwa punkty kontrolne. 29. Przesuń kursor myszy nad ostatni węzeł krzywej. 30. Kliknij. Węzeł gładki zostanie zmieniony na węzeł ostry i jeden uchwyt kontrolny krzywej zostanie ukryty w węźle. 31. Aby narysować prostą linię, przesuń kursor poza węzeł krzywej i kliknij. 32. Aby narysować krzywą, przesuń kursor poza węzeł i przeciągnij, aby stworzyć uchwyty kontrolne. Powyższa technika jest bardzo przydatna w tworzeniu kształtów fal, w których wszys­tkie krzywe mają ten sam kierunek. Rysunek 5.20. Po ukryciu jednego uchwytu kontrolnego można kontynuować tworzenie krzywej w tym samym kierunku Wyciąganie uchwytów kontrolnych z ostrych węzłów Przeciwieństwem ukrywania uchwytów kontrolnych jest ich wyciąganie. W celu wyciągnięcia uchwytów kontrolnych z os­trego węzła musisz wykorzystać parę klawiszy modyfikujących: Ctrl+Alt Com­mand+Option). Uchwyty kontrolne wyciągane są zwykle wtedy, gdy zmienisz zdanie w trak­cie rysowania ścieżki. Zamiast kontynuować tworzenie prostej linii wychodzącej z ostrego węzła, możesz narysować krzywą. Aby w trakcie rysowania wyciągnąć uchwyty kontrolne z ostrego węzła: 33. Narysuj prostą linię za pomocą narzędzia Pen 34. Umieść kursor nad ostatnim punktem ścieżki. 35. Wciśnij klawisze Ctrl+Alt Command+Option), a następnie kliknij i przeciągnij uch­wyty kontrolne węzła. Po wciśnięciu klawiszy modyfikujących, kursor my­szy zostanie zamieniony na białą strzałkę. 36. Po umieszczeniu uchwytu w pożądanym położeniu zwolnij przycisk myszy. 37. Umieść kursor myszy w miejscu, w którym ma się kończyć krzywa. 38. Kontynuuj rysowanie lub dwukrotnie kliknij w ostatnim punkcie, by zakończyć two­rzenie kształtu. Używając tej techniki należy pamiętać, aby wcisnąć klawisze modyfikujące przed roz­po­częciem przeciągania uchwytów kontrolnych. Jeśli rozpoczniesz rysowanie przed wciś­nięciem tych klawiszy, zamiast wyciągnąć uchwyty kontrolne, przesuniesz węzeł krzy­wej. Jednak takie operacje także się czasem przydają. Możesz na przykład po roz­po­częciu przeciągania wcisnąć klawisz Ctrl Command) - zmienisz w ten sposób położenie węzła. Używanie klawiszy modyfikujących Podczas tworzenia krzywych Béziera w Fireworks można wykorzystywać wiele kla­wi­szy modyfikujących, które pozwalają na uzyskiwanie różnych efektów. Ich działanie opi­sane zostało w kolejnych częściach tego rozdziału, a oprócz tego zamieściłem ich ze­sta­wienie (tabela 5.1), abyś mógł szybko odszukać te, które Cię interesują. Wiele informacji na temat manipulowania krzywymi Béziera i innymi obiektami Fireworks znajdziesz w rozdziale 9.   Tabela 5.1. Klawisze modyfikujące wykorzystywane w tworzeniu krzywych Béziera Klawisze w Windows Klawisze w MacOS Opis Shift Shift Ogranicza kąt obrotu linii prostej lub uchwytu kontrolnego do wielokrotności 45ş Ctrl Command Przesuwa całą krzywą albo ostry lub gładki węzeł do nowego położenia Ctrl i dwukrotne kliknięcie Command i dwukrotne kliknięcie Kończy tworzenie otwartej ścieżki bez dodawania węzłów Ctrl+Alt Command+Option Wyciąga uchwyty kontrolne z węzła ostrego Podsumowanie Kiedyś prowadziłem dwudniowe szkolenie grupy osób na temat Fireworks. Gdy do­szliś­my do omawiania obiektów wektorowych, opisywałem je jako "szkielet" grafiki Fireworks. Po ukoń­czeniu obiektu wektorowego (i zastosowaniu wypełnień oraz obrysów) nie będziesz mógł zoba­czyć jego wektorowej struktury, na której bazuje cały obrazek. Przystępując do tworzenia obiek­tów wektorowych, musisz pamiętać o kilku rzeczach: u         Podstawowymi elementami obiektów wektorowych Fireworks są ścieżki. Aby ścież­ka mogła być widoczna, musi posiadać jakiś obrys i (lub) wypełnienie. u         Podstawowe narzędzia do tworzenia kształtów geometrycznych: Rectan­gle (Prostokąt), Rounded Rectangle (Prostokąt z zaokrągleniem), Ellipse (Elipsa) i Polygon (Wielokąt) umożliwiają również ry­so­wanie kwadratów, okręgów i gwiazd. u         Narzędzie Line pozwala na tworzenie linii prostych. u         Narzędzia Pencil (Ołówek) i Brush (Pędzel) umożliwiają swobodne, niczym nie­ograniczone rysowanie w Fireworks. Ścieżki tworzone narzędziem Pencil do­myślnie posiadają obrys o szerokości jednego piksela. u         Narzędzie Pen (Pióro) służy do tworzenia krzywych Béziera. Do budowania gład­kich krzywych i połączonych z nimi linii prostych wykorzystywane są os­tre i gładkie węzły posiadające uchwyty kontrolne. W następnym rozdziale poznamy drugie oblicze grafiki tworzonej w Fireworks: obiekty bit­mapowe. Document Info Accesari: 8950 Apreciat: Comenteaza documentul: Nu esti inregistrat Trebuie sa fii utilizator inregistrat pentru a putea comenta Creaza cont nou A fost util? Daca documentul a fost util si crezi ca merita sa adaugi un link catre el la tine in site Copiaza codul: in pagina web a site-ului tau. <a href="https://www.scritub.com/limba/poloneza/Tworzenie-obiektw-wektorowych135571414.php" target="_blank" title="Tworzenie obiektów wektorowych - https://www.scritub.com">Tworzenie obiektów wektorowych</a> eCoduri.com - coduri postale, contabile, CAEN sau bancare Politica de confidentialitate | Termenii si conditii de utilizare Copyright © Contact (SCRIGROUP Int. 2024 )