Laboratorium nr 2 - Inkscape mgr in». Magdalena Wilkoªazka 24 ma ja 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 ±cie»k¦

3.3

→

→

Modykuj

Kolor znaczników jak konturu.

‚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