Gillar du den här guiden? Vill du att vi ska fortsätta göra fler guider? - läs mer här » 

skriv ut»

Banor -grunden till arbete med vektorgrafik (9)

Det finns ett flertal olika metoder för att skapa vektorbaserade illustrationer i Illustrator. Vektorbilderna är ändå i grunden uppbyggda av banor och ankarpunkter. För att redigera dem bör du kunna hantera Ritstiftet (Pen).

Banor, segment och ankarpunkter

En bana (path) skapas av ett eller flera segment. I början och slutet av varje segment finns det ankarpunkter (anchor points) som fungerar som ett slags "ändstoppar" till linjen. Själva redigeringen av segmentet/banan sker alltså med hjälp av ankarpunkterna.

I exemplen nedan ser du vilka punkter som är markerade genom att de är helfyllda med blå färg:

          

 

En bana är antingen öppen eller sluten. Om banan är öppen finns det en startpunkt och en slutpunkt, sk ändpunkter.

 

Banor kan ha två sorters ankarpunkter: hörnpunkter (corner points) och kurvpunkter (smooth points). Hörnpunkt är en punkt där riktningen på banan ändras medan en kurvpunkt ger en kurva. I exemplet nedan är bägge formerna i grunden lika med ankarpunkterna i exakt samma position. Skillnaden är att med kurvpunkter skapas en cirkel och hörnpunkterna ger en kvadrat:

 

Skapa nytt dokument/jobb

I de nya dokumenten du skapar kan enheten variera mellan punkter, pixlar, picas, millimeter, centimeter och tum. Vilken enhet du föredrar beror kanske på var du ska använda slutresultatet. Tänker du använda illustrationen på bildskärm, tex websidor så kan du använda enheten pixlar. Tänker du göra en trycksak kollar du först formatet med tryckeriet/reprobyrån och väljer enhet därefter. För utskrift på skrivare passar det bra med millimeter eller centimeter. Färgsystemet är också beroende på var du ska använda illustrationen slutligen. För bildskärmsvisning (web mm) använder du RGB-systemet och för trycksaker använder du CMYK-systemet.

RGB

RGB-färger kallas "additiva" färger därför att VITT skapas av R, G och B tillsammans. Allt ljus reflekteras till ögat. Additiva färger används för ljussättning TV-skärmar, bildskärmar mm. Din egen bildskärm skapar färger genom att belysa ljus genom rött, blått och grönt fosfor.

CMYK

Då RGB skapas av en ljuskälla är CMYK beroende av ljusabsorberande tryckfärg på papper. Färger som inte absorberas reflekteras synliga till ditt öga. Genom kombinera alla färger Cyan (C), Magenta (M) och Gult (Y) skulle resultatet bli SVART, därför kallas färgerna för "subtraktiva" färger. Nu används även Svart tryckfärg för att få ett bättre skuggomfång. (K står för "key-color" eller "blacK"). när alla CMYK-färger används kallas det fyrfärgstryck.

1. Byt enhet till den du tänker använda oftast i menyn ""Redigera/Inställningar.../Enheter och Ångra" (Edit/Preferences.../Units&Undo). I övningen har vi valt millimeter för att lätt kunna skriva ut och se slutresultatet i A4-storlek.
   
   
2. Skapa ditt nya dokument med menyn "Arkiv/Nytt..." (File/New...) och välj CMYK och den pappersstorlek du har i skrivaren, i vårt fall A4, 210x297 mm:
   
   
3. Innan du provar att använda ritstiftet kan det vara bra att ha ett stöd i form av linjer att följa. Antingen kan du använda stödlinjer (guides) eller ett rutnät, stödraster (grid). Om du använder stödrastret kan du ändra avståndet och antalet linjer i rutnätet.
   Välj menyn "Visa/Stödraster" (Show/Grid) och gå sedan till inställningsmenyn "Redigera/Inställningar/Stödlinjer & stödraster" (Edit/Preferences/Guides & Grid). Ange tex att du vill ha en stödrasterlinje var 20:e millimeter och delat med 4, dvs 5 millimeter mellan varje linje:
   
   
   
   ...och så här kan din sidvisning se ut med stödraster:
   
   
4. Avsluta med att se till att dina banor och objekt fäster mot stödrastret med menyn "Visa/Fäst mot stödraster" (View/Snap to Grid):
   
   

 

Ritstiftets grunder 1

Använd Ritstiftet (Pen) och de olika tillhörande verktygen i undergruppen för att skapa banor, segment och ankarpunkter. För att markera banor använder du inte det vanliga Markeringsverktyget utan istället det speciella banmarkeringsverktyget, Direktmarkering (Direct selection).

1. Börja med att rita en rak linje. Välj Ritstiftet (Pen) och klicka där du vill starta banan, följ gärna stödrastrets skärningar. Klicka sedan där du vill ha den andra ankarpunkten:
   
        
2. För att fortsätta på samma bana men med en kurva så klickar du i den punkt du senast gjorde (om du har avmarkerat den) klicka+dra snett höger:
   
   Klicka och dra...
   
   
   ...till höger och du skapar en kurva.
   
   
   Nu har du skapat en form som består av en öppen bana.
3. Fortsätt med formen genom att klicka nedanför
   den förra ankarpunkten:
   
   
   
   ...det skapas en kurva eftersom föregående
   ankarpunkt var en kurvpunkt.
   
4. Klicka till vänster om föregående hörnpunkt
   för att få en rak linje:
   
5. Avsluta med att binda ihop ankarpunkterna till
   en sluten bana genom att klicka i samma punkt
   som du startade banan med. Notera att symbolen
   för att sluta en bana är en cirkel.
   
6. Byt verktyg till Direktmarkering och klicka
   utanför din form/bana för att avmarkera.
   

 

Konvertera hörnpunkter till kurvpunkter

Din form består av en bana med 5 st ankarpunkter varav en är en kurvpunkt (smooth point). Genom att växla på ankarpunkterna mellan hörnpunkter (corner points) och kurvpunkter ändrar du formen.

1. Med verktyget Direktmarkering klickar du först på formen för att markera banan igen. Klicka sedan en gång till i den övre vänstra ankarpunkten för att markera just den. Här gäller det att kolla så att bara den ankarpunkten är "fylld blå" och ingen annan punkt!
   
   Markerad bana men omarkerad ankarpunkt...
   
   
   ...och med markerad ankarpunkt
   
2. Byt verktyg till "Omvandla riktningspunkt" (Convert anchor point) för att ändra hörnpunkten till en kurvpunkt. (Ligger i gruppen under Ritstiftet).
   Klicka och dra uppåt åt höger för att få riktningshandtaget synligt:
   
   klicka med verktyget
   
   
   ...och dra uppåt åt höger
   
   
   
   ...och hörnpunkten konverteras till en kurvpunkt!
   

 

Ritstiftets grunder 2

För att förstå hur de olika banorna skapas när du ritar med ritstiftet kan du prova att rita en zickzacklinje och en vågig linje.

1. Börja med att avmarkera andra banor genom att klicka utanför dem med verktyget Direktmarkering (Direct selection).
2. Välj Ritstiftet (Pen) och klicka ut punkter i ett zickzack-mönster:
   
   
3. Avmarkera banan med Direktmarkering .
   
   
   TIPS! För att välja direktmarkering tillfälligt under ritning håller du ner CTRL-tangenten. Du kan också växla med tangenten A för och P för
   
   Rita nu en vågig linje genom att klicka+dra med Ritstiftet. Följ gärna rutnätet så blir din kurva jämn.
   
   klicka ut startpunkten
   
   
   
   klicka+dra höger
   
   
   
   klicka+dra höger
   
   
   osv...
   
   
   
   
   
   
   
   
   
   Välj (eller CTRL+klicka) utanför banan för att avmarkera den.
   
4. I den vågiga formen är alla ankarpunkter utom startpunkten sk kurvpunkter. För att göra om även startpunkten för att få böjningen lika som i slutpunkten måste du använda verktyget "Omvandla riktningspunkt" (Convert anchor point) för att omvandla hörnpunkten:
   
   klicka+dra åt höger ifrån startpunkten
   
   
   ...och avmarkera banan. Din form är nu perfekt!
   

Copyright © w w w . w e b d e s i g n s k o l a n . s e
Materialet får skrivas ut och användas för personligt bruk.
Användning i undervisningssyfte är ej tillåten utan vårt tillstånd - läs mer här »