SVG afbeeldingen creëren

PDF download Pdf downloaden
Bijdragen van Shari Fairclough

PDF download Pdf downloaden

Scalable vector graphics (SVG) maken het mogelijk om meer interactieve elementen op internetpagina’s te plaatsen zonder zoveel bandbreedte te moeten gebruiken als bij andere afbeeldingsformaten zoals JPEG of GIF, waardoor ze ideaal zijn voor het ontwerpen van websites. [1] Sommige digitale illustratieprogramma’s, zoals Adobe Illustrator, bieden opties voor SVG en er bestaan enkele gratis websites om naar SVG te converteren. Dit artikel zal je leren hoe je jouw eigen SVG-bestanden kunt creëren.

Methode 1
Methode 1 van 2:

Met Convertio JPG to SVG Converter

PDF download Pdf downloaden
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-460px-Create-Svg-Images-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7a\/Create-Svg-Images-Step-1.jpg\/v4-728px-Create-Svg-Images-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Open je internetbrowser en ga naar https://convertio.co/jpg-svg/ . Hierdoor word je naar de pagina van Convertio’s gratis JPG to SVG Converter gebracht.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-460px-Create-Svg-Images-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/Create-Svg-Images-Step-2.jpg\/v4-728px-Create-Svg-Images-Step-2.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Bovenaan het menu van de converter zou je een rode taakbalk moeten zijn met verschillende bronnen die je kunt gebruiken om een JPG-afbeeldingsbestand te uploaden zodat het naar een SVG-bestand kan worden geconverteerd.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-460px-Create-Svg-Images-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Create-Svg-Images-Step-3.jpg\/v4-728px-Create-Svg-Images-Step-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Eenmaal je een bron hebt geselecteerd, zal een dialoogvenster verschijnen met de bibliotheek van alle mappen op je computer. Van hieruit moet je de map zoeken met het bestand dat je wil converteren. Selecteer dat bestand.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-460px-Create-Svg-Images-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7f\/Create-Svg-Images-Step-4.jpg\/v4-728px-Create-Svg-Images-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Eenmaal de upload van het bestand voltooid is, zal een rode knop in de rechterbenedenhoek van het menuscherm verschijnen. Hiermee wordt de conversieprocedure gestart, die afhankelijk van de grootte van het bestand enkele minuten kan duren.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-460px-Create-Svg-Images-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/Create-Svg-Images-Step-5.jpg\/v4-728px-Create-Svg-Images-Step-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":728,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Eenmaal het bestand geconverteerd is, zal een blauwe knop verschijnen rechts van de bestandsnaam in het menu van Converter. Wanneer je daarop klikt, wordt het bestand gedownload naar je computer als SVG-bestand.
    Advertentie
Methode 2
Methode 2 van 2:

Met Adobe Illustrator

PDF download Pdf downloaden
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-460px-Create-Svg-Images-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/Create-Svg-Images-Step-6.jpg\/v4-728px-Create-Svg-Images-Step-6.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Adobe Illustrator is een app voor grafisch ontwerp waarmee je jouw eigen afbeeldingen kunt maken dankzij allerlei tools en functies.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-460px-Create-Svg-Images-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/22\/Create-Svg-Images-Step-7.jpg\/v4-728px-Create-Svg-Images-Step-7.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Eenmaal Illustrator geopend is, kun je links op het scherm tools selecteren en beginnen met het ontwerpen van je afbeelding.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-460px-Create-Svg-Images-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c7\/Create-Svg-Images-Step-8.jpg\/v4-728px-Create-Svg-Images-Step-8.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Als je aangepaste effecten wil toevoegen aan je afbeelding, dan kun je een laag selecteren en daarna klikken op ‘Effect’ > ‘SVG-filters’ > ‘SVG-filter toepassen’. Klik daarna op de knop ‘SVG-filter bewerken’, bewerk de standaardcode en klik op ‘OK’ om je SVG-effecten op te slaan.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-460px-Create-Svg-Images-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Create-Svg-Images-Step-9.jpg\/v4-728px-Create-Svg-Images-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dit staat in de linkerbovenhoek van het scherm.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-460px-Create-Svg-Images-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/Create-Svg-Images-Step-10.jpg\/v4-728px-Create-Svg-Images-Step-10.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Om je SVG-bestand te kunnen bekijken en gebruiken buiten Illustrator, moet je het exporteren.
    • Je kunt ook ‘Opslaan als…’ selecteren, maar hierdoor wordt het bestand opgeslagen zodat het alleen bekeken en bewerkt kan worden in Illustrator.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-460px-Create-Svg-Images-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ab\/Create-Svg-Images-Step-11.jpg\/v4-728px-Create-Svg-Images-Step-11.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Hierdoor verschijnt een nieuw menu waarmee je het bestand uit Illustrator kunt exporteren naar een formaat naar keuze.
    • Je kunt ook ‘Exporten voor schermen…’ selecteren om je SVG-bestand op te slaan zodat het op iOS- en Android-appraten kan worden geopend.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-460px-Create-Svg-Images-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Create-Svg-Images-Step-12.jpg\/v4-728px-Create-Svg-Images-Step-12.jpg","smallWidth":460,"smallHeight":349,"bigWidth":728,"bigHeight":552,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    In Illustrator kun je uit allerlei bestandstypes kiezen, waaronder SVG -bestanden die klaar zijn voor het internet.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-460px-Create-Svg-Images-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Create-Svg-Images-Step-13.jpg\/v4-728px-Create-Svg-Images-Step-13.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Je afbeelding is nu beschikbaar om als SVG-bestand te gebruiken.
    Advertentie

Gerelateerde artikelen

Een selectievakje invoegen in een Word‐document
De omvang van een video verkleinen
Letters verwijderen van een afbeelding in Photoshop
Paint gebruiken om de kleuren in een afbeelding om te keren
Een achtergrond transparant maken in Paint
Een foto maken met de camera op je laptop
Een afbeelding spiegelen in Photoshop
Het symbool voor pi typen
Een achtergrond toevoegen in PowerPoint
Een grote afbeelding op meerdere pagina's afdrukken op pc of Mac
Een nieuw lettertype toevoegen aan InDesign
Een gradensymbool maken
Advertentie

Bronnen

  1. ↑ https://helpx.adobe.com/illustrator/using/svg.html

Over dit artikel

In andere talen
Deze pagina is 4.215 keer bekeken.

Was dit artikel nuttig?

Advertentie