Så här Vektoriserar du en bild

det finns några sätt att vektorisera en bild. I den här guiden kommer vi att använda Adobe Illustrator, och specifikt ”Pen Tool” (P), vilket är den vanligaste metoden.

1. först måste vi välja vår basbild eller bild. I det här fallet kommer jag att använda ett fotografi av Colosseum i Rom som jag tog för några år sedan (tillgänglig via Adobe Stock).

1. när du har din bild klar att gå, öppna Adobe Illustrator CC och skapa ett nytt dokument.,

för denna handledning kommer vi att skapa en 5000 x 4000 px art board med en RGB-färgprofil.

1. placera din bild i mitten / botten av dokumentet och blockera den på lagpanelen och klicka på ikonen ”Lås”. Eller välj bilden och tryck på ”cmd+2” (genväg för att blockera element). Detta hjälper dig att hålla från att flytta bilden under spårningsprocessen.

1. för att starta spårningsprocessen, gå till verktygspanelen och välj ”Pen tool” (genväg: ”P”).,

nu måste vi rensa fyllfärgen och lämna bara linjefärgen.

Välj en ljus färg som skiljer sig från fotofärgschemat. Detta kommer att bidra till att du kan se linjerna under de närmaste stegen. Färgen spelar ingen roll vid denna tidpunkt, vi kommer att ändra det senare.

1. vi startar spårningsprocessen (vektorisera) från de mest distinkta formerna i bilden och slutar med de mindre detaljerna., För denna övning kommer vi också att ”hålla det enkelt” när det gäller former och detaljer, vilket kommer att generera en viss ”illustration” stil av Colosseum.

nu, med ”pennverktyget”, måste vi lägga till en enda punkt där vi vill starta sökvägen. I det här fallet, längst upp till vänster i Colosseum.

efter den första punkten, flytta till höger för att ställa in den andra ankarpunkten på din väg.

flytta markören tills den första sprickan på toppen.,

håll musen / pennan efter att ha lagt till den andra punkten och flytta den till sidorna för att ordna kurvan på din väg och placera den i samma position som vertexen i toppen.

följ hela silhuetten av byggnaden, lägga till fler poäng och kurvor med ”Pen Tool” (p). Stäng vägen på samma plats som vi började.

1. med coliseums kontur klar kan vi börja skapa de inre bågarna-igen med samma ”pennverktyg” (P).,

1. vid denna tidpunkt ska din bild se ut som följande i ”normal vy”:

i ”outline” förhandsgranskningen (genväg ”CMD+Y”) ska det se ut så här:

i ”outline” preview (genväg ”CMD + Y”) ska det se ut så här:

1. efter att ha avslutat alla bågar (de näst mest särskiljande formerna av bilden) kan vi flytta till de horisontella linjerna och hoppa sedan till byggnadens pelare. Kom ihåg att vi kommer att förenkla detaljerna, så spendera inte för mycket tid på dem, Följ bara huvudformerna.,

i detta skede av vår spårningsprocess slutför du alla former som vi vill ha i vår komposition. Nedan är hur det kommer att se ut.

(Du kan dölja bilden av bakgrunden bara klicka på ”eye” – ikonen från lagpanelen-eller välj bilden och tryck på ”cmd+3”.)

1. nu kan vi välja den färg vi vill använda för vår slutliga illustrerade vektor. Låt oss börja med en varm färgpalett, med 5 toner och en gradient – mörkare till de ljusare färgerna.,

1. lägg nu till en rektangel som bakgrund med hjälp av ”rektangelverktyget” (M). Fyll i hela artboard och välj den ljusare färgen från vår palett.

se till att detta lager är på baksidan av alla andra lager. (Gör detta genom att välja rektangeln och klicka på höger musknapp, ”ordna” och sedan ”skicka tillbaka”.)

då kan vi välja Colosseums kontur och välja den andra färgen (titta på färgschemat från vänster till höger).,

för bågens insida använder vi gradienten för att fylla dem. Välj dem alla och välj gradienten med ”Eyedropper Tool” (I).

Nu kan vi flytta för att fylla pelarna med färg, liksom resten av detaljerna. Tänk på skuggorna och lamporna på originalbilden som referens.,

med alla vägar fyllda, vår vektoriserade illustration ska se ut så här:

nu är din vektor illustration redo för alla designprojekt, eller att ladda upp till Adobe Stock.

i det här fallet, låt oss använda en gratis mall från Adobe Stock för att skapa en affisch om Rom.

det är det! Du har skapat en animerad vektor från ett fotografi!

---