Hur man skapar bilder i SVG -format

Innehållsförteckning:

Hur man skapar bilder i SVG -format
Hur man skapar bilder i SVG -format

Video: Hur man skapar bilder i SVG -format

Video: Hur man skapar bilder i SVG -format
Video: How to EDIT a Screenshot ONLINE 2024, Juli
Anonim

Med skalbar vektorgrafik (SVG) kan du skapa mer interaktiva element på webbsidor, utan att använda så mycket bandbredd som andra format som JPEG eller GIF, vilket gör den idealisk för webbdesign. Vissa digitala illustrationsprogram som Adobe Illustrator erbjuder alternativet SVG -format. Dessutom finns det flera online SVG -omvandlarwebbplatser som erbjuder gratis tillgång till konverteringstjänster. Denna wikiHow lär dig hur du skapar en bild i SVG -format.

Steg

Metod 1 av 2: Använda tjänsten Convertio-j.webp" />
Skapa Svg -bilder Steg 1
Skapa Svg -bilder Steg 1

Steg 1. Öppna en webbläsare och besök

Du kommer till sidan i Convertio-j.webp

Skapa Svg -bilder Steg 2
Skapa Svg -bilder Steg 2

Steg 2. Välj källa för-j.webp" />

Högst upp i omvandlarens meny ser du ett rött verktygsfält som visar de olika källor som finns tillgängliga för överföring av-j.webp

Skapa Svg -bilder Steg 3
Skapa Svg -bilder Steg 3

Steg 3. Leta reda på filen du vill konvertera

När du har valt källan visas en dialogruta och ett bibliotek för datormappar skapas. I den här rutan öppnar du mappen där bildfilen du vill konvertera lagras och väljer filen.

Skapa Svg -bilder Steg 4
Skapa Svg -bilder Steg 4

Steg 4. Klicka på Konvertera

När filen har laddats upp visas en röd knapp i det nedre högra hörnet av menyfönstret. Konverteringsprocessen börjar och kan ta några minuter, beroende på filens storlek.

Skapa Svg -bilder Steg 5
Skapa Svg -bilder Steg 5

Steg 5. Klicka på Ladda ner

Efter att filen har konverterats visas en blå knapp till höger om filnamnet i konverteringsmenyn. Klicka på knappen för att ladda ner bilden till din dator som en SVG -fil.

Metod 2 av 2: Använda Adobe Illustrator

Skapa Svg -bilder Steg 6
Skapa Svg -bilder Steg 6

Steg 1. Öppna Adobe Illustrator

Adobe Illustrator är en grafisk designapplikation som låter dig skapa ditt eget konstverk med en mängd olika verktyg och funktioner.

Skapa Svg -bilder Steg 7
Skapa Svg -bilder Steg 7

Steg 2. Skapa en bild

När Illustrator -fönstret öppnas kan du välja vilket verktyg som helst från verktygsfältet till vänster på skärmen för att påbörja bilddesignprocessen.

Skapa Svg -bilder Steg 8
Skapa Svg -bilder Steg 8

Steg 3. Applicera SVG -effekt på flera bildlager

Om du vill lägga till din egen effekt till bilden, välj lagret och klicka på " Effekt ” > “ SVG -filter ” > “ Använd SVG -filter " Klicka sedan på knappen " Redigera SVG -filter ”, Redigera standardkoden och klicka på” OK ”För att spara SVG -effekten.

Skapa Svg -bilder Steg 9
Skapa Svg -bilder Steg 9

Steg 4. Klicka på fliken Arkiv

Det är i det övre vänstra hörnet av skärmen.

Skapa Svg -bilder Steg 10
Skapa Svg -bilder Steg 10

Steg 5. Välj Exportera på menyn

För att din SVG -fil ska kunna visas och användas utanför Illustrator måste du exportera den.

Du kan också välja " Spara som… " Denna procedur sparar dock en bild som bara kan ses och redigeras via Illustrator.

Skapa Svg -bilder Steg 11
Skapa Svg -bilder Steg 11

Steg 6. Klicka på Exportera som…

En ny meny öppnas och du kan exportera filen från Illustrator till önskat format.

Du kan också välja " Exportera för skärmar … ”För att spara SVG -filen i ett format som är tillgängligt via en iOS- eller Android -enhet.

Skapa Svg -bilder Steg 12
Skapa Svg -bilder Steg 12

Steg 7. Välj SVG i listan över filtyper

Illustrator erbjuder en mängd olika filtyper att välja mellan, inklusive SVG -filer för webben.

Skapa Svg -bilder Steg 13
Skapa Svg -bilder Steg 13

Steg 8. Klicka på Spara

Bilden är nu klar att användas som SVG -fil.

Rekommenderad: