Afbeeldingen in SVG-indeling maken

Inhoudsopgave:

Afbeeldingen in SVG-indeling maken
Afbeeldingen in SVG-indeling maken

Video: Afbeeldingen in SVG-indeling maken

Video: Afbeeldingen in SVG-indeling maken
Video: iPhone screenshots maken en bewerken, zo doe je dat (iPhone screenshot maken) 2024, Juli-
Anonim

Met de indeling schaalbare vectorafbeeldingen (SVG) kunt u meer interactieve elementen op webpagina's maken, zonder zoveel bandbreedte te verbruiken als andere indelingen zoals JPEG of GIF, waardoor het ideaal is voor webdesign. Sommige digitale illustratieprogramma's zoals Adobe Illustrator bieden de optie van het SVG-formaat. Daarnaast zijn er verschillende online SVG-conversiewebsites die gratis toegang bieden tot conversieservices. Deze wikiHow leert je hoe je een afbeelding in SVG-indeling maakt.

Stap

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

Stap 1. Open een webbrowser en ga naar

U wordt naar de pagina van de Convertio-j.webp

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

Stap 2. Selecteer het bron-JPG-bestand

Boven aan het menu van de converter ziet u een rode werkbalk met de verschillende bronnen die beschikbaar zijn voor het uploaden van JPG-bestanden. Het bestand wordt later geconverteerd naar SVG-indeling.

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

Stap 3. Zoek het bestand dat u wilt converteren

Nadat u de bron hebt geselecteerd, verschijnt er een dialoogvenster waarin u een bibliotheek met computermappen kunt maken. Open in dit vak de map waarin het afbeeldingsbestand dat u wilt converteren is opgeslagen en selecteer het bestand.

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

Stap 4. Klik op Converteren

Zodra het bestand is geüpload, verschijnt er een rode knop in de rechterbenedenhoek van het menuvenster. Het conversieproces begint en kan enkele minuten duren, afhankelijk van de grootte van het bestand.

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

Stap 5. Klik op Downloaden

Nadat het bestand is geconverteerd, verschijnt er een blauwe knop rechts van de bestandsnaam in het convertermenu. Klik op de knop om de afbeelding als SVG-bestand naar uw computer te downloaden.

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 grafische ontwerptoepassing waarmee u uw eigen illustraties kunt maken met behulp van een verscheidenheid aan hulpmiddelen en functies.

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

Stap 2. Maak een afbeelding

Zodra het Illustrator-venster is geopend, kunt u een willekeurig hulpmiddel selecteren in de werkbalk aan de linkerkant van het scherm om het ontwerpproces van de afbeelding te starten.

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

Stap 3. Pas het SVG-effect toe op meerdere afbeeldingslagen

Als u uw eigen effect aan de afbeelding wilt toevoegen, selecteert u de laag en klikt u op " Effect ” > “ SVG-filters ” > “ SVG-filter toepassen " Klik daarna op de knop “ SVG-filter bewerken ”, bewerk de standaardcode en klik op “ Oke ” om het SVG-effect op te slaan.

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

Stap 4. Klik op het tabblad Bestand

Het staat in de linkerbovenhoek van het scherm.

Maak Svg-afbeeldingen Stap 10
Maak Svg-afbeeldingen Stap 10

Stap 5. Selecteer Exporteren in het menu

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

U kunt ook kiezen voor " Opslaan als… " Met deze procedure wordt echter een afbeelding opgeslagen die alleen via Illustrator kan worden bekeken en bewerkt.

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

Stap 6. Klik op Exporteren als…

Er wordt een nieuw menu geopend en u kunt het bestand vanuit Illustrator exporteren naar het gewenste formaat.

U kunt ook kiezen voor " Exporteren voor schermen… ” om het SVG-bestand op te slaan in een formaat dat toegankelijk is via een iOS- of Android-apparaat.

Maak Svg-afbeeldingen Stap 12
Maak Svg-afbeeldingen Stap 12

Stap 7. Selecteer SVG in de lijst met bestandstypen

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

Svg-afbeeldingen maken Stap 13
Svg-afbeeldingen maken Stap 13

Stap 8. Klik op Opslaan

De afbeelding is nu klaar om als SVG-bestand te worden gebruikt.

Aanbevolen: