Afbeelding

Het Afbeelding-element stelt je in staat om een extra afbeelding over elke stap in een Stap-voor-Stap Gids te leggen of op elk tijdstip in interactieve demo's en video's. Dit is handig om aanvullende visuals zoals annotaties of gebrande assets direct op een stap te plaatsen zonder opnieuw op te nemen.

Hoe voeg je een afbeeldingselement toe

Afbeelding toevoegen aan een stapsgewijze handleiding

1. Navigeer naar Elementen toevoegen in het rechterpaneel.
2. Klik op afbeelding. Als er al één of meer afbeeldingselementen zijn toegevoegd, klik dan op Nieuw toevoegen om een ander in te voegen.
3. Schakel de schakelaar 'Andere elementen verbergen ' in om tijdelijk alle andere elementen op de huidige stap te verbergen tijdens het configureren van de afbeelding. Andere elementen zijn tijdelijk verborgen en worden niet verwijderd.
4. Om een afbeelding te uploaden, klik je op Afbeelding. Selecteer uit de beschikbare vooraf gedefinieerde afbeeldingsassets.

5. Klik op Invoegen om de geselecteerde afbeelding toe te voegen.
6. Kies onder Grootte en positieeen plaatsingsmodus:
   • Freeform - Pas grootte en positie vrij aan. Voer een exacte waarde in het hoekveld in of gebruik Rotate left of Rotate right om handmatig aan te passen.
   • Fit to screen - De afbeelding vult standaard het beeldgebied van de stap.
7. Of sleep je de randen van de afbeelding om deze te vergroten.
8. Klik op het pictogram 'Reset naar originele grootte en positie' boven de afbeelding om met één klik terug te keren naar de oorspronkelijke grootte en positie.
9. Klik op het draai-icoon en sleep om de afbeelding te draaien.
10. Gebruik Lock aspect ratio om proporties te behouden en te voorkomen dat het beeld uitgerekt of vervormd lijkt. Vergrendel de verhoudingen voordat je de grootte verkleint om ervoor te zorgen dat het beeld gelijkmatig schaalt.
11. Klik op Toepassen om het afbeeldingselement op te slaan.

Afbeelding toevoegen aan een video / interactieve demo

1. Navigeer naar Elementen toevoegen in het rechterpaneel.
2. Klik op afbeelding. Als er al een afbeelding bestaat, klik dan op Nieuw toevoegen.
3. Schakel 'Andere elementen verbergen ' in om elk ander element te verbergen terwijl je de afbeelding configureert.
4. Stel de tijdstempel in met het tijdveld of sleep de videoschuifregelaar.
5. Om een afbeelding te uploaden, klik je op Afbeelding selecteren. Selecteer uit de beschikbare vooraf gedefinieerde afbeeldingsassets.

6. Klik op Invoegen om de geselecteerde afbeelding toe te voegen.
7. Kies onder Grootte en positieeen plaatsingsmodus:
   • Freeform - Pas grootte en positie vrij aan. Voer een exacte waarde in het hoekveld in of gebruik Rotate left of Rotate right om handmatig aan te passen.
   • Fit to screen - De afbeelding vult het beeldgebied van de stap.
8. Of sleep je de randen van de afbeelding om deze te vergroten.
9. Klik op het pictogram 'Reset naar originele grootte en positie' boven de afbeelding om met één klik terug te keren naar de oorspronkelijke grootte en positie.
10. Om te draaien, klik je op het draai-icoon en sleep je.
11. Gebruik Lock aspect ratio om proporties te behouden en te voorkomen dat het beeld uitgerekt of vervormd lijkt.
12. Onder Gedragconfigureer je hoe de afbeelding wordt weergegeven:
    • Blijf voor - Zichtbaar voor een bepaalde duur.
    • Volgende-knop - Zichtbaar totdat de gebruiker op Volgende klikt.
    • CTA - Gekoppeld aan een oproep tot actie.
    • Toon tot - Het beeld wordt weergegeven totdat een bepaalde tijd is bereikt.
13. Om stemvertelling toe te voegen, zet je de AI voice-overschakelaar aan.
    • Selecteer de gewenste toon en voer de inhoud in het tekstveld in.
    • Klik op de Play-knop naast de inhoud om deze te bekijken in de geselecteerde stem.
14. Klik op Toepassen om het afbeeldingselement op te slaan.

Beheer van afbeeldingselementen

Alle toegevoegde afbeeldingen verschijnen in het afbeeldingenpaneel, met een miniatuurvoorbeeld en naam.

• Voeg nog een afbeelding toe - Klik bovenaan het paneel op Nieuw toevoegen .
• Bewerk een afbeelding - Klik op een willekeurige afbeelding in de lijst om deze te bewerken. Pas aan indien nodig, klik dan op Toepassen om op te slaan of Annuleren om terug te gaan. Gebruik het Verwijderen-icoon om het te verwijderen.
• Verwijder een afbeelding - Beweeg de muis over een afbeelding, klik op het driepuntmenu en selecteer Verwijderen.

Best practices

• Vergrendel verhoudingen vóór het aanpassen van de grootte - In de vrije vorm voorkomt het inschakelen van beeldverhoudingsvergrendeling vervorming.
• Gebruik het hoekveld voor exacte uitlijning - Wanneer een overlay onder een specifieke hoek moet staan, zoals een diagonale banner of gedraaide badge, voer je de waarde direct in in plaats van handmatig te draaien.
• Reserve Fit om achtergrondvervangingen te screenen - Voor de meeste overlay-toepassingen biedt Freeform meer controle. Fit to screen werkt het beste alleen als je de volledige step-achtergrond vervangt.
• Houd overlays relevant voor de stap - Niet-gerelateerde of overmatige beelden kunnen kijkers afleiden en de helderheid verminderen.
• Preview vóór publicatie - Controleer na het aanbrengen de positie en grootte om te bevestigen dat de afbeelding eruitziet zoals bedoeld voor eindgebruikers.