Hur man skapar svg-bilder

Skalbar Vector Graphics (SVG) Tillåt fö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. Några digitala illustrationprogram, som Adobe Illustrator, erbjuder SVG-alternativ och det finns online SVG-omvandlare webbplatser som är gratis att komma åt. Detta visar du hur du skapar dina egna SVG-bilder.

Steg

Metod 1 av 2:
Använda Convertio JPG till SVG Converter
  1. Bild med titeln Skapa SVG-bilder Steg 1
1. Öppna din webbläsare och gå till https: // Converio.CO / JPG-SVG /. Detta tar dig till sidan för Converio`s JPG till SVG Converter, som är fri att använda.
  • Bild med titeln Skapa SVG-bilder Steg 2
    2. Välj källan till din JPG-bild. På toppen av omvandlarmenyn bör du se en röd verktygsfält som listar olika källor du kan komma åt för att ladda upp en JPG-bildfil som ska konverteras till SVG.
  • Bild med titeln Skapa SVG-bilder Steg 3
    3. Navigera till filen du vill konvertera. När du har valt en källa, ska en dialogruta dyka upp med biblioteket i datorns mappar. Därifrån navigerar du till mappen med filen du vill konvertera och välj filen.
  • Bild med titeln Skapa SVG-bilder Steg 4
    4. Klick 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å filstorleken.
  • Bild med titeln Skapa SVG-bilder Steg 5
    5. Klick Ladda ner. När filen är klar att konverteras visas en blå knapp till höger om filnamnet i omvandlarmenyn. När du klickar på det, kommer bilden sedan att hämtas på din dator som en SVG-fil.
    • Metod 2 av 2:
    Använda Adobe Illustrator
    1. Bild med titeln Skapa SVG-bilder Steg 6
    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.
  • Bild med titeln Skapa SVG-bilder Steg 7
    2. Skapa din bild. När du har Illustratör öppnat kan du välja något av verktygen i verktygsfältet på vänster sida av skärmen för att komma igång med att utforma din bild.
  • Bild med titeln Skapa SVG-bilder Steg 8
    3. Applicera SVG-effekter på vissa lager av din bild. Om du vill lägga till några anpassade effekter på din bild kan du välja ett lager och klicka sedan på Effekt > SVG-filter > Applicera SVG-filter. Då klickar du bara på Redigera SVG-filter knapp, redigera standardkoden och klicka på OK För att spara dina SVG-effekter.
  • Bild med titeln Skapa SVG-bilder Steg 9
    4. Klicka på fliken Arkiv. Detta är beläget i det övre vänstra hörnet av skärmen.
  • Bild med titeln Skapa SVG-bilder Steg 10
    5. Välj Exportera i menyn. För att få din SVG-fil redo för visning och användning utanför illustratören måste du exportera den.
  • Du kan också välja Spara som..., Även om det här sparar filen så att den bara kan ses och redigeras i Illustrator.
  • Bild med titeln Skapa SVG-bilder Steg 11
    6. Klick Exportera som.... Detta drar upp en ny meny där du kan exportera filen från Illustrator till det format som du vill.
  • 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.
  • Bild med titeln Skapa SVG-bilder Steg 12
    7. Välj Svg I listan över filtyper. Illustrator erbjuder en mängd olika filtyper för dig att välja mellan, inklusive webbklara SVG-filer.
  • Bild med titeln Skapa SVG-bilder Steg 13
    8. Klick Spara. Din bild kommer nu att vara tillgänglig för att använda som en SVG-fil.

    • Tips

    Dela på det sociala nätverket:
    Liknande