Hvis du er ny til hjemmeside eller grafisk design, er du måske ikke bekendt med vektorfiler. Vektorfiler udgør det meste af det kunstværk, du ser online og på tryk, men de skal møjsommeligt laves i et specialiseret program. Da de fleste af os kun ser dem, har det været den professionelle grafikers opgave at skabe og redigere dem.
Men vektorer bliver mere og mere udbredte. De er også super nyttige, hvis du forsøger at give din hjemmeside et tilpasset udseende. Her er et kig på, hvad der præcist er vektorkunst, og hvordan man laver vektorkunst i Photoshop.
Hvad er vektorkunst?
Når først domænet for den grafiske designprofessionelle, er vektorgrafik blevet mere mainstream, da flere og flere mennesker dykker ned i at lave deres egne hjemmesider og grafik.
Selvom de sandsynligvis er umærkelige for slutbrugeren, er vektorfiler en vigtig del af app- og webudvikling. Disse filer hjælper websteder med at indlæse hurtigere, så din grafik ser skarp og professionel ud, uanset hvor du placerer dem. Fra t-shirtdesign til reklametavler bruges vektorfiler til alt inden for grafik. Her er en detaljeret artikel vedr grafisk design, dens forskellige typer og softwareværktøjer til en håbefuld grafisk designer.
Definition af vektorkunst
I de enkleste vendinger består de filer, der laver vektorgrafik, af matematik i stedet for pixels. Et standard rasterfotografi er et kort over bits - et "bitmap", om man vil. Men en vektorfil består af koordinater, hvor linjer, former og designelementer skal vises.
Vektorgrafik kan være så simpelt som en stregtegning eller et komplekst kunstværk i flere lag lavet af tusindvis af separate elementer.
Raster vs vektorgrafik
I computergrafikkens verden er der to typer - raster og vektor. De fleste mennesker kender til rastergrafik. Disse omfatter JPG'er og PNG'er - de typer billedfiler, der er optaget af vores digitale kameraer.
Ligeledes er alle sikkert bekendt med, hvad der sker, når man zoomer ind på et rasterbillede eller forstørrer det. Billedet bliver pixeleret. Når du zoomer ind, kan du se hver pixel, når billedet sløres til dets komponenter. Dette er grunden til, at du ikke kan zoome ind i det uendelige på et digitalt fotografi – det består kun af så mange pixels. Du kan zoome ind på disse pixels, men dit billede mister kvalitet, da hver pixel fylder mere på din skærm.
Forståelse af vektorkunstgrafik
Vektorgrafikfiler løser dette problem ved at bygge et billede med computerprogrammering i stedet for pixels. Forestil dig en computerfil med en sort vandret linje. En rasterfil viser et sæt pixels side om side, der alle er sorte. En vektorfil fortæller computeren at vise en sort linje tegnet fra punkt A til punkt B, der er tre punkter bred. Side om side ser de to billeder identiske ud, når de vises 100 procent. Men zoom ind, og rasterbilledet bliver pixeleret, mens vektorfilen fortsætter med at vise en ren linje.
Det klassiske eksempel på vektorkunst er den typiske clip-art, du finder i et udgivelsesprogram. Disse enkle streggrafik kan indsættes i enhver publikation eller hjemmeside og er typisk i vektorformat.
Når du hyrer en professionel grafisk designer til at lave et firmalogo, skjortedesign eller plakat, modtager du en vektorfil til gengæld. På den måde vil du altid have den bedste grafikkvalitet, uanset hvad du gør med filen.
Men vektorkunst kan være meget mere end simpel stregkunst. Det kan omfatte farver, mønstre og gradienter. Og kunstnere kan bruge vektorprogrammer til at skabe smukke mesterværker - komplekse kunstværker af alt tænkeligt. Gode vektorkunstnere kan tage værktøjerne og lave et vektorbillede, der næsten ligner et fotografi.
Vigtigheden af vektorkunst i design
I større skala har dette store konsekvenser for computerfiler. Hvor en rasterfil med lav opløsning kan se dårligt ud på en avanceret 5K-skærm, vil vektorfilen se skarp ud, som den kan være. Hvad hvis du vil skalere dit kunstværk ned, så det passer på et visitkort? Trykkeriet kan tage din vektorfil og skalere den, som de vil. Ligeledes kunne det sprænges i luften og slås op på et billboard.
Hvad er en vektorfil?
Sandsynligvis er den største forskel, når det kommer til raster versus vektorfiler, kompleksiteten. De fleste af os har beskæftiget os med rasterfiler. Hvis du nogensinde har doodled med et program som Microsoft Paint, ved du, hvordan du laver et. De fleste værktøjer i Photoshop er rasterværktøjer.
Men at lave en vektorfil er mere kompliceret. Du kan tegne en streg på frihånd, men de bedste resultater opnås ved at bruge et penværktøj til at tegne perfekt glatte stier på siden. Du kan kontrollere glatheden eller skarpheden af hver kurve og tykkelsen og farven af hvert streg.
Photoshop og andre rastergrafikprogrammer kan have nogle begrænsede evner til at håndtere vektorfiler. Photoshop har især et par vektorværktøjer til at starte med, men det er langt fra et fuldt udstyret vektorprogram.
Den bedre taktik er at bruge et program specifikt til at håndtere vektorfiler. Branchestandarden er Adobe Illustrator. Men der er selvfølgelig mange alternativer.
Ligesom rasterverdenen har JPG, GIF og PNG, har vektorverdenen nogle få standard filtyper, der fungerer på tværs af alle vektorprogramplatforme. De mest almindelige er EPS-filer (Encapsulated PostScript) og Scalable Vector Graphics (SVG) filer.
EPS-filer er et ældre format, der har detaljer i høj opløsning til trykkerier. De er et outputformat og kan ikke redigeres. Du opretter med andre ord filen i dit programs format (.AI for Adobe Illustrator) og gemmer den derefter i EPS til afsendelse til trykkeriet. Mac-computere kan åbne en EPS til visning i Preview. Windows-maskiner skal dog have et separat program.
SVG-filer er mere passende til små filpakker, der bruges i webstedsdesign. SVG bruges til todimensionel grafik som diagrammer, illustrationer og infografik. I modsætning til EPS er det web-venligt, ligesom et JPG-billede er. Som et resultat vil enhver webbrowser vise en SVG-fil.
Fordele og ulemper ved vektorfiler
Så hvornår skal du bruge vektorkunst, og hvornår skal du vælge en pålidelig gammel jpeg? Her er et kig på fordele og ulemper ved vektorgrafik.
Vektor fordele
- Skalerbar - du kan lave vektorfiler så små eller så store som du vil uden at ændre kvaliteten af produktet
- Præcis - du kan lave linjer, kurver og former med en barberknivslignende præcision
- Mindre filer til webbrug sørger for, at websteder indlæses hurtigere
- Animationer er nemme at lave fra vektorfiler og vil være mindre, enklere filer end en rasterækvivalent
- Let at redigere med det rigtige program og knowhow - du kan hurtigt og nemt ændre én farve eller form uden at påvirke de andre elementer i et layout
- Konverterer nemt til rasterbillede, hvis det kræves
Vektor Ulemper
- Kræver specialiserede færdigheder og tid til at redigere og oprette - de fleste mennesker ved ikke, hvordan man arbejder med vektorfiler
- Begrænset antal softwareapplikationer, der redigerer dem
- Færre detaljer for komplekse ting som den naturlige skygge på billeder
- Svært at lave ud fra et rasterbillede - kræver normalt timer, der skal gentegnes i hånden
Bedste vektorgrafiksoftwareapplikationer til at skabe vektorer
Der er bogstaveligt talt snesevis af softwareprogrammer til at bygge og redigere vektorfiler. Her er blot nogle få af de mest almindelige.
Adobe Illustrator
Ligesom Photoshop dominerer den professionelle rasterbilledsektor, er Illustrator go-to for professionelle grafiske designere. Programmet har eksisteret i årevis og er analogt med Photoshop. Det er lige så kompliceret, lige så fuldt udstyret og lige så dyrt. Illustrator er en del af Adobe Creative Suite/Cloud-softwarefamilien.
Affinity Designer
Siden Adobe introducerede sine månedlige abonnementspriser, har flere virksomheder tilbudt grafiksoftwareprogrammer med alle funktioner til at konkurrere. Affinity Designer, lavet af Serif Europe, har 90 procent eller mere af mulighederne i Illustrator, men for en engangssoftwarelicens i stedet for et månedligt gebyr. Det kan fungere med PDF- eller Photoshop-filer, plus Illustrator AI-filer.
Inkscape
Inkscape er et gratis, open source vektorprogram, der bruger SVG som sit oprindelige format. Det kan også håndtere mange andre formater, herunder Illustrator- og CorelDRAW-filer. Selvom den ikke har så mange funktioner som Illustrator eller Designer, har den masser til at skabe smukke vektorillustrationer. Inkscape sammenlignes almindeligvis med GIMP, en lignende open source-løsning til rasterbilleder.
CorelDRAW
Corel er et gammelt navn inden for grafisk software, men det er stadig fanebæreren inden for skiltefremstilling og modedesign. Det har over 50 filtre til import og eksport filhåndtering. Det er dog ret begrænset sammenlignet med andre vektorprogrammer. Corel Designer var virksomhedens dedikerede vektorhåndteringsprogram og blev favoriseret i ingeniørdesignsektoren. Dens funktioner er nu rullet ind i CorelDRAW Technical Suite.
Skitse
Sketch er kun tilgængelig til macOS. Det bruges primært af dem, der laver brugergrænseflade- eller brugeroplevelsesgrafik, så det indeholder ingen funktioner til printdesign. Men hvis du er en Mac-bruger, der leder efter en app til webstedsvektordesign, er Sketch et kig værd.
Læs vores artikel om 21 Bedste grafiske designsoftware for designere i 2023.
Tjek disse artikler om grafisk design
Her er nogle gode tips til at skabe unikke vektorkunstværker
En ting at spørge dig selv er, hvad er vektorkunst for dig? Vil du have et ægte vektorkunstværk, eller er det vektoræstetikken, du leder efter? Vektorfiler har en unik stil, og forskellige designere får det til at ske på forskellige måder. Men en næsten komisk fornemmelse af linjerne og farverne gør den interessant og perfekt til grafiske projekter.
Så hvis du allerede er Photoshop-bruger, kan du overveje at nedbryde, hvordan man laver kunst i vektorstil til stykker, der er nemme at udføre. Du behøver ikke lære det hele på én gang. Der er mange apps og filtre derude, der hurtigt og nemt kan vektorisere et billede til en vektor-lignende kunstfil.
Sådan bruger du vektorkunst på din hjemmeside
SVG vektorfiler er meget udbredt i moderne webstedsgrafik. De bruges i knapper, ikoner og andre brugergrænsefladeelementer og forskellige designelementer på siden. For eksempel er firmalogoer næsten universelt vektorbaserede, selvom det nogle gange er almindeligt at konvertere vektorfilen til en raster JPG eller GIF til webbrug.
Nogle hjemmesider har mere grafik end andre, så meget afhænger af, hvordan du vil have siden til at se ud. Almindelige websideelementer omfatter tekstblokke, fotografier og anden grafik. Hvis det, du sigter efter at gøre, falder ind under kategorien "anden grafik", er et vektorbillede sandsynligvis vejen at gå. Hvis du gør alt som et rasterbillede, vil det sandsynligvis indlæses for langsomt og se klodset ud.
En vindende grafisk designerportefølje er afgørende, hvis du stræber efter at gøre en succesfuld karriere i designbranchen. Her er nogle fantastiske designporteføljer på Pixpa som helt sikkert vil inspirere dig til at oprette dit porteføljewebsted.
Din online portefølje er nøglen til at tiltrække og imponere potentielle arbejdsgivere, kunder eller samarbejdspartnere. Designporteføljewebsteder skal gå ud over blot at fremvise dine designs. Du skal også tænke ud af boksen, afdække dit kreative geni, finde dit udtryk og præsentere dit arbejde på den bedst mulige måde. Vi havde tidligere sat sammen en guide til at bygge din designportefølje, et must-read for enhver seriøs omkring grafisk design som en karrierevej.
Sørg for, at den porteføljewebstedsbygger, du vælger, tilbyder den fleksibilitet, funktioner og brugervenlighed, du har brug for for at sammensætte et professionelt websted uden at kræve nogen kodningsviden. Det er her, lidt inspiration kommer godt med. Pixpa er en webstedsbyggerplatform, som er betroet af kreative professionelle jorden rundt.
Sådan laver du vektorkunst i Photoshop
Den bedste løsning til vektorgrafik er Illustrator eller et af de andre vektorprogrammer, såsom Designer eller Inkscape. Hvis du allerede har Photoshop, er der dog et par værktøjer, du kan lege med for at blive fortrolig med processen.
Grundlaget for vektorarbejde er penværktøjet. Penværktøjet tegner en linje - eller en sti, som det kaldes i vektorgrafik - mellem punkter, mens du klikker på skærmen. Hvert punkt, du klikker på, bliver en node. Du kan indstille hver node til at styre, hvordan stien går igennem. For eksempel laver knudepunktet et punkt, som i spidsen af en trekant? Eller laver det toppen af en kurve? Du kan styre kurvens præcise vinkel ved hjælp af håndtagskontroller ved knudepunktet. Du kan fortsætte med at tilføje noder med penværktøjet, indtil du lukker stien og laver en brugerdefineret form.
Stien er ikke synlig i illustrationen, før du programmerer, hvordan du vil have den til at se ud. Et streg tilføjer en linje over kurven, og du kan indstille dens bredde. Formværktøjet giver dig mulighed for at nedsætte stier i almindeligt anvendte former som rektangler, cirkler eller stjerner. Du kan indstille streg for en form, som vil være dens omrids, eller udfylde den med en farve, tekstur eller gradient. På figurer kan du kontrollere hver node for at justere den, som du har brug for.
Med disse få enkle vektorværktøjer kan du oprette et helt billede. De fleste vektorfiler er lag på lag af krydsende elementer. Når du har den hårde brug af pennen og formværktøjerne, kan du lege med softwaren for at udvikle ethvert design, du kan lide.
Det er vigtigt at få en fornemmelse af disse grundlæggende vektorværktøjer, før du går videre til at prøve et endeligt produkt. De er grundlaget for hvert vektorprogram derude, og selvom de kan se lidt anderledes ud, fungerer de alle i det væsentlige ens.
Det er også muligt at skjule rasterbilleder til vektorfiler ved hjælp af nogle få værktøjer i Photoshop. Dette fører sjældent til perfekte resultater med det samme, men det giver et godt udgangspunkt, hvorfra du kan lære mere om, hvordan man laver vektorkunst i Photoshop. Denne taktik giver dig naturligvis ikke fordelen ved at have den endelige SVG-vektorfil, men den giver dig udseendet af illustrationen.
Pen en vej til din fremtid, og fyld den med vektorkunst
Når du først starter, kan vektorfiler føles skræmmende at arbejde med. Men efterhånden som du opbygger erfaring med at arbejde med penneværktøjet, figurer, streger og fyld, vil du hurtigt opfange de grundlæggende byggeklodser, der laver disse filer. Hvis du er ny for dem, vil du også opbygge en påskønnelse for kunstnere, der arbejder i dette præcise og smukke medie.