Hvordan lage bilder i SVG -format

Innholdsfortegnelse:

Hvordan lage bilder i SVG -format
Hvordan lage bilder i SVG -format

Video: Hvordan lage bilder i SVG -format

Video: Hvordan lage bilder i SVG -format
Video: How to EDIT a Screenshot ONLINE 2024, Juli
Anonim

Det skalerbare vektorgrafikkformatet (SVG) lar deg lage flere interaktive elementer på websider, uten å bruke så mye båndbredde som andre formater som JPEG eller GIF, noe som gjør det ideelt for webdesign. Noen digitale illustrasjonsprogrammer som Adobe Illustrator tilbyr alternativet SVG -format. I tillegg er det flere online SVG -konverteringsnettsteder som tilbyr gratis tilgang til konverteringstjenester. Denne wikiHow lærer deg hvordan du lager et bilde i SVG -format.

Steg

Metode 1 av 2: Bruke Convertio-j.webp" />
Lag Svg -bilder Trinn 1
Lag Svg -bilder Trinn 1

Trinn 1. Åpne en nettleser og besøk

Du vil bli tatt til siden i Convertio-j.webp

Lag Svg -bilder Trinn 2
Lag Svg -bilder Trinn 2

Trinn 2. Velg kilden-j.webp" />

Øverst på konverteringsmenyen ser du en rød verktøylinje som viser de forskjellige kildene som er tilgjengelige for opplasting av-j.webp

Lag Svg -bilder Trinn 3
Lag Svg -bilder Trinn 3

Trinn 3. Finn filen du vil konvertere

Etter at du har valgt kilden, vises en dialogboks og et bibliotek for datamaskinmapper. I denne boksen får du tilgang til mappen der bildefilen du vil konvertere er lagret, og velg filen.

Lag Svg -bilder Trinn 4
Lag Svg -bilder Trinn 4

Trinn 4. Klikk på Konverter

Når filen er lastet opp, vises en rød knapp i nedre høyre hjørne av menyvinduet. Konverteringsprosessen starter og kan ta noen minutter, avhengig av størrelsen på filen.

Lag Svg -bilder Trinn 5
Lag Svg -bilder Trinn 5

Trinn 5. Klikk på Last ned

Etter at filen er ferdig med å konvertere, vil en blå knapp vises til høyre for filnavnet i konverteringsmenyen. Klikk på knappen for å laste ned bildet til en datamaskin som en SVG -fil.

Metode 2 av 2: Bruke Adobe Illustrator

Lag Svg -bilder Trinn 6
Lag Svg -bilder Trinn 6

Trinn 1. Åpne Adobe Illustrator

Adobe Illustrator er et grafisk designprogram som lar deg lage ditt eget kunstverk ved hjelp av en rekke verktøy og funksjoner.

Lag Svg -bilder Trinn 7
Lag Svg -bilder Trinn 7

Trinn 2. Lag et bilde

Når Illustrator -vinduet åpnes, kan du velge et hvilket som helst verktøy fra verktøylinjen på venstre side av skjermen for å starte bildedesignprosessen.

Lag Svg -bilder Trinn 8
Lag Svg -bilder Trinn 8

Trinn 3. Påfør SVG -effekt på flere bildelag

Hvis du vil legge til din egen effekt i bildet, velger du laget og klikker " Effekt ” > “ SVG -filtre ” > “ Bruk SVG -filter " Etter det klikker du bare på knappen " Rediger SVG -filter ", Rediger standardkoden, og klikk" OK ”For å lagre SVG -effekten.

Lag Svg -bilder Trinn 9
Lag Svg -bilder Trinn 9

Trinn 4. Klikk kategorien Fil

Det er øverst til venstre på skjermen.

Lag Svg -bilder Trinn 10
Lag Svg -bilder Trinn 10

Trinn 5. Velg Eksporter på menyen

For at SVG -filen skal være klar til visning og bruk utenfor Illustrator, må du eksportere den.

Du kan også velge " Lagre som… " Imidlertid vil denne fremgangsmåten lagre et bilde som bare kan vises og redigeres gjennom Illustrator.

Lag Svg -bilder Trinn 11
Lag Svg -bilder Trinn 11

Trinn 6. Klikk på Eksporter som…

En ny meny åpnes, og du kan eksportere filen fra Illustrator til ønsket format.

Du kan også velge " Eksporter for skjermer … ”For å lagre SVG -filen i et format som er tilgjengelig via en iOS- eller Android -enhet.

Lag Svg -bilder Trinn 12
Lag Svg -bilder Trinn 12

Trinn 7. Velg SVG i listen over filtyper

Illustrator tilbyr en rekke filtyper du kan velge mellom, inkludert SVG -filer på nettet.

Lag Svg -bilder Trinn 13
Lag Svg -bilder Trinn 13

Trinn 8. Klikk på Lagre

Bildet er nå klart til bruk som SVG -fil.

Anbefalt: