Svg-filters

Met svg-filters kunt u speciale effecten toevoegen aan svg-afbeeldingen en tekst. Gebruik css-effecten voor andere typen elementen.

Voorbeelden van svg-filtereffecten (oorspronkelijke svg aan de linkerkant)

Een svg-filter toevoegen of bewerken:

Klik met de rechtermuisknop op het svg- of tekstelement.
Selecteer Svg-filter toevoegen… in het pop-upmenu. Als er al een filter is toegepast, selecteert u Svg-filter bewerken…
Selecteer in het dialoogvenster Svg-filter bewerken een filter in het dropdownmenu Filter in het venster aan de rechterkant.
Pas de filterinstellingen aan.
Klik op Opslaan. Uw instellingen worden onthouden als een aangepast filter.

Opmerking: Svg-filters kunnen niet worden toegepast als er een mediaregel actief is.

Tekstelementen

Als u een svg-filter toepast op een tekstelement, wordt de tekst geconverteerd naar svg en kunt u de tekst niet meer bewerken met het gereedschap Tekst. Svg-tekst wordt op één regel weergegeven zonder verpakking, dus alle regeleinden worden verwijderd. De conversie kan ongedaan worden gemaakt door het svg-filter te verwijderen.

In het dialoogvenster Svg-filter bewerken kunt u de volgende wijzigingen aanbrengen in de tekst:

Tekst (de tekstcontent)
Tekengrootte
Tekstkleur

Filters en hun instellingen

Geen

Er wordt geen effect toegepast op het svg-element. Tekst die door een svg-filter is geconverteerd naar svg, wordt hersteld naar een tekstelement.

Aura

Omringt het svg-element met een aura.

Instelling	Beschrijving
X-straal	De horizontale straal van het aura. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Y-straal	De verticale straal van het aura. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Kleur	De kleur van het aura.

Afgeschuind

Geeft de randen van het svg-element een afgeschuinde weergave.

Instelling	Beschrijving
Rondheid	De kromming van de afschuining.
Diepte	De diepte van de afschuining.

Vervagen

Hiermee wordt het svg-element vervaagd.

Instelling	Beschrijving
Schaal	De schaal van het effect. Dit heeft invloed op hoe vervaagd het element wordt weergegeven.
X-straal	De horizontale straal van de vervaging. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Y-straal	De verticale straal van de vervaging. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.

Met kraters

Voegt de weergave van kraters toe aan het svg-element.

Instelling	Beschrijving
Schaal	De schaal van het effect. Dit heeft invloed op de grootte van de kraters.
Diepte	De diepte van de kraters.
Hoek	De hoek van de kraters.

Overvloeien

Lost delen van het svg-element op.

Instelling	Beschrijving
Schaal	De schaal van het effect. Dit heeft invloed op de grootte van de opgeloste gebieden.
Definitie	De mate waarin de oorspronkelijke randen zijn behouden.

Valschaduw

Voeg een valschaduw toe aan het svg-element.

Instelling	Beschrijving
X-waarde van schaduw	De horizontale verschuiving van de schaduw van het element. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Y-waarde voor schaduw	De verticale verschuiving van de schaduw van het element. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Vervagingsstraal	De straal van de vervaging van de schaduw. Hogere waarden zorgen ervoor dat de schaduw vervaagder wordt weergegeven.
Kleur	De kleur van de schaduw.

Glinstering

Geeft het svg-element het effect van glinsterend licht.

Instelling	Beschrijving
Schaal	De schaal van het effect. Dit heeft invloed op hoeveel van het svg-element wordt verlicht.
Lichthoogte	De hoogte van het licht. Dit heeft invloed op de hoek waarop het licht het svg-element bereikt.
Kleur	De kleur van het licht.

Gloed

Hiermee wordt een gloed aan het svg-element toegevoegd.

Instelling	Beschrijving
X-straal	De horizontale straal van de gloed. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Y-straal	De verticale straal van de gloed. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Kleur	De kleur van de gloed.

Vergroten

Geeft het svg-element opgeblazen als een ballon weer.

Instelling	Beschrijving
Schaal	De schaal van het effect. Dit heeft invloed op in welke mate het element driedimensionaal wordt weergegeven.
Tintkleur	De kleur van de reflectieve tint op het element.
Tintsterkte	De sterkte van de reflecterende tint.
X-waarde van schaduw	De horizontale verschuiving van de schaduw van het element.
Y-waarde voor schaduw	De verticale verschuiving van de schaduw van het element.

Contour

Voegt een contour toe aan de randen van het svg-element.

Instelling	Beschrijving
X-straal	De horizontale straal van de contour. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Y-straal	De verticale straal van de contour. Identiek houden : Als deze knop actief is, blijven de waarden voor de X- en Y-straal hetzelfde.
Kleur	De kleur van de contour.

Sepia

Wijzigt de kleuren van het svg-element naar sepiatonen.

Instelling	Beschrijving
Helderheid	De helderheid van het element.

Spatter

Zorgt ervoor dat het svg-element eruitziet alsof het in een vloeistof plonst. Er worden 2 vloeibare vlekeffecten gegenereerd. In het onderstaande voorbeeld is 'Vlek 1' paars en 'Vlek 2' blauw.

Instelling	Beschrijving
Schaal	De schaal van het algehele effect. Dit heeft invloed op de grootte van de vloeistofdruppels.
Patroon	Selecteer een van de 10 spatterpatronen.
Helderheid	De helderheid van het element.
Ontbinding	De mate waarin het element lijkt te zijn opgelost.
Schaal van vlek 1	De schaal van het eerste vlekeffect.
Vervaging van vlek 1	De vervaging van het eerste vlekeffect.
Kleur van vlek 2	De kleur van het tweede vlekeffect.
Schaal van vlek 2	De schaal van het tweede vlekeffect.
Vervaging van vlek 2	De vervaging van het tweede vlekeffect.

Met textuur

Geeft het svg-element een weergave met textuur.

Instelling	Beschrijving
Schaal	De schaal van het effect. Dit heeft invloed op de grootte van de textuursegmenten.
Tintkleur	De kleur van de tint.
Tintsterkte	De kracht van de tint.
Vervagen	De vervaging van het element.
Rondheid	De kromming van elk patroonsegment.
Patroon	Selecteer een van de 10 textuurpatronen.

Vervorming

Vervormt het svg-element.

Instelling	Beschrijving
Schaal	De schaal van het effect. Dit heeft invloed op de grootte van de vertekeningsrimpels.
Vertekening	De sterkte van de vervorming.

Was dit nuttig?

Hoe kunnen we dit verbeteren?