Hur man skapar SVG -bilder: 13 steg (med bilder)

Innehållsförteckning:

Hur man skapar SVG -bilder: 13 steg (med bilder)
Hur man skapar SVG -bilder: 13 steg (med bilder)

Video: Hur man skapar SVG -bilder: 13 steg (med bilder)

Video: Hur man skapar SVG -bilder: 13 steg (med bilder)
Video: Как конвертировать фотографии в JPG (ПК с Windows) 2024, April
Anonim

Skalbar vektorgrafik (SVG) möjliggör fler interaktiva element på webbsidor utan att använda så mycket bandbredd som andra bildformat som JPEG eller GIF, vilket gör dem idealiska för webbdesign. Vissa digitala illustrationsprogram, som Adobe Illustrator, erbjuder SVG -alternativ och det finns online -SVG -omvandlarwebbplatser som är gratis att komma åt. Denna wikiHow visar hur du skapar dina egna SVG -bilder.

Steg

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

Steg 1. Öppna din webbläsare och gå till

Detta tar dig till sidan för Convertios-j.webp

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

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

Högst upp på konverteringsmenyn ska du se ett rött verktygsfält med olika källor som du kan komma åt för att ladda upp en-j.webp

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

Steg 3. Navigera till filen du vill konvertera

När du väl har valt en källa ska en dialogruta dyka upp med biblioteket med datorns mappar. Därifrån navigerar du till mappen med filen du vill konvertera 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 på menyskärmen. Detta startar konverteringsprocessen, vilket kan ta några minuter beroende på filstorleken.

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

Steg 5. Klicka på Ladda ner

När filen har konverterats visas en blå knapp till höger om filnamnet i Converter -menyn. När du klickar på den laddas bilden ner 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 designapp som låter dig skapa din egen konst med en mängd olika verktyg och funktioner.

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

Steg 2. Skapa din bild

När du har öppnat Illustrator kan du välja något av verktygen i verktygsfältet till vänster på skärmen för att komma igång med att designa din bild.

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

Steg 3. Applicera SVG -effekter på vissa lager av din bild

Om du vill lägga till anpassade effekter till din bild kan du välja ett lager och klicka sedan på Effekt > SVG -filter > Använd SVG -filter. Klicka sedan på Redigera SVG -filter knappen, redigera standardkoden och klicka på OK för att spara dina SVG -effekter.

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

Steg 4. Klicka på fliken Arkiv

Detta ligger 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 i menyn

För att ha din SVG -fil redo för visning och användning utanför Illustrator måste du exportera den.

Du kan också välja Spara som…, men detta sparar filen så att den bara kan ses och redigeras i Illustrator.

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

Steg 6. Klicka på Exportera som…

Detta drar upp en ny meny där du kan exportera filen från Illustrator till det valda formatet.

Du kan också välja Exportera för skärmar … för att få din SVG -bild sparad på ett sätt som kan nås på iOS- eller Android -enheter.

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 webbklara SVG-filer.

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

Steg 8. Klicka på Spara

Din bild kommer nu att vara tillgänglig som SVG -fil.

Rekommenderad: