Laboratorium nr 2 - Inkscape mgr in». Magdalena Wilkoªazka 24 maja 2014 1 Krzywe Beziera oraz Odr czne krzywe 1.1 wiczenie 1 - Rysowanie odr czne krzywych: Z przybornika wybierz narz dzie Oªówek: R czne rysowanie krzywych. Nast pnie kliknij lewym przyciskiem myszy w punkcie pocz tku linii. Przesu«wska¹nik myszy i ponownie u»yj lewego klawisza myszy do zako«czenia rysowania krzywej. Przesuwanie wska¹nika myszy z naci±ni tym lewym klawiszem uruchamia tryb rysowania odr cznego. Zaznacz narysowany element, w opcjach wypeª-nienia i konturu przejd¹ do ostatniej zakªadki Styl konturu. Mo»esz tam wybra szeroko± kreski, jej typ (linia ci gªa, kreskowana itd.) a tak»e znaczniki zako«cze«(np. groty strzaªek). Rysowanie krzywych Beziera: z przybornika wybierz narz dzie Rysowanie krzywych Beziera i linii prostych. Upewnij si,»e w lewej górnej cz ±ci okna programu, pod menu, jest ustawiony tryb Twórz regularn ±cie»k oraz w polu Ksztaªt wybrana jest opcja Brak U»ywanie klawisza Ctrl w czasie rysowania pozwoli na otrzymanie równolegªych linii. Kliknij lewym klawiszem myszy na pªótnie obrazka, w ybieraj c punkt startowy. Kolejne klikni cia dodaj punkty na naszej krzywej. Rysowanie mo»na zako«czy na dwa sposoby: 1. poprzez podwójne klikni cie na ostatnim punkcie krzywej lub naci±ni cie klawisza Enter (ostatnim punktem krzywej b dzie ten odpowiadaj cy ostatniemu klikni ciu myszy); 2. zamkni cie gury ustalenie kolejnego punktu krzywej na punkt pocz tkowy (oznaczony kwadratowym wska¹nikiem). Z przybornika wybierz narz dzie Oªówek: R czne rysowanie krzywych. Nast pnie kliknij lewym przyciskiem myszy w punkcie pocz tku linii. Przesu«wska¹nik myszy i ponownie u»yj lewego klawisza myszy do zako«czenia rysowania krzywej. Przesuwanie wska¹nika myszy z naci±ni tym lewym klawiszem uruchamia tryb rysowania odr cznego. Zaznacz narysowany element, w opcjach wypeªnienia i konturu przejd¹ do ostatniej zakªadki Styl konturu. Mo»esz tam wybra szeroko± kreski, jej typ (linia ci gªa, kreskowana itd.) a tak»e znaczniki zako«cze«(np. groty strzaªek). 1
2 cie»ki 2.1 Cwiczenie nr 3 - operacje logiczne na ±cie»kach Kolejn opcj w Inkscapie jest mo»liwo± ª czenia obiektów poprzez tworzenie ich sumy, ró»nicy lub cz ±ci wspólnej: Narysuj dwa obiekty, które b d na siebie wzajemnie zachodziªy. Oba powinny mie ustalony kolor wypeªnienia. Zaznacz oba obiekty a nast pnie wybierz z menu cie»ka: Suma, Ró»nica, Wykluczenie i inne z tej grupy za ka»dym razem cofaj c efekt b d» do ka»dego efektu rysuj c dwa nowe obiekty. Kolejno± tworzenia obiektów ma tutaj znaczenie dla niektórych opcji (spodni obiekt jest nadrz dny) Suma - po poª czeniu obiektów przyj ªy one kolor wypeªnienia pierwszego obiektu; Ró»nica - po poª czeniu obiektów z pierwszego obiektu zostaª wyci ty fragment, na który zachodziª drugi obiekt Cz ± wspólna - cz ± wspólna obu obiektów wypeªniona jednolitym kolorem Wykluczenie - usuni to fragment b d cy cz ±ci wspóln obu obiektów, a usuni ty fragment zostaª wypeªniony kolorem tªa Podziaª - z pierwszego obiektu zostaª wyci ty fragment, na który zachodziª drugi obiekt, a który mo»e nast pnie zosta przesuni ty lub skopiowany w inne miejsce Rozci cie ±ciezki -pozostaje tylko ±cie»ka tworz ca pierwszy obiekt wraz z wyci tym fragmentem, na który zachodziª drugi obiekt 2.2 wiczenie nr 4 Zaprojektuj nast puj ce logo: Rysunek 1: ródªo: warsztat umiej tno±ci praktycznych - graka komputerowa Narysowa koªo. 2
Napisa znak tyldy i powi kszy go, by dªugo± znaku byªa odpowiednia do wielko±ci okr gu. Zduplikuj znak tyldy b dzie potrzebny do wygi cia napisu zduplikowan tyld umie± u doªu obszaru rysunkowego - Przenie± na spód. Wyrówna ±rodki obu obiektów - tyldy ¹ródªowej i okr gu (Obiekt/Wyrównaj i rozmie±..) Odejmnij od siebie oba obiekty ( cie»ka/ró»nica) Przeksztaªci powstaªy obiekt w ±cie»k ( cie»ka/obiekt w ±cie»k ) Oddziel od siebie obie poªówki logo ( cie»ka/rozdziel) i okre±l osobno kolor obu poªówek, klikaj c na nie i wybieraj c kolor. Usu«wypeªnienie zduplikowanej tyldzie, przeksztaª j w ±cie»k, usu«niepotrzebne w zªy i rozdziel ±cie»k tak aby powstaªa tylko pojedyncza linia U»ywaj c narz dzi do wstawiania tekstu wpisz nowe logo ustal szeroko± tekstu. Zaznacz i tekst i ±cie»k i wybierz Wstaw tekst na ±cie»k (Tekst/Wstaw na ±cie»k ), wyª cz widoczno± konturu ±cie»ki i umie± tekst pomi dzy 2 rozdzielonymi cz - ±ciami koªa. 3
3 Efekty i ltry 3.1 Cwiczenie nr 5 - Interpolacja W tym wiczeniu przyjrzymy si interpolacji ±cie»ek o ró»nych ksztaªtach. Przej±cie ze ±cie»ki o ksztaªcie okr gu do ±cie»ki o ksztaªcie trójk ta powstanie przez wygenerowanie okre±lonej liczby ksztaªtów po±rednich. Narysuj elips po lewej stronie kartki i trójk t po prawej stronie kartki. Zaznacz narysowane obiekty, wybieraj c z menu polecenie Edycja/Zaznacz wszystko, a nast pnie wybierz z menu polecenie cie»ka/obiekt na ±cie»k. Wybierz z menu polecenie Efekty/Wygeneruj ze ±cie»ki/interpolacja, co spowoduje pojawienie si okna dialogowego Interpolacja W polu Wykªadnik pozostaw domy±ln warto± 0,0, w polu Kroki interpolacji wpisz warto± 6, a w polu Metoda interpolacji wybierz warto± 2. Kliknij przycisk Zastosuj, a nast pnie kliknij przycisk Zamknij. je±li u»ywasz funkcji interpolacji dla ±cie»ek o ró»nych ksztaªtach, wa»ne jest po- ªo»enie w zªów pocz tkowych tych ±cie»ek. Efekty b d si ró»ni w zale»no±ci od tego, jak poªo»one s w zªy ±cie»ek wzgl dem siebie. Po eksperymentowa z innymi ksztaªtami oraz z opcj Wykªadnik. Rysunek 2 4
3.2 wiczenie nr 5 Narysuj szkic domu, a nast pnie za pomoc linii prostych i strzaªek zaznacz jego wymiary. Zmiana koloru grotów strzaªek dla narysowanej linii. Domy±lnie s one czarne. Wystarczy wybra dla linii jaki± kolor konturu po czym z menu: Efekty Modykuj ±cie»k Kolor znaczników jak konturu. 3.3 wiczenie nr 6 - wizytówka Rysunek 3: ródªo: warsztat umiej tno±ci praktycznych - graka komputerowa Utworzenie nowego rysunku w formacie wizytówki: Plik Nowy Business_card_90x50mm. W lewym górnym rogu wstaw przykªadowe logo ±ci gni te z sieci lub zaprojektuj wªasne. Stwórz now warstw o nazwie logo aby logo tam wklei. Logo powinno znajdowa si w pewnej odlegªo±ci od brzegów wizytówki. Z górnego menu wybierz opcj Warstwa Nowa Warstwa, a nast pnie w pojawiaj cym si oknie wpisz: Tekst w polu Nazwa. Upewnij si,»e Tekst jest obecnie wybran warstw aktywn i z przybornika wybierz narz dzie Tekst. Wybierz jedn z czcionek, np. Arial o rozmiarze 20, i kliknij lewym przyciskiem myszy w miejsce, gdzie chciaªby± zobaczy swój tekst. Przykªadowy tekst to: imi i nazwisko, adres e-mail oraz numer telefonu - zapisane w oddzielnych wierszach. Zró»nicuj tekst dobieraj c opcje tekstu (wielko± i rodzaj czcionki, pogrubienie, kursywa, odst p miedzy literami) Dodaj now warstw o nazwie Krzywe. Z menu górnego wybierz opcj Warstwy Nowa warstwa, a nast pnie podaj nazw i w polu Lokalizacja zmie«warto± na Poni»ej aktywnej i naci±nij klawisz Dodaj. Zablokuj mo»liwo± edycji wszystkich warstw oprócz tej o nazwie Krzywe i upewnij si,»e jest to warstwa aktywna. Wybierz punkt pocz tkowy na lewej prowadnicy i wykonaj pojedyncze klikni cie lewym klawiszem myszy. Wybierz punkt, w którym chcesz mie pierwsze zagi cie, i przytrzymuj c lewy klawisz myszy, poruszaj kursorem a» do uzyskania» danego ksztaªtu krzywej. Operacj t mo»na powtarza w celu otrzymania krzywej o wielu ró»nych zagi ciach. Podwójne klikni cie myszy zako«czy rysowanie krzywej. W edycji krzywych Beziera przydatne s klawisze: Backspace, który kasuje ostatni fragment krzywej, oraz klawisz Enter, który ko«czy rysowanie krzywej na ostatnim zaakceptowanym punkcie. Teraz wystarczy poª czy ko«ce krzywej liniami prostymi. 5
Dodaj wypeªnienie dla krzywej i usu«krzyw klawiszem Delete Zduplikuj podstawow krzyw, zmie«kolor jej wypeªnienia i przesu«otrzyman gur nieco w lewo i pod gur podstawow, u»ywaj c klawisza Page Down lub End. Nast pnie w odpowiednich polach panelu Wypeªnienie i kontur ustaw rozmycie na 3,0 i pokrycie na 80%. Cz ± cienia wystaje poza obszar wizytówki. Do usuni cia tej cz ±ci posªu»y nam dodatkowa gura zamkni ta (trójk t), utworzona przy pomocy narz dzia Rysowanie krzywych Beziera i linii prostych. Nast pnie zaznacz jednocze±nie cie«i trójk t ( klawisz Shiftl) i z menu górnego wybierz cie»ka Podziaª, aby podzieli cie«na dwie cz ±ci. Pozb d¹ si wystaj cego fragmentu. Uwaga jezeli chcemy wstawi jaki± symbol matematyczny b d¹ znak lub symbol inny, wystraczy w trybie pisania tekstu klikn CTRL+U, wtedy na dole na szarym pasku mo»emy wprowadzi kod Unicode znaku np calka ma 222b. Inne kody mo»na znale¹ w tabeli Unicode w Internecie. 6