Hvis du er ny på nettsider eller grafisk design, er du kanskje ikke kjent med vektorfiler. Vektorfiler utgjør det meste av kunstverkene du ser på nettet og på trykk, men de må lages møysommelig i et spesialisert program. Siden de fleste av oss bare ser dem, har å lage og redigere dem vært jobben til den profesjonelle grafiske designeren.
Men vektorer blir mer og mer utbredt. De er også veldig nyttige hvis du prøver å gi nettstedet ditt et tilpasset utseende. Her er en titt på nøyaktig hva som er vektorkunst og hvordan du lager vektorkunst i Photoshop.
Hva er vektorkunst?
Når domenet til den profesjonelle grafiske designeren, har vektorgrafikk blitt mer mainstream ettersom flere og flere mennesker dykker ned i å lage sine egne nettsider og grafikk.
Selv om de sannsynligvis ikke er merkbare for sluttbrukeren, er vektorfiler en viktig del av app- og nettutvikling. Disse filene hjelper nettsteder med å lastes raskere, slik at grafikken ser skarp og profesjonell ut uansett hvor du plasserer den. Fra t-skjortedesign til reklametavler, vektorfiler brukes til alt innen grafikk. Her er en detaljert artikkel om grafisk design, dens ulike typer og programvareverktøy for en aspirerende grafisk designer.
Definisjon av vektorkunst
På de enkleste vilkårene består filene som lager vektorgrafikk av matematikk i stedet for piksler. Et standard rasterfotografi er et kart over biter - et "bitmap", om du vil. Men en vektorfil består av koordinater der linjer, former og designelementer skal vises.
Vektorgrafikk kan være så enkelt som en strektegning eller et komplekst, flerlags kunstverk laget av tusenvis av separate elementer.
Raster vs vektorgrafikk
I en verden av datagrafikk er det to typer - raster og vektor. De fleste er kjent med rastergrafikk. Disse inkluderer JPG-er og PNG-er - typene bildefiler som er tatt av våre digitale kameraer.
På samme måte er sikkert alle kjent med hva som skjer når du zoomer inn på et rasterbilde eller forstørrer det. Bildet blir pikselert. Når du zoomer inn, kan du se hver piksel når bildet blir uskarpt til komponentene. Dette er grunnen til at du ikke kan zoome inn i det uendelige på et digitalt fotografi – det består av bare så mange piksler. Du kan zoome inn på disse pikslene, men bildet ditt mister kvalitet ettersom hver piksel fyller opp mer av skjermen.
Forstå vektorkunstgrafikk
Vektorgrafikkfiler løser dette problemet ved å bygge et bilde med dataprogrammering i stedet for piksler. Se for deg en datafil med en svart horisontal linje. En rasterfil viser et sett med piksler side ved side som alle er svarte. En vektorfil forteller datamaskinen å vise en svart linje trukket fra punkt A til punkt B som er tre punkter bred. Side om side ser de to bildene identiske ut når de vises 100 prosent. Men zoom inn, og rasterbildet vil bli pikselert mens vektorfilen fortsetter å vise en ren linje.
Det klassiske eksemplet på vektorkunst er den typiske utklippskunsten du finner i et publiseringsprogram. Disse enkle strekgrafikkene kan settes inn i enhver publikasjon eller nettside og er vanligvis i vektorformat.
Når du ansetter en profesjonell grafisk designer for å lage en firmalogo, skjortedesign eller plakat, vil du motta en vektorfil i retur. På den måten vil du alltid ha den beste kvaliteten på grafikken uansett hva du gjør med filen.
Men vektorkunst kan være mye mer enn enkel strekkunst. Det kan inkludere farger, mønstre og gradienter. Og kunstnere kan bruke vektorprogrammer til å lage vakre mesterverk – komplekse kunstverk av alt man kan tenke seg. Gode vektorkunstnere kan ta verktøyene og lage et vektorbilde som ser nesten ut som et fotografi.
Viktigheten av vektorkunst i design
I større skala har dette store implikasjoner for datafiler. Der en lavoppløselig rasterfil kan se dårlig ut på en toppmoderne 5K-skjerm, vil vektorfilen se skarp ut som den kan være. Hva om du vil skalere ned kunstverket slik at det passer på et visittkort? Trykkeriet kan ta vektorfilen din og skalere den slik de vil. På samme måte kan det sprenges og legges ut på en reklametavle.
Hva er en vektorfil?
Sannsynligvis den største forskjellen når det kommer til raster versus vektorfiler er kompleksiteten. De fleste av oss har jobbet med rasterfiler. Hvis du noen gang har doodled med et program som Microsoft Paint, vet du hvordan du lager et. De fleste verktøyene i Photoshop er rasterverktøy.
Men å lage en vektorfil er mer komplisert. Du kan tegne en linje på frihånd, men de beste resultatene kommer fra å bruke et pennverktøy for å tegne perfekt jevne baner på siden. Du kan kontrollere jevnheten eller skarpheten til hver kurve og tykkelsen og fargen på hvert strøk.
Photoshop og andre rastergrafikkprogrammer kan ha noen begrensede evner til å håndtere vektorfiler. Photoshop, spesielt, har noen få vektorverktøy til å begynne med, men det er langt fra et fullverdig vektorprogram.
Den bedre taktikken er å bruke et program spesielt for å håndtere vektorfiler. Bransjestandarden er Adobe Illustrator. Men det er selvfølgelig mange alternativer.
Som rasterverdenen har JPG, GIF og PNG, har vektorverdenen noen få standard filtyper som fungerer på tvers av alle vektorprogramplattformer. De vanligste er EPS-filer (Encapsulated PostScript) og Scalable Vector Graphics (SVG)-filer.
EPS-filer er et eldre format som har høyoppløselige detaljer for trykkerier. De er et utdataformat og kan ikke redigeres. Du lager med andre ord filen i programmets format (.AI for Adobe Illustrator) og lagrer den i EPS for sending til trykkeriet. Mac-datamaskiner kan åpne en EPS for visning i forhåndsvisning. Windows-maskiner vil imidlertid trenge en egen applikasjon.
SVG-filer er mer passende for små filpakker som brukes i nettsteddesign. SVG brukes til todimensjonal grafikk som diagrammer, illustrasjoner og infografikk. I motsetning til EPS er det nettvennlig som et JPG-bilde er. Som et resultat vil enhver nettleser vise en SVG-fil.
Fordeler og ulemper med vektorfiler
Så når bør du bruke vektorkunst, og når bør du velge en pålitelig gammel jpeg? Her er en titt på fordeler og ulemper med vektorgrafikk.
Vector fordeler
- Skalerbar - du kan lage vektorfiler så små eller så store du vil uten å endre kvaliteten på produktet
- Nøyaktig - du kan lage linjer, kurver og former med barberhøvellignende presisjon
- Mindre filer for nettbruk gjør at nettsteder lastes raskere
- Animasjoner er enkle å lage fra vektorfiler og vil være mindre, enklere filer enn en rasterekvivalent
- Enkelt å redigere med riktig program og kunnskap - du kan raskt og enkelt endre én farge eller form uten å påvirke de andre elementene i en layout
- Konverterer enkelt til rasterbilde om nødvendig
Vector Ulemper
- Krever spesialisert kompetanse og tid til å redigere og lage - de fleste vet ikke hvordan de skal jobbe med vektorfiler
- Begrenset antall programmer som redigerer dem
- Mindre detaljer for komplekse ting som naturlig skyggelegging i bilder
- Vanskelig å lage fra et rasterbilde - krever vanligvis timer å tegnes på nytt for hånd
Beste vektorgrafikkprogramvare for å lage vektorer
Det finnes bokstavelig talt dusinvis av programmer for å bygge og redigere vektorfiler. Her er bare noen av de vanligste.
Adobe Illustrator
Akkurat som Photoshop dominerer den profesjonelle rasterbildesektoren, er Illustrator det beste for profesjonelle grafiske designere. Programmet har eksistert i årevis og er analogt med Photoshop. Det er like komplisert, like fullverdig og like dyrt. Illustrator er en del av Adobe Creative Suite/Cloud-programvarefamilien.
Affinity Designer
Siden Adobe introduserte sine månedlige abonnementspriser, har flere selskaper tilbudt grafikkprogrammer med alle funksjoner for å konkurrere. Affinity Designer, laget av Serif Europe, har 90 prosent eller mer av mulighetene til Illustrator, men for en engangs programvarelisens i stedet for en månedlig avgift. Den kan fungere med PDF- eller Photoshop-filer, pluss Illustrator AI-filer.
Inkscape
Inkscape er et gratis vektorprogram med åpen kildekode som bruker SVG som sitt opprinnelige format. Den kan også håndtere mange andre formater, inkludert Illustrator- og CorelDRAW-filer. Selv om den ikke har så mange funksjoner som Illustrator eller Designer, har den mye til å lage vakre vektorgrafikk. Inkscape sammenlignes ofte med GIMP, en lignende åpen kildekode-løsning for rasterbilder.
Coreldraw
Corel er et gammelt navn innen grafikkprogramvare, men det er fortsatt fanebæreren innen skiltproduksjon og motedesign. Den har over 50 filtre for import og eksport av filhåndtering. Imidlertid er det ganske begrenset sammenlignet med andre vektorprogrammer. Corel Designer var selskapets dedikerte vektorhåndteringsprogram og ble foretrukket i ingeniørdesignsektoren. Funksjonene har nå blitt rullet inn i CorelDRAW Technical Suite.
Skisse
Sketch er kun tilgjengelig for macOS. Det brukes først og fremst av de som lager brukergrensesnitt eller brukeropplevelsesgrafikk, så det inkluderer ingen funksjoner for utskriftsdesign. Men hvis du er en Mac-bruker som leter etter en app for vektordesign av nettsteder, er Sketch verdt en titt.
Les vår artikkel om 21 beste programvare for grafisk design for designere i 2023.
Sjekk ut disse artiklene om grafisk design
Her er noen gode tips for å lage unike vektorkunstverk
En ting å spørre deg selv er, hva er vektorkunst for deg? Vil du ha et ekte vektorkunstverk, eller er det vektorestetikken du er ute etter? Vektorfiler har en unik stil, og forskjellige designere får det til på forskjellige måter. Men en nesten komisk følelse av linjene og fargene gjør den interessant og perfekt for grafiske prosjekter.
Så hvis du allerede er en Photoshop-bruker, kan du vurdere å dele opp hvordan du kan lage kunst i vektorstil til deler som er enkle å oppnå. Du trenger ikke lære alt på en gang. Det er mange apper og filtre der ute som raskt og enkelt kan vektorisere et bilde til en vektorliknende kunstfil.
Slik bruker du vektorkunst på nettstedet ditt
SVG-vektorfiler er mye brukt i moderne nettstedsgrafikk. De brukes i knapper, ikoner og andre brukergrensesnittelementer og ulike designelementer på siden. For eksempel er firmalogoer nesten universelt vektorbaserte, selv om det noen ganger er vanlig å konvertere vektorfilen til en raster JPG eller GIF for nettbruk.
Noen nettsider har mer grafikk enn andre, så mye avhenger av hvordan du vil at siden skal se ut. Vanlige nettsideelementer inkluderer tekstblokker, fotografier og annen grafikk. Hvis det du har som mål å gjøre faller inn i kategorien "annen grafikk", er et vektorbilde sannsynligvis veien å gå. Å gjøre alt som et rasterbilde vil sannsynligvis lastes for sakte og se klønete ut.
En vinnende grafisk designerportefølje er avgjørende hvis du ønsker å gjøre en vellykket karriere i designbransjen. Her er det noe fantastiske designporteføljer på Pixpa som garantert vil inspirere deg til å lage ditt porteføljenettsted.
Din nettportefølje er nøkkelen til å tiltrekke og imponere potensielle arbeidsgivere, kunder eller samarbeidspartnere. Designporteføljenettsteder må gå lenger enn bare å vise frem designene dine. Du må også tenke ut av boksen, avdekke ditt kreative geni, finne ditt uttrykk og presentere arbeidet ditt på best mulig måte. Vi hadde satt sammen tidligere en guide til å bygge din designportefølje, en må-lese for alle som seriøst om grafisk design som en karrierevei.
Sørg for at porteføljebyggeren du velger tilbyr fleksibiliteten, funksjonene og brukervennligheten du trenger for å sette sammen et profesjonelt nettsted uten å kreve noen kodekunnskap. Det er der litt inspirasjon kommer godt med. Pixpa er en nettstedsbyggerplattform som er klarert av kreative proffer rundt om i verden.
Hvordan lage vektorkunst i Photoshop
Den beste løsningen for vektorgrafikk er Illustrator eller et av de andre vektorprogrammene, som Designer eller Inkscape. Hvis du allerede har Photoshop, er det imidlertid noen få verktøy du kan leke med for å bli komfortabel med prosessen.
Grunnlaget for vektorarbeid er pennverktøyet. Penneverktøyet tegner en linje – eller en bane, som det kalles i vektorgrafikk – mellom punkter mens du klikker på skjermen. Hvert punkt du klikker blir en node. Du kan angi hver node for å kontrollere hvordan banen går gjennom. For eksempel, gjør noden et punkt, som i spissen av en trekant? Eller utgjør den toppen av en kurve? Du kan kontrollere den nøyaktige vinkelen på kurven ved å bruke håndtakskontroller ved noden. Du kan fortsette å legge til noder med pennverktøyet til du lukker banen og lager en egendefinert form.
Banen er ikke synlig i kunstverket før du programmerer hvordan du vil at det skal se ut. Et strøk legger til en linje over kurven, og du kan angi bredden. Formverktøyet lar deg legge ned stier i ofte brukte former som rektangler, sirkler eller stjerner. Du kan angi streken for en form, som skal være dens omriss, eller fylle den med en farge, tekstur eller gradient. På figurer kan du kontrollere hver node for å justere den slik du vil.
Med disse få enkle vektorverktøyene kan du lage et helt bilde. De fleste vektorfiler er lag på lag med kryssende elementer. Når du har den grove bruken av pennen og formverktøyene, kan du leke med programvaren for å utvikle et hvilket som helst design du liker.
Å få en følelse av disse grunnleggende vektorverktøyene er viktig før du går videre til å prøve et sluttprodukt. De er grunnlaget for hvert vektorprogram der ute, og selv om de kan se litt annerledes ut, fungerer de alle i hovedsak det samme.
Det er også mulig å skjule rasterbilder til vektorfiler ved å bruke noen få verktøy i Photoshop. Dette fører sjelden til perfekte resultater med en gang, men det gir et flott utgangspunkt hvor du kan lære mer om hvordan du lager vektorkunst i Photoshop. Denne taktikken gir deg åpenbart ikke fordelen av å ha den endelige SVG-vektorfilen, men den gir deg utseendet til kunstverket.
Skriv en vei til fremtiden din, og fyll den med vektorkunst
Når du først starter, kan vektorfiler føles skremmende å jobbe med. Men etter hvert som du bygger erfaring med å jobbe med pennverktøyet, former, streker, fyllinger, vil du raskt finne de grunnleggende byggeklossene som lager disse filene. Hvis du er ny for dem, vil du også bygge en forståelse for kunstnere som jobber i dette presise og vakre mediet.