Inkscape tutorial: Tips och tricks

Inkscape

Handledning | Tips och tricks

Denna handledning kommer att visa olika tips och tricks som anvÀndare har lÀrt sig genom att anvÀnda Inkscape och nÄgra "dolda" funktioner som kan hjÀlpa dig att pÄskynda produktionsuppgifter.

Radiell placering med brickkloner

Det Àr lÀtt att förstÄ hur man anvÀnder dialogen Skapa brickkloner för rektangulÀra rutnÀt och mönster. Men tÀnk om du behöver radiell placering, dÀr objekten har ett gemensamt rotationscentrum? Det Àr ocksÄ möjligt!

Om ditt radialmönster bara behöver ha 3, 4, 6, 8 eller 12 element kan du prova symmetrierna P3, P31M, P3M1, P4, P4M, P6 eller P6M. Dessa fungerar fint för snöflingor och liknande. En mer allmÀn metod Àr dock följande.

VÀlj P1-symmetri (enkel translation) och kompensera sedan för den translationen genom att gÄ till fliken Förskjut och stÀlla in Per rad / Förskjutning Y och Per kolumn / Förskjutning X bÄda till -100%. Nu kommer alla kloner att staplas exakt ovanpÄ originalet. Allt som ÄterstÄr att göra Àr att gÄ till fliken Rotation och stÀlla in en viss rotationsvinkel per kolumn och sedan skapa mönstret med en rad och flera kolumner. HÀr Àr t.ex. ett mönster som bestÄr av en horisontell linje med 30 kolumner, dÀr varje kolumn roteras 6 grader:

För att fÄ en urtavla av detta behöver du bara skÀra ut eller helt enkelt överlagra den centrala delen med en vit cirkel (för att göra booleska operationer pÄ flera kloner samtidigt, kombinera dem först).

Mer intressanta effekter kan skapas genom att anvÀnda bÄde rader och kolumner. HÀr Àr ett mönster med 10 kolumner och 8 rader, med en rotation pÄ 2 grader per rad och 18 grader per kolumn. Varje grupp av linjer hÀr Àr en "kolumn", sÄ grupperna Àr 18 grader frÄn varandra; inom varje kolumn Àr enskilda linjer 2 grader frÄn varandra:

I exemplen ovan roterades linjen runt sin mittpunkt. Men vad hÀnder om du vill att mitten ska ligga utanför din form? Klicka bara pÄ objektet tvÄ gÄnger med VÀljare-verktyget för att gÄ in i rotationslÀge. Flytta nu objektets rotationscentrum (representerat av ett litet korsformat handtag) till den punkt som du vill ska vara rotationscentrum för operationen Brickkloner. AnvÀnd sedan Skapa brickkloner pÄ objektet. Det Àr sÄ hÀr du kan göra fina "explosioner" eller "stjÀrnfall" genom att slumpa skala, rotation och eventuellt opacitet:

Icke-linjÀra gradienter

Version 1.1 av SVG stöder inte icke-linjÀra gradienter (dvs. de som har en icke-linjÀra translationer mellan fÀrger). Du kan dock emulera dem genom gradienter för flera stopp.

Börja med en enkel gradient med tvÄ stopp (du kan tilldela den i dialogen Fyllning och streck eller anvÀnda gradientverktyget). LÀgg nu till ett nytt gradientstopp i mitten med gradientverktyget; antingen genom att dubbelklicka pÄ gradientlinjen eller genom att markera det fyrkantiga gradientstoppet och klicka pÄ knappen Infoga nytt stopp i gradientverktygets verktygsfÀlt högst upp. Dra det nya stoppet en bit. LÀgg sedan till fler stopp före och efter mittstoppet och dra dem ocksÄ, sÄ att gradienten ser jÀmn ut. Ju fler stopp du lÀgger till, desto mjukare kan du göra den resulterande gradienten. HÀr Àr den första svartvita gradienten med tvÄ stopp:

Och hÀr Àr olika "icke-linjÀra" gradienter med flera stopp (undersök dem i Gradientredigerare):

Excentriskt radiella gradienter

Radiella gradienter behöver inte vara symmetriska. I Gradientverktyget drar du det centrala handtaget för en elliptisk gradient med Skift. Detta flyttar det x-formade fokushandtaget för gradienten bort frÄn dess centrum. NÀr du inte behöver det kan du fÀsta tillbaka fokus genom att dra det nÀra mitten.

NĂ€tgradienter

För Ànnu mer komplexa gradienter erbjuder Inkscape verktyget NÀtgradient (verktyget precis under gradientverktyget i verktygsfÀltet). StÀll in formen (radiell eller rutnÀt) och antalet rader och kolumner med fÀrgflÀckar i verktygets kontrollfÀlt och anvÀnd sedan verktyget för att dra över en form för att fylla den med en nÀtgradient.

Nu kan du justera fÀrgflÀckarnas form med de triangulÀra handtagen och vÀlja de diamantformade handtagen för att Àndra flÀckarnas fÀrg. Du kan Àven vÀlja fÀrg pÄ objekt under nÀtgradienten genom att klicka pÄ fÀrgvÀljarikonen i verktygskontrollerna.

Justering till mitten av sidan

Om du vill justera in nÄgot mot mitten eller sidan av en sida markerar du objektet eller gruppen och vÀljer sedan Sida i listan Relativ till: i dialogrutan Justera och distribuera (Skift+Ctrl+A).

StÀdning av dokumentet

MÄnga av de gradienter, mönster och markörer som inte lÀngre anvÀnds (nÀrmare bestÀmt de som du redigerade manuellt) finns kvar i motsvarande paletter och kan ÄteranvÀndas för nya objekt. Men om du vill optimera ditt dokument kan du anvÀnda kommandot StÀda upp dokument i Arkiv-menyn. Det tar bort alla gradienter, mönster eller markörer som inte anvÀnds av nÄgot i dokumentet, vilket gör filen mindre.

Dolda funktioner och XML-redigeraren

Med XML-redigeraren (Skift+Ctrl+X) kan du Àndra nÀstan alla aspekter av dokumentet utan att anvÀnda en extern textredigerare. Dessutom stöder Inkscape vanligtvis fler SVG-funktioner Àn vad som Àr tillgÀngligt frÄn det grafiskt grÀnssnittet. XML-redigeraren Àr ett sÀtt att fÄ tillgÄng till dessa funktioner (om du kan SVG).

Ändring av linjalernas mĂ„ttenhet

I standardmallen Àr den mÄttenhet som anvÀnds av linjalerna mm (millimeter). Det Àr ocksÄ den enhet som anvÀnds för att visa koordinater i det nedre högra hörnet och som Àr förvald i alla enhetsmenyer. (Du kan alltid hÄlla muspekaren över en linjal för att se verktygstipset med de enheter som anvÀnds.) Om du vill Àndra detta öppnar du Dokumentegenskaper (Skift+Ctrl+D) och Àndrar Visningsenheter pÄ fliken Visning.

StÀmpling

För att snabbt skapa mĂ„nga kopior av ett objekt anvĂ€nder du stĂ€mpling. Dra bara ett objekt (eller skala eller rotera det) och hĂ„ll musknappen intryckt samtidigt som du trycker pĂ„ Mellanslag. Detta lĂ€mnar en ”stĂ€mpel” av det aktuella objektets form. Du kan upprepa detta sĂ„ mĂ„nga gĂ„nger du vill.

Knep med pennverktyg

I Pennverktyget (Bezier) har du följande alternativ för att avsluta den aktuella linjen:

  • Tryck pĂ„ Enter

  • Dubbelklicka med vĂ€nster musknapp

  • Klicka med höger musknapp

  • VĂ€lj ett annat verktyg

Observera att Ă€ven om banan Ă€r oavslutad (dvs. visas i grönt, med det aktuella segmentet i rött) finns den Ă€nnu inte som ett objekt i dokumentet. För att avbryta den anvĂ€nder du dĂ€rför antingen Esc (avbryter hela banan) eller Backsteg (tar bort det sista segmentet av den oavslutade banan) i stĂ€llet för Ångra.

Om du vill lÀgga till en ny underbana till en befintlig bana markerar du den banan och börjar rita med Skift frÄn en godtycklig punkt. Om du dÀremot bara vill fortsÀtta en befintlig bana Àr Skift inte nödvÀndigt; börja bara rita frÄn ett av den markerade banans Àndankare.

Ange Unicode-vÀrden

NĂ€r du Ă€r i textverktyget trycker du pĂ„ Ctrl+U vĂ€xlar du mellan Unicode- och normallĂ€ge. I Unicode-lĂ€get blir varje grupp av 4 hexadecimala siffror som du skriver ett enda Unicode-tecken, vilket gör att du kan skriva in godtyckliga symboler (sĂ„ lĂ€nge du kĂ€nner till deras Unicode-kodpunkter och typsnittet stöder dem). Tryck pĂ„ Enter för att avsluta Unicode-inmatningen. SĂ„ hĂ€r gör du till exempel Ctrl+U+2+0+1+4+Ange infogar ett em-dash (—). Om du vill avsluta Unicode-lĂ€get utan att infoga nĂ„got trycker du pĂ„ Esc..

Du kan ocksĂ„ anvĂ€nda dialogrutan Text⇒Unicode-tecken för att söka efter och infoga glyfer i ditt dokument.

AnvÀnda rutnÀtet för att rita ikoner

Anta att du vill skapa en ikon pÄ 24x24 bildpunkter. Skapa en 24x24 px duk (anvÀnd DokumentinstÀllningar) och stÀll in rutnÀtet pÄ 0,5 px (48x48 rutnÀtslinjer). Om du nu anpassar fyllda objekt till jÀmna rutnÀtslinjer och streckade objekt till udda rutnÀtslinjer med en streckbredd i px som Àr ett jÀmnt tal, och exporterar den med standardvÀrdet 96 dpi (sÄ att 1 px blir 1 rasterbildsbildpunkt), fÄr du en skarp rasterbild utan onödig kantutjÀmning.

Objektrotering

Klicka pÄ ett objekt i VÀljare-verktyget för att se skalningspilarna och klicka sedan igen pÄ objektet för att se rotations- och skevpilarna. Om du klickar pÄ pilarna i hörnen och drar dem roterar objektet runt mitten (visas som en kryssmarkering). Om du hÄller ned Skift-tangenten samtidigt som du gör detta kommer rotationen att ske runt det motsatta hörnet. Du kan ocksÄ dra rotationscentrum till valfri plats.

Du kan ocksÄ rotera frÄn tangentbordet genom att trycka pÄ [ och ] (med 15 grader) eller Ctrl+[ och Ctrl+] (med 90 grader). Samma [ ]-tangenter med Alt utför lÄngsam rotation av bildpunktsstorleken.

Justering pÄ duken

NÀr alternativet Aktivera justering pÄ skÀrmen Àr aktivt i dialogrutan Justera och distribuera, markerar du nÄgra objekt och klickar lÄngsamt tvÄ gÄnger pÄ dem för att aktivera handtag för justering pÄ skÀrmen. Handtagen kan anvÀndas för att justera de markerade objekten i förhÄllande till omrÄdet för den aktuella markeringen.

  • Klicka pĂ„ handtagen för att justera objekten i förhĂ„llande till markeringsomrĂ„det.

  • Klicka pĂ„ det centrala handtaget för att rikta in de markerade objekten pĂ„ den horisontella axeln. Skift+klicka pĂ„ objekten för att rikta in dem pĂ„ den vertikala axeln.

  • Skift+klicka pĂ„ de yttre handtagen riktar in sig pĂ„ utsidan av markeringsomrĂ„det.

SlÀppskuggor

För att snabbt skapa slĂ€ppskuggor för objekt anvĂ€nder du funktionen Filter⇒Skuggor och sken⇒SlĂ€ppskugga.

Du kan ocksĂ„ enkelt skapa oskarpa slĂ€ppskuggor för objekt manuellt med oskĂ€rpa i dialogen Fyllning och streck. Markera ett objekt, duplicera det genom att Ctrl+Doch tryck pĂ„ PgDown för att placera det under originalobjektet, placera det lite till höger och lĂ€gre Ă€n originalobjektet. Öppna nu dialogen Fyllning och streck och Ă€ndra vĂ€rdet för OskĂ€rpa till t.ex. 5,0. Nu Ă€r det klart!

Placera text pÄ en bana

Om du vill placera text lÀngs en kurva markerar du texten och kurvan tillsammans och vÀljer Placera pÄ bana pÄ bana i menyn Text. Texten kommer att börja i början av banan. I allmÀnhet Àr det bÀst att skapa en uttrycklig bana som du vill att texten ska anpassas till, snarare Àn att anpassa den till nÄgot annat ritningselement - detta ger dig mer kontroll över din ritning.

VĂ€lj originalet

NÀr du har en text pÄ bana, en lÀnkad förskjutning eller en klon kan deras kÀllobjekt/bana vara svÄrt att vÀlja eftersom det kan vara direkt under, eller osynliggjort och/eller lÄst. Den magiska tangenten Skift+D hjÀlper dig; markera texten, den lÀnkade förskjutningen eller klonen och tryck pÄ Skift+D för att flytta markeringen till motsvarande bana, förskjutningskÀlla eller klonoriginal.

ÅterstĂ€llning av fönster utanför skĂ€rmen

NĂ€r du flyttar dokument mellan system med olika upplösningar eller antal skĂ€rmar kan det hĂ€nda att Inkscape har sparat en fönsterposition som gör att fönstret inte gĂ„r att nĂ„ pĂ„ din skĂ€rm. Maximera helt enkelt fönstret (vilket gör att det syns igen, anvĂ€nd aktivitetsfĂ€ltet), spara och lĂ€s om. Du kan undvika detta helt och hĂ„llet genom att avmarkera det globala alternativet för att spara fönstergeometri (Inkscape-instĂ€llningar, GrĂ€nssnitt⇒Fönster-avsnitt).

Transparens, gradienter och PostScript-export

PostScript- eller EPS-format stöder inte transparens, sÄ du bör aldrig anvÀnda det om du ska exportera till PS/EPS. NÀr det gÀller platt transparens som överlagrar platt fÀrg Àr det lÀtt att fixa det: VÀlj ett av de transparenta objekten; vÀxla till pipettverktyget(F7 eller D); se till att knappen Opacitet: VÀlj-knappen i pipettverktygets verktygsfÀlt Àr inaktiverad; klicka pÄ samma objekt. Det kommer att vÀlja den synliga fÀrgen och tilldela den tillbaka till objektet, men den hÀr gÄngen utan transparens. Upprepa för alla transparenta objekt. Om ditt transparenta objekt överlappar flera platta fÀrgomrÄden mÄste du dela upp det i motsvarande delar och tillÀmpa denna procedur pÄ varje del. Observera att pipettverktyget inte Àndrar objektets opacitetsvÀrde, utan endast alfavÀrdet för dess fyllnings- eller streckfÀrg, sÄ se till att varje objekts opacitetsvÀrde Àr instÀllt pÄ 100% innan du börjar.

Interaktivitet

De flesta SVG-element kan finjusteras för att reagera pÄ anvÀndarens inmatning (vanligtvis fungerar detta bara om SVG visas i en webblÀsare).

Den enklaste möjligheten Àr att lÀgga till en klickbar lÀnk till objekten. För detta högerklickar du pÄ objektet och vÀljer Skapa lÀnk frÄn snabbmenyn. Dialogrutan "Objektattribut" öppnas dÀr du kan ange mÄlet för lÀnken med hjÀlp av vÀrdet för href.

Mer kontroll Àr möjlig med hjÀlp av interaktivitetsattributen som Àr tillgÀngliga frÄn dialogrutan "Objektegenskaper" (Ctrl+Skift+O). HÀr kan du implementera godtycklig funktionalitet med hjÀlp av JavaScript. NÄgra grundlÀggande exempel:

  • Öppna en annan fil i det aktuella fönstret nĂ€r du klickar pĂ„ objektet:

    • StĂ€ll in onclick till window.location='fil2.svg';

  • Öppna en godtycklig webblĂ€nk i ett nytt fönster nĂ€r du klickar pĂ„ objektet:

    • StĂ€ll in onclick till window.open("https://inkscape.org","_blank");

  • Minska transparensen i objektet nĂ€r muspekaren hovrar:

    • StĂ€ll in onmouseover till style.opacity = 0.5;

    • StĂ€ll in onmouseout till style.opacity = 1;

Authors: Bulia Byak; Alexandre Prokoudine; Colin Marquardt; Ivan Masår; Kris De Gussem; Nicolas Dufour; Roland Alton; Patrick Storz; Guillaume Audirac; Gellért Gyuris; Maren Hachmann

Translators: Daniel Nylander — 2025

Header / footer design: Esteban Capella — 2019