Det finns två typer av digitala bilder: raster och vektorer.
Rasterbilder består av individuella pixlar och innehåller enorma mängder detaljer. Du kan dock inte förstora dem utan att förlora kvalitet.
En vektorbild är gjord av linjer och former. De är vanligtvis mindre detaljerade, men du kan göra dem så stora som du vill utan att förlora något.
När du har en rastergrafik som är för liten för dina behov är lösningen att konvertera bilden till en vektor, och du kan göra detta i Adobe Illustrator. Det är en snabb och enkel process och ger utmärkta resultat. Så här konverterar du en bild till en vektor med Adobe Illustrator.
Vad är en vektorbild?
En vektorbild är en skalbar bild som består av värden snarare än pixlar.
De flesta bilder som hittas på nätet är rasterbilder. Rasterbilder använder kvadratiska pixlar (bitar av färg) för att förmedla en bild. Vektorgrafik förmedlar färg med hjälp av skalbara färgpolygoner. Eftersom vektorbilder använder dynamiska färgsektioner istället för statiska rutor, ger de perfekta linjer och skarpa färger.
Geometrin som omfattar vektorbilder är formel, vilket gör dem upplösningsoberoende. Det betyder att bilder inte förlorar kvalitet när de skalas upp eller ned, eftersom färgpolygonerna i en vektorbild alltid kommer att behålla sin form. Detsamma gäller inte för rasterbilder, eftersom färginformationen för dessa bilder sträcks ut när de skalas.
Du kan enkelt se skillnaden mellan de två typerna av bilder genom deras filformat. Rasterbilder är vanliga bildtyper som JPG och GIF, medan vektorbilder vanligtvis har formatet SVG, EPS eller AI.
När du väl vet hur man konverterar en JPG-fil till en vektor i Adobe Illustrator, kommer du att kunna skala allt du hittar till den storlek du vill ha – utan att förlora bildkvalitet. Så låt oss börja med att förvandla en bild till en vektor.
Steg 1: Välj en bild att konvertera till vektor
Bilden du använder spelar ingen roll när du använder följande process, förutom det faktum att större bilder kommer att ta längre tid att redigera. Det finns dock vissa bilder som fungerar bättre som vektorbilder än andra.
Det är bättre att redigera ett enstaka motiv än ett landskap eller liknande. Helst ska bilden ha en vit eller transparent bakgrund och ha en relativt låg upplösning. Det måste vara i ett format som JPG, GIF eller PNG.
Vi kommer att använda bilden av Ryu från Street Fighter-serien ovan. Det fungerar som ett perfekt exempel av olika anledningar. För det första är det ett enda ämne. Det lämpar sig också bra för ett vektorbildformat, eftersom det är en igenkännbar karaktär. Vektorbildformatet används vanligtvis för logotyper, ikoner eller igenkännbara bilder.
Steg 2: Välj en förinställning för bildspårning
Illustrator har ett specialverktyg som låter dig vektorisera bilder. Den heter Image Trace och den kommer med en rad förinställningar som gör det mesta av jobbet automatiskt.
I stort sett bör du använda förinställningen för bildspårning som mest liknar den typ av bild du konverterar, eftersom var och en ger olika resultat.
Dina alternativ är:
High Fidelity-foto och Low Fidelity-foto. Dessa producerar mycket detaljerade respektive något mindre detaljerade vektorbilder. De är idealiska för foton eller komplexa konstverk, som exempelbilden vi använder. 3 färger, 6 färger, och 16 färger. Dessa förinställningar matar ut vektorbilder med tre, sex eller 16 färger. De är perfekta för logotyper eller konstverk med många platta färger. Nyanser av grå. Denna förinställning ger en detaljerad gråskalebild. Svart och vit logotyp. Detta skapar en enkel logotyp med två färger – svart och vit. Skissad konst, Silhuetter, Linjekonst, och Teknisk ritning. Dessa används bäst för specifika typer av bilder och skapar svartvita, övervägande linjebaserade ritningar.
För att komma igång, öppna din bild i Illustrator och välj den för att aktivera bildalternativen. Dessa alternativ bör finnas överst i ditt Illustrator-fönster.
Klicka på rullgardinspilen bredvid Bildspårning för att välja din Förinställa. Vi kommer att använda Low Fidelity-foto. Klicka på den för att börja spåra.
Steg 3: Vektorisera bilden med bildspårning
När du klickar på knappen går din bild automatiskt igenom spårningsprocessen. Du kommer att märka flera förändringar i din bild, men överlag bör den förbli ungefär densamma. Följande är till exempel en närbild av vår bild innan spårningsprocessen.
Notera pixeleringen. Här är bilden efter processen:
Även om mycket av detaljerna har tagits bort från originalbilden, verkar den spårade versionen mycket skarpare. Du kommer att notera att färgformerna inte pixlar oavsett hur nära bilden zoomas.
Utzoomad ska bilden se nästan likadan ut. Här är vår övergripande bild före redigering:
Här är vår bild efter redigering:
Även om den översta bilden kan verka skarpare i vissa fall, är kvaliteten på vår vektoriserade bild fortfarande ganska imponerande.
Steg 4: Finjustera din spårade bild
När du har spårat bilden öppnar du Bildspårning panel från Fönster menyn för att finjustera konverteringen.
Välj Läge för att växla mellan färg, gråskala och svartvitt. Dra också Färger skjutreglaget åt vänster för att förenkla din vektorbild, eller höger för att lägga till fler detaljer.
Om du är nöjd med dina inställningar och vill återanvända dem, klicka på Hantera förinställningar knappen bredvid alternativet Förinställningar. Du kan nu spara dina inställningar som nya Förinställa.
Steg 5: Dela upp färger
Din bild har nu beställts i färgade former som passar den ursprungliga rasterbilden. För att avsluta vektoriseringen av din bild måste du separera dessa färggrupper för att redigera dem. För att göra det, välj din spårade bild och klicka på Bygga ut knappen längst upp i fönstret.
Detta gör att du kan se de sammansatta formerna som utgör vektorbilden. Var och en av formerna är konturerade i blått. Högerklicka sedan på bilden och välj Dela upp gruppen i menyn. Detta gör att du kan dela upp dina färgformer i enskilda delar.
I din Skikten panelen ser du att dina färggrupper har separerats i lager.
Steg 6: Redigera din vektorbild
Efter att ha konverterat en rasterbild till en vektor har du free område för att redigera bilden.
Börja med att ta bort de färggrupper du önskar. Du kan välja hela färggrupper genom att klicka på en form och gå till Välj > Samma > Fyllningsfärg. Detta kommer att välja alla grupper med samma färg som den som valts med din Direktval verktyg (A).
Slå sedan Backsteg på tangentbordet för att ta bort formerna. Om du vill ändra eller utöka en viss färggrupp kan du också göra det genom att välja ett lager med Direktval verktyg. När du har valt ett lager, fyll i tomma utrymmen eller lägg till ytterligare färger till din design med hjälp av Penna eller Borsta verktyg.
Steg 7: Spara din bild
Här är originalbilden efter att ha tagit bort den irriterande vita bakgrunden och ändrat bilden något med metoden som presenteras ovan.
Nu är vi redo för det sista steget i att konvertera en bild till en vektor i Illustrator: att spara bilden i ett vektorformat för att bevara dess kvalitet. Det finns en mängd olika vektorbildformat att välja mellan: PDF, AI, EPS, SVG och andra. Vi kommer att använda SVG format, som har brett stöd för alla designprogram och som även stöds på webben.
När du är klar med din bild, gå till Arkiv > Exportera > Exportera som. I följande fönster, namnge filen och välj SVG i rullgardinsmenyn bredvid Spara som typ.
Det är allt. Din skalbara vektorfil bör nu sparas på din dator.
Det är lätt att lära sig att vektorisera en bild
Nu vet du hur man konverterar en bild till en vektor i Illustrator. Du kan skala din nya skapelse till vilken dimension du vill, utan kvalitetsförlust.
Tänk på att komplexa vektorfiler kan vara betydligt större än sina rastermotsvarigheter. Det betyder att de kan ta längre tid att ladda och redigera. Ändå kommer din vektorbild att behålla sin kvalitet oavsett skala.
Om författaren
Andy Betts (217 publicerade artiklar)
Andy är frilansskribent och juniorredaktör för Android på MUO. Han har skrivit om konsumentteknologi sedan början av 2000-talet för ett brett utbud av publikationer och har en passion för allt som rör mobilt.
Mer från Andy Betts
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, free e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera
