Laboratorium nr 1 - Inkscape- wiczenia mgr in». Magdalena Wilkoªazka 17 maja 2014 1 wiczenie - Obiekty, ksztaªty- grupowanie, kontur, wypeªnienia, kopiowanie 1.1 wiczenie nr 1.1 Narysuj prostok t o wymiarach: 40x20pikseli (wysoko±, szeroko± ), wypeªnij go kolorem czerwonym (RGB: 255,0,0). Skopiuj go 4 razy i umie± w równych odst pach (odl.: 20 pikseli) w jednym wierszu (Obiekt/Wiersze i kolumny... ). Zmodykuj rysunek w ten sposób, aby ka»dy kolejny prostok t byª pochylony w stosunku do poprzedniego o k t 45 (Obiekt/Przeksztaª... ) i aby jego kolor ró»niª si w ten sposób,»e do ka»dego nast pnego dodawane jest 50 skªadowej zielonej i 50 skªadowej niebieskiej. Nadaj ka»demu z prostok tów ró»ne kontury (grubo±, kolor) Rysunek 1: Operacje na wypeªnieniu i konturze 1.2 wiczenie nr 1.1a Utwórz nowy dokument o wymiarach 800x600 px i o prze¹roczystym tle (np Desktop 800x600). Narysuj owal, zduplikuj go i dokonaj modykacji. Tªo przezroczyste sprawdzamy klikaj c w menu gªównym ostatni ikonk : Wªa±ciwo±ci dokumentu. 1
Rysunek 2: Operacje na wypeªnieniu i konturze- owal 2
1.3 wiczenie nr 1.1.b - Rozmieszczanie obiektów Na nowej warstwie nazwij j Nowa (Warstwa/warstwy... ) narysuj okr g (promie«okr gu: 100 pikseli) wytnij z niego ªuk (od 0 270 ), obró go u»ywaj c uchwytów rysunkowych (podwójne klikni cie na obiekt), krycie wycinka koªa ustal na 50%. Narysuj na wycinku elips i wypeªnij j gradientem liniowym, tak aby powstaª efekt o±wietlenia (podwójne klikni cie w wypeªnienie; wypeªnienie liniowe) Umie± na okr gu 3 gwiazdy (szeroko± wszystkich gwiazd ustal na 30 px) (6-cio, 8-mio i 12 ramienn ) o ró»nych kolorach wypeªnienia i konturu i o ró»nym wspóªczynniku krycia (50%, 75% i 100%). Ustal kolejno± obiektów tak jak na rysunku. Skopiuj wszystkie gwiazdy, nadaj im nowe rozmiary (60, 40 i 20 px) i wyrównaj, tak aby miaªy wspólny ±rodek (Obiekt/Wyrównaj i rozmie±... ). Wypeªnienie i kontur najmniejszej gwiazdy ustal na kolor biaªy. Efekt do uzyskania jest taki: Rysunek 3: Rozmieszczenie konturów Rysunek 4: Rozmieszczenie konturów 3
2 wiczenie nr 2- Praca z tekstem 2.1 - Cie«, warstwy, kontur Napiszmy tekst: Przykªadowy tekst. Stwórzmy now warstw ponad aktywna (warstwa->dodaj warstw ). Przejd¹my do warstwy pierwszej czyli Layer1, zaznaczmy tekst i skopiujmy go do schowka (edycja- >kopiuj). Przejd¹my do nowo utworzonej warstwy i wklejmy nasz tekst dokªadnie nad tym ni»szej warstwy(edycja->wklej w miejscu pochodzenia). B dziemy teraz popracowa nad dolnym tekstem. Aby dosta si do niego, musimy zablokowa warstw górn. Wystarczy wej± na górn warstw i wybra ikonk kªódki. Po zablokowaniu górnej warstwy wybieramy nasz doln i klikamy na tek- ±cie, zaznaczony zostanie tekst poni»ej. Wybieramy opcj cie»ka->przesu«ª cznie, nast pnie klikamy na kwadracik nad tekstem: i trzymaj c wci±ni ty lewy przycisk myszki przesuwamy go troch w gór. odblokowujemy warstw górn i klikamy tam gdzie powinien by górny tekst i wybieramy nowy kolor. Nast pnie, wybieramy dodatkowy kolor trzymaj c wci±ni ty shift - spowoduj to dodanie kolorowej ramki wokóª tekstu. W ten sam sposób jak przed chwil doda zewn trzn ramk wokóª wi kszego tekstu w warstwie poni»ej oraz zmieni jego kolor. Zaznaczamy dolny tekst, ponownie wybieramy cie»ka->przesu«ª cznie i tworzymy czarn obwódk wokóª caªo±ci. Otwieramy Edycje kolorów: Zwi kszamy rozmycie i krycie a» uzyskamy podobaj cy si nam efekt (przypominaj cy delikatny cie«), 2.2 Papier rmowy Efekt do uzyskania jest taki: Papier rmowy powinien mie w nagªówku logo i nazwe rmy, po prawej stronie nazwe strony www. W stopce: adres, dane kontaktowe, NIP i inne. W tle na ±rodku strony tak»e mo»e by umieszczone logo jako znak wodny, wtedy wystarczy logo z nagªówka powi kszy i rozmy. 4
Rysunek 5: Papier rmowy 5
2.3 wiczenie nr 3 - Inwencja artystyczna Odwzoruj podane na rysunku ksztaªty korzystaj c z narzedzia do rysowania wielok - tów: W pasku opcji dotycz cych narzedzia: Rysunek 6: Artystycznie Ustawiamy odpowiednia ilo± naro»ników Ustawiamy zaokr glanie, deformacj i proporcje ramion Ustawiamy wypeªnienie i kontur Inne ciekawe efekty mo»na uzyska dodatkowo ci gn c za uchwyt gury (maªy rombik po trzykrotnym naci±ni ciu myszk ) znajduj cy sie bli»ej ±rodka. 6
2.4 wiczenie nr 4 - logo Unii Europejskiej - dla ch tnych lub do domu Narysowa logo Unii Europejskiej wedªug poni»szych wskazówek (s to ocjalne wskazówki UE przy tworzeniu loga): Rysunek 7: Logo Unii Europejskiej Logo to prostok tna aga, której dªug± stanowi 1,5 szeroko±ci w kolorze niebieskim (w modelu RGB - R:23, G:52, B:134) Wewn trz prostok ta znajduje si 12 gwiazd z kolorze»óªtym (R:248, G:228, B:21). Gwiazdy s umieszczone w równych odlegªo±ciach od siebie, w taki sposób,»e formuj niewidzialny kr g, którego ±rodek tworzy si poprzez przeci cie si przek tnych prostok ta (ustawiamy prowadnice i klikamy na nie i okre±lamy k t tak»e by jak najlepiej pokrywaªy si z przek tnymi prostok ta). Promie«okr gu stanowi 1/3 wysoko±ci prostok tnej agi. (Promie«okr gu ustawiamy edytuj c w XML (SHift+CTRL+X) wªa±ciwo±ci okr gu rx i ry na 50 lub ustawiaj c prowadnice na odpowiedniej wysoko±ci) Ka»da gwiazda ma 5 ramion i jest wpisana w niewidzialny okr g o promieniu 1/18 wysoko±ci agi. Gwiazdy usytuowane s pionowo tzn. jedno rami (wierzchoªek) gwiazdy jest pionowe a dwa przylegaj ce do niego ramiona powinny by usytuowane w linii prostej oraz pod k tem prostym do "masztu"agi. Gwiazdy powinny by rozmieszczone na okr gu w pozycjach "peªnych"godzin zegarowych. 7