SVG-afbeeldingen maken: 13 stappen (met afbeeldingen)

Inhoudsopgave:

SVG-afbeeldingen maken: 13 stappen (met afbeeldingen)
SVG-afbeeldingen maken: 13 stappen (met afbeeldingen)

Video: SVG-afbeeldingen maken: 13 stappen (met afbeeldingen)

Video: SVG-afbeeldingen maken: 13 stappen (met afbeeldingen)
Video: Hoe foto's naar JPG te converteren (Windows-pc) 2024, April
Anonim

Schaalbare vectorafbeeldingen (SVG) zorgen voor meer interactieve elementen op webpagina's zonder zoveel bandbreedte te gebruiken als andere afbeeldingsindelingen zoals JPEG of GIF, waardoor ze ideaal zijn voor webdesign. Sommige digitale illustratieprogramma's, zoals Adobe Illustrator, bieden SVG-opties en er zijn online SVG-conversiewebsites die gratis toegankelijk zijn. Deze wikiHow laat je zien hoe je je eigen SVG-afbeeldingen kunt maken.

Stappen

Methode 1 van 2: Convertio-j.webp" />
Maak Svg-afbeeldingen Stap 1
Maak Svg-afbeeldingen Stap 1

Stap 1. Open uw webbrowser en ga naar

Dit brengt je naar de pagina voor Convertio's-j.webp

Maak Svg-afbeeldingen Stap 2
Maak Svg-afbeeldingen Stap 2

Stap 2. Selecteer de bron voor uw JPG-afbeelding

Boven aan het conversiemenu zou u een rode werkbalk moeten zien met verschillende bronnen die u kunt openen om een JPG-afbeeldingsbestand te uploaden dat naar SVG moet worden geconverteerd.

Maak Svg-afbeeldingen Stap 3
Maak Svg-afbeeldingen Stap 3

Stap 3. Navigeer naar het bestand dat u wilt converteren

Nadat u een bron hebt geselecteerd, zou er een dialoogvenster moeten verschijnen met de bibliotheek met de mappen van uw computer. Van daaruit navigeert u naar de map met het bestand dat u wilt converteren en selecteert u het bestand.

Maak Svg-afbeeldingen Stap 4
Maak Svg-afbeeldingen Stap 4

Stap 4. Klik op Converteren

Nadat het bestand is geüpload, verschijnt er een rode knop in de rechterbenedenhoek van het menuscherm. Hierdoor wordt het conversieproces gestart, wat een paar minuten kan duren, afhankelijk van de bestandsgrootte.

Maak Svg-afbeeldingen Stap 5
Maak Svg-afbeeldingen Stap 5

Stap 5. Klik op Downloaden

Zodra het bestand klaar is met converteren, verschijnt er een blauwe knop rechts van de bestandsnaam in het Converter-menu. Zodra u erop klikt, wordt de afbeelding als SVG-bestand naar uw computer gedownload.

Methode 2 van 2: Adobe Illustrator gebruiken

Maak Svg-afbeeldingen Stap 6
Maak Svg-afbeeldingen Stap 6

Stap 1. Open Adobe Illustrator

Adobe Illustrator is een app voor grafisch ontwerp waarmee u uw eigen kunst kunt maken met behulp van een verscheidenheid aan hulpmiddelen en functies.

Maak Svg-afbeeldingen Stap 7
Maak Svg-afbeeldingen Stap 7

Stap 2. Maak je afbeelding

Zodra je Illustrator hebt geopend, kun je een van de tools in de werkbalk aan de linkerkant van het scherm selecteren om aan de slag te gaan met het ontwerpen van je afbeelding.

Maak Svg-afbeeldingen Stap 8
Maak Svg-afbeeldingen Stap 8

Stap 3. Pas SVG-effecten toe op bepaalde lagen van uw afbeelding

Als u aangepaste effecten aan uw afbeelding wilt toevoegen, kunt u een laag selecteren en vervolgens op. klikken Effect > SVG-filters > SVG-filter toepassen. Klik vervolgens op de SVG-filter bewerken knop, bewerk de standaardcode en klik op Oke om uw SVG-effecten op te slaan.

Maak Svg-afbeeldingen Stap 9
Maak Svg-afbeeldingen Stap 9

Stap 4. Klik op het tabblad Bestand

Deze bevindt zich in de linkerbovenhoek van het scherm.

Svg-afbeeldingen maken Stap 10
Svg-afbeeldingen maken Stap 10

Stap 5. Selecteer Exporteren in het menu

Om uw SVG-bestand gereed te hebben voor weergave en gebruik buiten Illustrator, moet u het exporteren.

U kunt ook selecteren: Opslaan als…, hoewel hierdoor het bestand wordt opgeslagen zodat het alleen in Illustrator kan worden bekeken en bewerkt.

Maak Svg-afbeeldingen Stap 11
Maak Svg-afbeeldingen Stap 11

Stap 6. Klik op Exporteren als…

Dit opent een nieuw menu waarin u het bestand vanuit Illustrator kunt exporteren naar het formaat van uw keuze.

U kunt ook selecteren: Exporteren voor schermen… om uw SVG-afbeelding op te slaan op een manier die toegankelijk is op iOS- of Android-apparaten.

Svg-afbeeldingen maken Stap 12
Svg-afbeeldingen maken Stap 12

Stap 7. Selecteer SVG in de lijst met bestandstypen

Illustrator biedt een verscheidenheid aan bestandstypen waaruit u kunt kiezen, waaronder web-ready SVG-bestanden.

Maak Svg-afbeeldingen Stap 13
Maak Svg-afbeeldingen Stap 13

Stap 8. Klik op Opslaan

Uw afbeelding is nu beschikbaar voor gebruik als SVG-bestand.

Aanbevolen: