Lär dig allt om streckade linjer i Illustrator

Vår serie om Adobe Illustrator är utformad för att hjälpa dig att lära dig hur du skapar effekter i vektordesignprogrammet. Vi är här för att förenkla designprocessen för alla, från nybörjare till veteraner! Idag fokuserar vi på hur du skapar prickiga linjer.

Adobe Illustrator är ett kraftfullt verktyg som används över hela världen för grafisk design och illustrationer.

Det är fullmatat med funktioner som gör att du kan designa allt du kan tänka dig, men det är också känt för att ha en ganska brant inlärningskurva. Till och med professionella formgivare som har varit med i spelet i evigheter behöver ibland en uppfräschning för att tillämpa vissa effekter. Så oavsett om du kommer för att få en uppfräschning eller om du lär dig att skapa en prickig linje i Illustrator för första gången, fortsätt att läsa!

I den här artikeln tar vi upp de olika sätten att skapa en prickig linje i Adobe Illustrator och visar hur du gör en sådan i Vectornator.

När ska du använda en streckad linje i grafisk design?

Det finns många anledningar till varför en formgivare vill använda en prickad linje i sin design. Här är några motiv:

• En dekorativ effekt som ger en bild textur.
• Skapa ett prickigt mönster
• För att visa rörelse och riktning, t.ex. att flyga
• Visa riktningen på en karta eller infografik
• Så här skapar du en grafiskt papperseffekt
• Att ge anvisningar, t.ex. var något ska skäras i förpackningsdesignen.
• Att visa var något ska skrivas eller undertecknas
• För att ge instruktioner, till exempel om var något ska vikas

Bildkälla: Dreamstime

Hur man skapar en prickig linje i Illustrator

En "prickad linje" kan ha formen av cirkulära prickar, kvadrater, rektanglar eller vilken form som helst. Prickade och streckade linjer är utbytbara, och instruktionerna nedan omfattar båda formerna.

Det finns några olika sätt att skapa en prickig linje i Illustrator. Vi tar upp tre alternativ nedan. Varför inte prova dem alla för att se vilken metod du föredrar?

Alternativ 1: Skapa prickade och streckade linjer med verktyget Stroke

• Börja med att rita en linje.
• Öppna sedan panelen Utseende genom att navigera till egenskaper-> utseende eller genom att använda genvägen F6 i Windows och Shift+F6 på Mac.
• När panelen för utseende är öppen väljer du "Stroke" (streck), vilket öppnar panelen för streck och ger dig olika alternativ för streck.
• Välj alternativet "streckad linje" i Stroke-paletten. Detta skapar, som du kanske kan föreställa dig, en streckad linje.
• Välj nu "avrundad keps" för att skapa avrundade streck.

• Du kan reducera de rundade strecken till prickar genom att justera streckvikten och avståndsvärdena i streckfönstret. Detta ger en prickig linjeeffekt.
• Om du vill skapa en fyrkantig prick väljer du "Projecting" (projicering).
• Du kan manipulera utrymmet mellan punkterna och strecken genom att öka eller minska värdet för avståndet.

• Du kan ändra färgen på den streckade linjen genom att redigera "Stroke Color" (färg för streck).Om du klickar på det här alternativet öppnas en färgpanel där du kan välja önskad färg.
• Om du vill skapa ett streckmönster eller en strecksekvens som består av olika långa streck eller ett streckmönster kan du leka med streckalternativen och skapa olika sekvenser genom att justera streck- och mellanslagsvärdena.

Alternativ 2: Skapa en prickig pensel med penselverktyget

För den här metoden börjar du med att skapa en cirkel.

• Välj formverktyget i panelen Utseende till vänster. Du bör få alternativen rektangelverktyg, rundad rektangel, ellipsverktyg, polygonverktyg, stjärnverktyg och flareverktyg. Du ska välja ellipsverktyget.
• Håll in "shift" och dra musen för att skapa en cirkel.
• Du kan redigera cirkeln som du har skapat genom att lägga till en fyllning, ändra färgen och justera storleken.
• När du är nöjd med cirkeln navigerar du till window-> brushes. Fönstret brushes visas nu.
• Klicka och dra din cirkel till förinställningssektionen.
• Nu öppnas ett dialogfönster med texten "Välj en ny penseltyp" och du kan välja mellan "Scatter Brush", "Art Brush" och "Pattern Brush".

• Välj "Scatter Brush" och tryck på "Ok".
• Ett annat fönster med ytterligare alternativ för "Scatter Brush" öppnas. Välj "Ok".
• Nu går du till linjeverktyget och drar linjen dit du vill att den streckade linjen ska visas.
• Välj nu den borste som du just har skapat.
• Voila! En streckad linje visas där du just skapade din linje.

• Den kanske inte riktigt motsvarar dina önskemål ännu, så du vill justera den. För att redigera den streckade linjen dubbelklickar du på den pensel du just använde.

• Ett nytt fönster öppnas där du kan justera storlek, färg och vikt på den prickiga linjen och avståndet mellan punkterna. Du kan justera dessa inställningar genom att dra i reglagen. Du kan även slumpa avståndet för att skapa en prickig linje med oregelbundna avstånd mellan punkterna.
• När du är nöjd med ändringarna trycker du på "Ok" och "Apply To Strokes".

Alternativ 3: Blandningsverktyget

Du kan också skapa en prickig linje med hjälp av blandningsverktyget i Illustrator.

• Börja med att skapa en linje med linjeverktyget.
• Skapa nu en cirkel med hjälp av ellipsverktyget. Håll in shift medan du ritar cirkeln för att skapa en perfekt cirkel.
• Därefter ska du duplicera cirkeln. Byt först till verktyget "Selection" (urval).
• Håll sedan ned alt-tangenten, klicka på cirkeln och dra för att skapa en kopia av cirkeln.

Lila cirklar med lila linje

• Markera nu båda cirklarna och navigera till "Object"-> "Blend"-> "Make." Du kan också uppnå samma effekt genom att markera båda cirklarna, växla till blandningsverktyget och sedan klicka på den ena cirkeln och sedan på den andra för att skapa en blandning.

• Markera sedan både blandningen och linjen med urvalsverktyget.
• Navigera till "Object"-> "Blend"-> "Replace Spine".

• Navigera nu till "Object-> "Blend"-> "Blend Options".
• En dialogruta med alternativ för avstånd och orientering öppnas.
• Bredvid "Spacing" (avstånd) väljer du "Specified Steps" (angivna steg) från rullgardinsmenyn.
• Ange nu det antal punkter som du vill ha mellan de två första punkterna som du skapade för att uppnå det önskade avståndet. Om du till exempel anger "2" kommer det bara att finnas två cirklar mellan de två ursprungliga punkterna som du skapade.

• Du kan också välja "Specified Distance" (specificerat avstånd) från rullgardinsmenyn för att ändra värden för avståndet och ställa in avståndet mellan prickarna, vilket resulterar i ett större eller mindre avstånd mellan prickarna.
• Återigen kan du bygga din streckade linje från vilken form som helst med den här metoden.

Prova ett Illustrator-alternativ

Om du är intresserad av att prova ett Illustrator-alternativ för macOS kan du prova Vectornator. Det är utformat för att vara mycket användarvänligt samtidigt som det har samma standard och funktionalitet som branschstandardprogram som Illustrator. Vi har sammanställt en guide nedan om hur du skapar en prickig eller streckad linje i Vectornator.

Titta på GIF:en nedan för en snabb handledning om hur du gör en prickig linje i Vectornator, och följ instruktionerna som vi har skrivit under.0

• Börja med att skapa en linje med pennverktyget. Om du behöver hjälp med att lära dig hur du arbetar med pennverktyget kan du läsa mer om det här.
• Du kan skapa en rak linje, en böjd linje eller en hel form.
• När du är nöjd med linjen går du till inspektören till höger på skärmen och klickar på växeln bredvid "Stroke" för att aktivera den.
• Menyn för streck visas nu.
• Du kan justera alla inställningar för streck i den här menyn, från streckbredd till form och färg för streck.
• På samma sätt som i Illustrator väljer du en rundad lucka för att få en prickig linje.
• Om du vill ändra strecket till en prickig eller streckad linje går du till avsnittet "Dash" (streck) i streckmenyn.
• Lägg in ett värde i rutan till vänster. Detta bestämmer längden på varje punkt eller streck. Du kan välja vilket värde som helst till att börja med och justera det efter behov under arbetets gång.
• Gå nu över till avsnittet "Gap" i din streckmeny och skriv in ett värde i rutan till vänster. Detta kommer att avgöra hur stort gapet mellan punkterna eller strecken ska vara.
• Om du vill att alla prickar ska vara lika stora och ha lika stora avstånd mellan dem, ska båda rutorna under "Dash" (streck) och "Gap" (avstånd) ha samma värden.
• För att skapa variation i mönstret kan du justera värdena i varje ruta för att skapa olika storlekar på luckor och strecklängder.
• När du har skapat den önskade prickiga streckningen kan du välja något av samma verktyg för att rita med den. Detta gör det mycket enkelt att skapa prickiga former som en linje, kvadrat eller cirkel.

Lite inspiration från Dotted Line

Nu när du vet hur man gör en prickad linje i både Illustrator och Vectornator kan du titta på exemplen nedan för att få idéer om olika sätt att använda prickade linjer.

Visa rörelsen på en karta

Det är ganska vanligt att man på kartor ser vridande och vändande streckade linjer, som fungerar bra för att visa riktningen på något.

Visa skärningsinstruktioner

Den streckade eller streckade linjen som föregås av en saxikon är en universell indikation på var något ska klippas. Det här är förmodligen något som du kommer att stöta på om du sysslar med förpackningsdesign.

Bildkälla: Dreamstime

Textur och dimension

Prickiga och streckade linjer ger bilderna textur och dimension. De kan se bra ut i illustrationer, särskilt abstrakta geometriska mönster som det nedan.

Bildkälla: Dreamstime

Infografik

Prickade och streckade linjer är utmärkta för att kommunicera riktning i infografik, som i bilden nedan.

Bildkälla: Dreamstime

Är du redo?

Förhoppningsvis känner du dig inspirerad och har fått den kunskap du behöver för att skapa prickiga linjer och prickiga mönster i Adobe Illustrator och Vectornator.

Vi är alltid intresserade av att se vad vår community skapar, så om du känner dig inspirerad att dela din design med prickig linje med oss, se till att skriva en rad till oss i våra DM:s!