De component Afbeeldingseffect

Deze component wordt niet ondersteund voor AMP HTML-advertenties, videoadvertenties of beeldadvertenties.

Met de component Afbeeldingseffect kunt u verschillende op JavaScript gebaseerde visuele effecten toepassen op een afbeelding (en in sommige gevallen op een paar afbeeldingen): Voor en na, Ademen, Onthullen en Golf.

De component Afbeeldingseffect gebruiken:

  1. Open het deelvenster Componenten en daarna de map Grafische elementen en effecten.

  2. Dubbelklik op de component Afbeeldingseffect Image Effect component icon of sleep deze naar het werkvlak.

  3. Dubbelklik op de component op het werkvlak of klik op de knop Instellingen...  in het deelvenster Eigenschappen. Het dialoogvenster Afbeeldingseffect wordt geopend.

  4. Sleep een afbeelding naar het dialoogvenster of klik op Afbeeldingen kiezen om een afbeelding te selecteren.

  5. Kies het gewenste type afbeeldingseffect in het dropdownmenu in het deelvenster Eigenschappen.

  6. Sommige effecttypen gebruiken twee afbeeldingen. U kunt de extra afbeelding selecteren in de bibliotheek of door uw bestandssysteem browsen om een afbeeldingsbestand te importeren.

  7. Pas het effect aan door de eigenschappen te wijzigen (zie hieronder).

Eigenschappen

Naast eigenschappen voor de hele component kunt u eigenschappen configureren voor elk effect in de component.

Eigenschappen van de component 'Afbeeldingseffect'

Eigenschap

Beschrijving

Naam Stelt de naam van de component 'Afbeeldingseffect' in.
Schalen

Bepaalt hoe afbeeldingen met verschillende formaten in de component worden weergegeven. Meer informatie

  • Formaat van afbeelding wijzigen zodat deze past
  • Afbeelding bijsnijden zodat deze past
  • Geen
  • Afbeelding uitrekken zodat deze past
Animatielimiet instellen Als deze optie is aangevinkt, wordt het automatisch afspelen van de animatie na de opgegeven duur in seconden gestopt.

Eigenschappen voor elk effecttype

In het dialoogvenster Afbeeldingseffect heeft u toegang tot specifieke eigenschappen voor elk effecttype. Open het dialoogvenster door op de component Afbeeldingseffect te dubbelklikken of door op Instellingen...  in het deelvenster Eigenschappen te klikken. Selecteer vervolgens het effecttype om de bijbehorende eigenschappen te bekijken.

Geen

Er wordt geen effect toegepast op de afbeelding.

Voor en na

Met het effect 'Voor en na' wordt een wisovergang tussen twee afbeeldingen toegepast, waarbij de richting wordt omgekeerd na voltooiing en de overgang vervolgens wordt herhaald.

  

Eigenschap

Beschrijving

Afbeeldingen
Basis De afbeelding die boven of links van de scheidingslijn wordt weergegeven. Gebruik de knop Afbeeldingen wisselen om de basisafbeelding en de weergegeven afbeelding om te wisselen.
Weergegeven De afbeelding die onder of rechts van de scheidingslijn wordt weergegeven. Gebruik de knop Afbeeldingen wisselen om de weergegeven afbeelding en de basisafbeelding om te wisselen.
Scheidingslijn
Hoek De hoek van de scheidingslijn tussen de twee afbeeldingen, tussen 0 en 180 graden. Standaard ingesteld op 90 (een verticale lijn).
Uitwaaieren De zachtheid van de randen van de afbeeldingen langs de scheidingslijn. 1 zorgt voor een scherpe overgang, terwijl hogere waarden de randen vervagen.
Interactie Als het selectievakje Muis volgen is aangevinkt, volgt de scheidingslijn de muisaanwijzer.
Animatie
Automatisch afspelen Als het selectievakje Automatisch afspelen is aangevinkt, wordt de animatie gestart als de component wordt geladen.
Beginstatus
Positie De startpositie van de scheidingslijn als de animatie begint.
Vertraging De tijd voordat de animatie automatisch wordt afgespeeld, in seconden.
Ademen

Met het effect 'Ademen' wordt de afbeelding elastisch uitgezet en samengetrokken.

   

Eigenschap

Beschrijving

Afbeeldingen
Basis De afbeelding waarop u het effect wilt toepassen.
Ademen
Snelheid De snelheid van de animatie. Bij 0 is er geen animatie, terwijl bij hogere waarden de animatie sneller wordt afgespeeld.
Horizontaal effect
Uitzetting De kracht van de horizontale uitzetting van de afbeelding.
Samentrekking De kracht van de horizontale samentrekking van de afbeelding.
Verticaal effect
Uitzetting De kracht van de verticale uitzetting van de afbeelding.
Samentrekking De kracht van de verticale samentrekking van de afbeelding.
Wachttijd
Uitzetting De tijd dat de afbeelding volledig uitgezet blijft, in seconden.
Samentrekking De tijd dat de afbeelding volledig samengetrokken blijft, in seconden.
Curven
Horizontaal Het aantal curven dat wordt gegenereerd door de horizontale vervorming.
Verticaal Het aantal curven dat wordt gegenereerd door de verticale vervorming.
Onthullen

Met het effect 'Onthullen' wordt het overeenkomende gedeelte van een tweede afbeelding weergegeven in een elliptisch focusgebied.

  

Eigenschap

Beschrijving

Afbeeldingen
Basis De afbeelding die buiten het focusgebied wordt weergegeven. Gebruik de knop Afbeeldingen wisselen om de basisafbeelding en de weergegeven afbeelding om te wisselen.
Weergegeven De afbeelding die in het focusgebied wordt weergegeven. Gebruik de knop Afbeeldingen wisselen om de weergegeven afbeelding en de basisafbeelding om te wisselen.
Focus
Straal De straal van het focusgebied langs de X-as en Y-as. Gebruik de knop Radiusverhouding vergrendelen om de beeldverhouding te behouden als u een straal wijzigt.
Uitwaaieren De zachtheid van de rand van het focusgebied. 0 geeft het focusgebied een scherpe rand, terwijl hogere waarden de rand van het focusgebied vervagen.
Effect Als het selectievakje Blijven weergeven is aangevinkt, blijft de onthulde afbeelding zichtbaar nadat het focusgebied is verplaatst.
Animatie
Automatisch afspelen

Het bewegingspatroon voor het focusgebied.

  • Ronddwalen (standaard): Het focusgebied beweegt willekeurig over de afbeelding en verandert van richting om de afbeelding te blijven volgen.
  • Ronddwalen met omloop: Het focusgebied beweegt willekeurig over de afbeelding en wordt aan de andere kant van de afbeelding weergegeven als het de rand bereikt.
  • Cirkel: Het focusgebied beweegt in een cirkel.
  • Geen
Snelheid De snelheid van het focusgebied. Bij 0 is er geen animatie, terwijl bij hogere waarden de animatie sneller wordt afgespeeld.
Interactie Als het selectievakje Muis volgen is aangevinkt, volgt het focusgebied de muisaanwijzer.
Golf

Hiermee worden segmenten van de afbeelding voorzien van animatie in een golfpatroon.

   

Eigenschap

Beschrijving

Afbeeldingen
Basis De afbeelding waarop u het effect wilt toepassen.
Golf
Type

De golfvorm die in het effect wordt gebruikt.

  • Standaard: De animatie zorgt ervoor dat de afbeelding wordt gerimpeld.
  • Lenseffect: De animatie wordt samengetrokken en uitgezet in een symmetrisch golfpatroon.
Stand De richting van de golfanimatie.
  • Horizontaal
  • Verticaal
Snelheid De snelheid van de golfanimatie. Bij 0 is er geen animatie, terwijl bij hogere waarden de animatie sneller wordt afgespeeld.
Kracht De kracht van de golven. 0 veroorzaakt geen effect, terwijl hogere waarden meer dramatische golven veroorzaken.
Lengte De afstand tussen de pieken van de golf. Hoe korter de lengte, hoe meer golven in het effect.
Omgekeerd Als het selectievakje Omgekeerd is aangevinkt, bewegen de golven van links naar rechts (voor de horizontale stand) of van beneden naar boven (voor de verticale stand).
Bijsnijden Als het selectievakje Bijsnijden is aangevinkt, wordt de afbeelding opnieuw getekend voor elk frame van de animatie, waardoor een spooreffect wordt voorkomen.
Geavanceerd
Golfgebied Het gedeelte van de afbeelding waarop het golfeffect van invloed is.
Volledige sterkte Het gedeelte van de afbeelding waar het golfeffect op volle sterkte is. De kracht van het effect neemt af in andere gedeelten van het golfgebied.

Gebeurtenissen en acties

Gebeurtenissen die door de component 'Afbeeldingseffect' worden gestuurd

U kunt andere acties activeren op basis van de volgende gebeurtenissen van de component 'Afbeeldingseffect':

Gebeurtenis Beschrijving
Automatisch afspelen beëindigd Wordt gestuurd als de automatisch afgespeelde animatie de tijdslimiet voor de animatie bereikt.
Acties die door de component 'Afbeeldingseffect' worden uitgevoerd

De volgende acties voor de component 'Afbeeldingseffect' kunnen worden geactiveerd als reactie op andere gebeurtenissen:

  • Afspelen
  • Pauzeren

Als u een van deze acties selecteert in het dialoogvenster 'Gebeurtenis', stelt u de component 'Afbeeldingseffect' of het specifieke effect in als ontvanger.

Meer informatie over hoe u gebeurtenissen configureert.

Voorbeeld

Terwijl u in het dialoogvenster 'Afbeeldingseffect' werkt, laat het werkvlak zien hoe de component eruitziet als deze is voorzien van animatie. Als u eigenschappen wijzigt, wordt de animatie teruggezet naar het begin.

U kunt ook een voorbeeld van uw document bekijken in uw voorkeursbrowser. Klik hiervoor op Opslaan onderaan het dialoogvenster en vervolgens op de knop Voorbeeld.

Was dit nuttig?

Hoe kunnen we dit verbeteren?

Meer hulp nodig?

Probeer de volgende stappen:

Zoeken
Zoekopdracht wissen
Zoekfunctie sluiten
Hoofdmenu
10977237204655386115
true
Zoeken in het Helpcentrum
true
true
true
true
true
5050422
false
false
false
false