InkScape. Inkscape är ett gratisprogram för objektgrafik (vektorgrafik) Man använder programmet till att illustrera, rita, skapa logotyper och figurer

Transkript

1 InkScape Inkscape är ett gratisprogram för objektgrafik (vektorgrafik) Man använder programmet till att illustrera, rita, skapa logotyper och figurer Gunnar Markinhuhta ITLyftet sida 1

2 Med Ctrl-tangenten intryckt och scrollen på musen kan du zooma dokumentet. Med Shift scroll kan du flytta arbetsytan i sidled och med Alt scroll kan du förflytta dig upp och ner. Selection Tool är det mest använda verktyget. Använd detta verktyg som ett allmänt verktyg. Med verktyget kan du t ex storleksändra, flytta och ändra form på ett objekt. 1. Välj verktyget Create Rectangles 2. Rita ut en rektangel på dokumentet 3. Byt till Selection Tool 4. Storleksändra objektet genom att ta tag i pilarna och dra med musen 5. Flytta objektet genom att ta tag i mitten av objektet 6. Ändra storleken och behåll proportionerna genom att hålla Shift-tangenten eller Crtl tangenten intryckt. 7. Klicka ytterligare en gång på objektet för att markera objektet. Nu aktiveras rotations och skeva-pilarna 8. Genom att ta tag i mitten-pilarna kan du skeva objektet 9. Med hörn-pilarna kan du rotera objektet sida 2

3 I verktygsfältet längs ner finns färger att välja. Knappen Ingen tar bort färgen på det markerade objektet Med Edit Tool kan du redigera objektets noder 1. Rita ut en rektangel 2. Byt till Edit Tool 3. Gör rundade hörn genom att ta tag i den runda noden 4. En cirkel kan också redigeras med noden Med detta verktyg kan du rita ut stjärnor, splashar etc. Med verktygsfältet Change kan du bestämma antal hörn, rundning etc 1. Rita ut en Stjärna/Polygon 2. Välj Corners 3. Välj Spoke ratio 4. Välj Rounded 1. Rita ut en spiral med verktyget 2. Välj Turns 3. Välj Divergence sida 3

4 Med frihandspennan kan du rita figurer, linjer på frihand. 1. Ta fram verktyget 2. Välj Smoothing för att ta bort ojämnheter 3. Välj valfri Shape 4. Rita på frihand 1. Ta fram verktyget 2. Välj valfri Shape 3. Klicka ut punkter (noder) 1. Välj menyn File/Document Properties 2. Klicka på fliken Grids 3. Klicka på knappen New 4. Nu har du ett rutsystem på dokumentet som kan hjälpa till med precisionen i ritandet. Skapa dessa figurer på dokumentet sida 4

5 För att fullt ut kunna redigera en rektangel måste du först konvertera objektet till en bana 1. Rita ut en rektangel på dokumentet 2. Markera rektangeln med Selection Tool 3. Välj menyn Path/Object to Path 4. Markera övre kanten på rektangeln med Edit Tool 5. Klicka på verktygsknappen längst till vänster för att lägga till en nod på banan 6. Lägg till noder på rektangels alla sidor 7. Nu kan du dra i noderna för att skapa en figur 8. Klicka på verktygsknappen näst längst till vänster för att ta bort en nod på banan Dessa figurer kan redigeras direkt med Edit Toll 1. Rita ut en figur med Freehand Tool 2. Rita ut en figur med Bezier Tool 3. Prova att redigera noderna och lägga till nya noder Om du vill ha handtag till dina noder så klicka på Bezier handles-knappen sida 5

6 1. Med verktygsfältet kan du markera, avmarkera, stapla över, under etc 2. Menyvalet Object/Group grupperar objekten Längst till höger i verktygsfältet Färger kan du välja mellan fler färgpaletter. Som standard är Inkscape Default förvalt Längst ner till vänster finns färgväljaren för Fill och Stroke. Klicka på någon av färgrutorna för att ta fram dialogrutan för fyllnings och linjefärger sida 6

7 Här kan du jobba med färger, fyllningar, toningar, linjetyper, ludd (blur), opacitet mm Välj File Save as/inkscape SVG. SVG betyder Scalar Vector Graphichs och eftersom det är baserat på just vektorgrafik, vilket innebär det att kan du göra något litet och sedan förstora det i alla oändlighet utan att det blir pixligt. SVG är en öppen standard där du kan göra i princip vad som helst, text, figurer, animationer, 3D m.m. SVG är baserad på XML (Extensible Markup Language) och utvecklas av World WideWeb Consortium (WC3) Om du sedan öppnar SVG-teckningen i t ex Gimp så måste teckningen renderas till pixlar, eftersom Gimp är ett bildredigeringsprogram för punktuppbyggda bilder. Välj File Export Bitmap. Här kan du exportera en markering till till bildformatet PNG. Teckningen blir då en pixelbild. Obs! Mer om olika filformat för Inkscape-teckningar längre fram i kursen sida 7

8 Skapa denna mangafigur Använd verktygen Frihand och Bezier för att rita dit objekten. Jobba med noderna för att sedan förbättra teckningen. Blurra till kinder och näsa. Spara som en Inkscape-SVG fil. Skapa dessa Pacmanfigurer Spara som en Inkscape-SVG fil sida 8

9 1. Rita ut en lämpligt stor cirkel 2. Öppna Fill and Stroke-dialogrutan 3. Klicka på knappen Radial gradient 4. Klicka på knappen Edit för att ta fram Gradient Editor (toningen går som standard inifrån och ut) 5. Det finns 2 stoppfärger att redigera 6. Ändra på Alpha-Opacity för att ändra på gradienten 7. Ta fram verktyget Create and Edit Gradients 8. Ändra och vinkla gradienten 9. Du kan också skapa gradient mellan två eller flera färger Det går även att skapa en gradient på en linje 1. Rita ut en lämpligt stor cirkel 2. Öppna Fill and Stroke-dialogrutan 3. Klicka på knappen Pattern 4. Välj ett mönster i menyraden 1. Dubbelklicka på det aktuella verktyget 2. Välj vilken inställning du vill ha (Senast använda stil eller grundinställning) sida 9

10 Skapa en liknande figur som denna: Skapa dessa Pacmanfigurer Använd gradienter för att snygga till figurerna. Spara som en Inkscape-SVG fil Skapa en liknande pil som denna sida 10