Sådan oprettes SVG -billeder: 13 trin (med billeder)

Indholdsfortegnelse:

Sådan oprettes SVG -billeder: 13 trin (med billeder)
Sådan oprettes SVG -billeder: 13 trin (med billeder)

Video: Sådan oprettes SVG -billeder: 13 trin (med billeder)

Video: Sådan oprettes SVG -billeder: 13 trin (med billeder)
Video: How to convert bmp files to jpg jpeg in batch Using CMD 2024, April
Anonim

Skalerbar vektorgrafik (SVG) giver mulighed for flere interaktive elementer på websider uden at bruge så meget båndbredde som andre billedformater som JPEG eller GIF, hvilket gør dem ideelle til webdesign. Nogle digitale illustrationprogrammer, som Adobe Illustrator, tilbyder SVG -muligheder, og der er online SVG -konverteringswebsteder, der er gratis at få adgang til. Denne wikiHow viser dig, hvordan du opretter dine egne SVG -billeder.

Trin

Metode 1 af 2: Brug af Convertio-j.webp" />
Opret Svg -billeder Trin 1
Opret Svg -billeder Trin 1

Trin 1. Åbn din webbrowser, og gå til

Dette tager dig til siden for Convertios-j.webp

Opret Svg -billeder Trin 2
Opret Svg -billeder Trin 2

Trin 2. Vælg kilden til dit-j.webp" />

Øverst i konverteringsmenuen skal du se en rød værktøjslinje med forskellige kilder, du har adgang til for at uploade en-j.webp

Opret Svg -billeder Trin 3
Opret Svg -billeder Trin 3

Trin 3. Naviger til den fil, du vil konvertere

Når du har valgt en kilde, skal en dialogboks dukke op med biblioteket med din computers mapper. Derfra skal du navigere til mappen med den fil, du vil konvertere, og vælge filen.

Opret Svg -billeder Trin 4
Opret Svg -billeder Trin 4

Trin 4. Klik på Konverter

Når filen er uploadet, vises en rød knap i nederste højre hjørne af menuskærmen. Dette starter konverteringsprocessen, hvilket kan tage et par minutter afhængigt af filstørrelsen.

Opret Svg -billeder Trin 5
Opret Svg -billeder Trin 5

Trin 5. Klik på Download

Når filen er konverteret, vises en blå knap til højre for filnavnet i menuen Converter. Når du klikker på det, downloades billedet derefter på din computer som en SVG -fil.

Metode 2 af 2: Brug af Adobe Illustrator

Opret Svg -billeder Trin 6
Opret Svg -billeder Trin 6

Trin 1. Åbn Adobe Illustrator

Adobe Illustrator er en grafisk design -app, der lader dig oprette din egen kunst ved hjælp af en række værktøjer og funktioner.

Opret Svg -billeder Trin 7
Opret Svg -billeder Trin 7

Trin 2. Opret dit billede

Når du har åbnet Illustrator, kan du vælge et hvilket som helst af værktøjerne i værktøjslinjen i venstre side af skærmen for at komme i gang med at designe dit billede.

Opret Svg -billeder Trin 8
Opret Svg -billeder Trin 8

Trin 3. Anvend SVG -effekter på visse lag af dit billede

Hvis du vil tilføje brugerdefinerede effekter til dit billede, kan du vælge et lag og derefter klikke på Effekt > SVG -filtre > Anvend SVG -filter. Klik derefter på Rediger SVG -filter knappen, rediger standardkoden, og klik på Okay for at gemme dine SVG -effekter.

Opret Svg -billeder Trin 9
Opret Svg -billeder Trin 9

Trin 4. Klik på fanen Filer

Dette er placeret i øverste venstre hjørne af skærmen.

Opret Svg -billeder Trin 10
Opret Svg -billeder Trin 10

Trin 5. Vælg Eksporter i menuen

Hvis du vil have din SVG -fil klar til visning og brug uden for Illustrator, skal du eksportere den.

Du kan også vælge Gem som…, selvom dette gemmer filen, så den kun kan ses og redigeres i Illustrator.

Opret Svg -billeder Trin 11
Opret Svg -billeder Trin 11

Trin 6. Klik på Eksporter som…

Dette trækker en ny menu op, hvor du kan eksportere filen fra Illustrator til det ønskede format.

Du kan også vælge Eksporter til skærme … at få dit SVG -billede gemt på en måde, der kan tilgås på iOS- eller Android -enheder.

Opret Svg -billeder Trin 12
Opret Svg -billeder Trin 12

Trin 7. Vælg SVG på listen over filtyper

Illustrator tilbyder en række forskellige filtyper, du kan vælge imellem, herunder webklare SVG-filer.

Opret Svg -billeder Trin 13
Opret Svg -billeder Trin 13

Trin 8. Klik på Gem

Dit billede vil nu være tilgængeligt til brug som en SVG -fil.

Anbefalede: