Hur skapar man SVG-bilder?
1. Öppna Adobe Illustrator.
2. Skapa din bild.
3. Applicera SVG-effekter på lager.
4. Spara din bild som en SVG-fil.
Den här guiden visar hur du skapar dina egna SVG-bilder.
Skalbar vektorgrafik (SVG) möjliggör mer 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-omvandlingswebbplatser som är gratis att komma åt. Den här guiden visar hur du skapar dina egna SVG-bilder.
Metod 1 av 2: använda convertio JPG till SVG-omvandlare
- 1Öppna din webbläsare och gå till https://convertio.co/jpg-svg/. Detta tar dig till sidan för Convertios JPG till SVG Converter, som är gratis att använda.
- 2Välj källa för din JPG-bild. Överst på omvandlarmenyn ska du se ett rött verktygsfält som visar olika källor som du kan komma åt för att ladda upp en JPG- bildfil som ska konverteras till SVG.
- 3Navigera till filen du vill konvertera. När du väl har valt en källa bör en dialogruta dyka upp med biblioteket för datorns mappar. Därifrån navigerar du till mappen med filen du vill konvertera och väljer filen.
- 4Klicka 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 omvandlingsprocessen, vilket kan ta några minuter beroende på filstorlek.
- 5Klicka på Ladda ner. När filen har konverterats kommer en blå knapp att visas till höger om filnamnet i Converter-menyn. När du klickar på den hämtas bilden till din dator som en SVG-fil.
För att ha din SVG-fil redo för visning och användning utanför Illustrator måste du exportera den.
Metod 2 av 2: med Adobe Illustrator
- 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.
- 2Skapa 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.
- 3Tillämpa 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 bara på knappen Redigera SVG-filter, redigera standardkoden och klicka på OK för att spara dina SVG-effekter.
- 4Klicka på fliken Arkiv. Detta finns i det övre vänstra hörnet på skärmen.
- 5Vä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 visas och redigeras i Illustrator.
- 6Klicka på Exportera som.... Detta drar upp en ny meny där du kan exportera filen från Illustrator till det format du väljer.
- Du kan också välja Exportera för skärmar... för att spara din SVG-bild på ett sätt som kan nås på iOS- eller Android-enheter.
- 7Välj Svg i listan över filtyper. Illustrator erbjuder en mängd olika filtyper som du kan välja mellan, inklusive webbklara SVG-filer.
- 8Klicka på Spara. Din bild kommer nu att kunna användas som en SVG-fil.
Relaterade artiklar
