In dit artikel behandelen we hoe u Foto's, GIF's en QR-codes kunt toevoegen en bewerken in Designer.
Met Designer kunt u een breed scala aan stockfoto's, GIF's van GIPHY en aanpasbare QR-codes gebruiken om uw ontwerpen dynamischer te maken.
Voor meer algemene informatie over de Designer-app, zie onze Aan de slag met Designer handleiding.
Deze opties zijn toegankelijk vanuit het Designer-zijmenu:
Foto's
Als u de optie Foto's selecteert, wordt het gedeelte Foto's van het zijmenu geopend:
Hier kunt u zoeken naar elke soort stockfoto die u wilt gebruiken. Eenmaal geselecteerd, wordt deze in het ontwerp geplaatst.
Om de foto te bewerken, selecteert u deze. De opties in het bovenmenu zullen veranderen:
We zullen elk van deze opties achtereenvolgens bespreken.
| OPMERKING |
| De volgende informatie is ook van toepassing op afbeeldingen die zijn toegevoegd via de optie Afbeelding, geüpload vanaf uw apparaat of als een asset. |
Achtergrond
Met de optie Achtergrond kunt u de achtergrondlaag van de foto aanpassen.
Filter
De optie Filter opent het zijmenu, waarmee u verschillende filters kunt selecteren om aan uw foto toe te voegen:
Bijsnijden
Met de optie Bijsnijden kunt u de geselecteerde foto of afbeelding bijsnijden.
Het bijsnijdgebied kan worden versleept, uitgebreid en ingetrokken, met Beeldverhouding-opties en de mogelijkheid om de afbeelding te spiegelen en te roteren. Een voorvertoning van de bijgesneden afbeelding is aanwezig in de rechterbovenhoek van het scherm, en de grootte van de afbeelding wordt aangegeven. Ten slotte kan het bijsnijdgebied worden gewijzigd in een Rechthoek of Cirkel.
Masker
Als u op de optie Masker klikt, wordt de Masker-optie in het Zijmenu geopend.
Als u een vorm uit het Masker-menu selecteert, wordt automatisch een masker van die vorm op de afbeelding toegepast. De afbeelding kan nog steeds worden verplaatst nadat het masker is toegepast.
Als u op Masker bewerken klikt, kunt u het masker zelf rond de afbeelding verplaatsen. Als u op Omkeren klikt, worden de gebieden die worden gemaskeerd verwisseld. Als u op Masker toepassen klikt, wordt het masker opnieuw op de afbeelding toegepast.
Vervangen
Met de optie Vervangen kunt u de afbeelding of foto vervangen door een afbeelding van het huidige apparaat. Dit is toegankelijk via het bovenmenu of de snelactiebalk:
Achtergrondverwijderaar
De optie Achtergrondverwijderaar detecteert en verwijdert automatisch achtergronden van afbeeldingen. Momenteel ondersteunt het alleen automatische verwijdering en is het niet mogelijk om de achtergrond handmatig te wissen of te herstellen.
U moet wachten tot het laadpictogram is voltooid:
Klik vervolgens op Opslaan, waarna de achtergrond is verdwenen.
Link
Als u de optie Link selecteert, kunt u van uw foto of afbeelding een interactief element maken, meestal gebruikt voor kiosken. Het opent het gedeelte Link-opties in de linkerzijbalk:
Als u op Link toevoegen klikt, wordt u gevraagd een URL in te voeren of een asset te selecteren:
Zodra een link of asset is gekozen, verschijnen er meer opties in het gedeelte Link-opties:
Als u het gedeelte Schaal uitvouwt, krijgt u deze optie voor uw asset:
Kies hier hoe de afbeelding wordt geschaald. Er zijn drie opties:
- Passend (standaard) - Past de afbeelding aan het scherm aan.
- Uitrekken - Rekt de afbeelding uit om het hele scherm te vullen.
- Zoomen - Zoomt in op de afbeelding om het hele scherm te vullen. Niet aanbevolen voor kleine afbeeldingen op grote schermen, omdat dit wazigheid veroorzaakt.
| OPMERKING |
| Als een URL wordt opgegeven, verschijnt de optie Schaal niet. |
Als u het gedeelte Instellingen uitvouwt, krijgt u deze opties voor uw link:
- Duur (seconden) - Wanneer er op de link wordt geklikt of getikt, hoe lang de link of asset wordt weergegeven voordat wordt teruggeschakeld naar het hoofdontwerp. Dit begint vanaf de laatste aanraking op het scherm of het moment waarop op de link werd geklikt.
- Vooraf laden - Wanneer aangevinkt, wordt de website geladen wanneer het ontwerp wordt geladen. Dit vermindert de tijd die nodig is om de website te tonen wanneer op de link wordt geklikt. Het laden van meerdere links kan echter vertragingen veroorzaken.
Als u het gedeelte Sluiten & Navigatiebalk styler uitvouwt, krijgt u deze opties voor uw link:
Dit gedeelte verwijst naar de knop die op uw schermen verschijnt wanneer deze wordt weergegeven. Als u op deze knop klikt of tikt, keert u terug naar het oorspronkelijke ontwerp.
- Pictogrampositie - Toont waar dit pictogram verschijnt. Standaard ingesteld op Midden onder, maar kan overal aan de boven- of onderkant worden geplaatst of volledig worden uitgeschakeld.
- Pictogramstijl - Hiermee kunt u de stijl van het pictogram instellen. Kies uit Label, Volledig, Rond of Standaard (zie hierboven)
- Pictogramgrootte - Hiermee kunt u de grootte van het pictogram wijzigen. Kies uit Klein, Medium, Groot of Standaard (zie hierboven)
- Pictogramkleur - Wijzig de hexadecimale HTML-kleur van het pictogram om beter bij uw ontwerp te passen.
- Achtergrondkleur - Wijzig de hexadecimale HTML-kleur van de pictogramachtergrond om beter bij uw ontwerp te passen.
- Dekking - Met de schuifregelaar kunt u wijzigen hoe dekkend of transparant de pictogramachtergrond is.
- Navigatiebalk tonen - Wanneer aangevinkt, voegt kleine navigatiepijlen toe aan het pictogram. Hiermee kunt u snel navigeren door meerdere links. Ziet er als volgt uit:
Instellingen
Als u de knop Instellingen selecteert, wordt het gedeelte Datatoewijzing in het zijmenu geopend:
Als u op Datatoewijzing maken klikt, kunt u de geselecteerde tekst dynamisch maken, gekoppeld aan een van uw bestaande Databronnen. Zie ons artikel over Dynamische databronnen met OptiSync voor meer informatie.
Effecten
Als u de optie Effecten selecteert, kunt u verschillende aspecten van uw tekst wijzigen. Het opent het gedeelte Effecten in het zijmenu:
Hier hebt u talloze opties. We zullen ze elk achtereenvolgens bespreken.
| OPMERKING |
| Veel van deze opties worden het best gebruikt met een transparante achtergrond, anders zult u weinig verschil zien. |
Als u het gedeelte Kleur uitvouwt, kunt u kleur aan de foto of afbeelding toevoegen.
Selecteer uit vooraf ingestelde kleuren, kleuren die in dit ontwerp worden gebruikt, of via de kleurenkiezer.
Als u het gedeelte Achtergrond uitvouwt, kunt u een specifieke achtergrondkleur instellen waarop de foto of afbeelding wordt geplaatst. Dit is functioneel hetzelfde als de optie Achtergrond in het bovenmenu.
Als u het gedeelte Dekking uitvouwt, kunt u de dekking van het geselecteerde gebied variëren - achtergrond en tekst samen.
Dit kan worden aangepast via de schuifregelaar. Hieronder wordt halve dekking weergegeven:
Als u het gedeelte Omtrek uitvouwt, kunt u een omtrek aan de foto of afbeelding toevoegen. U kunt een kleur selecteren uit een vervolgkeuzelijst of de kleurenkiezer gebruiken, en de schuifregelaar gebruiken om de dikte te wijzigen.
Als u het gedeelte Schaduw uitvouwt, kunt u een schaduw over de foto of afbeelding maken. Standaard zijn alle schuifregelaars wit.
Door een kleur toe te passen wordt een schaduw gemaakt, en door de schuifregelaars te wijzigen kunt u de vervaging wijzigen en de schaduw langs de X- of Y-as verschuiven.
Als u het gedeelte Verloop uitvouwt, krijgt u verschillende verloopopties voor uw tekst. Als u op een van deze verloopopties klikt, wordt deze op uw tekst toegepast.
Het gedeelte Textuur is vergelijkbaar met het gedeelte Verloop. Het biedt verschillende textuurenopties voor uw tekst. Als u op een van deze textuurenopties klikt, worden deze op uw tekst toegepast.
Animeren
Als u de knop Animeren selecteert, kunt u animaties aan uw foto's of afbeeldingen toevoegen. Als u erop klikt, wordt het gebied Animeren in het zijmenu geopend:
Er zijn talloze opties voor het toevoegen van animaties aan uw ontwerp. Voor meer informatie hierover, zie ons Animaties artikel.
Positie
Als u de optie Positie selecteert, wordt het gedeelte Positie van het zijmenu geopend. Dit stelt u in staat om de foto of afbeelding nauwkeurig te plaatsen of de laagvolgorde te wijzigen.
- Naar voren brengen - Brengt de geselecteerde foto of afbeelding naar de bovenste laag
- Voorwaarts brengen - Brengt de geselecteerde foto of afbeelding één laag omhoog
- Naar achteren sturen - Brengt de geselecteerde foto of afbeelding naar de onderste laag
- Achterwaarts sturen - Brengt de geselecteerde foto of afbeelding één laag omlaag
-
Uitlijnen op pagina - Opties om de uitlijning van de geselecteerde foto of afbeelding te wijzigen
- Links
- Midden
- Rechts
- Boven
- Midden
- Onder
-
Gelijk verdelen - Lijnt de foto of afbeelding uit binnen de grotere selectie
- Verticaal
- Horizontaal
-
Spiegelen - Spiegelt de geselecteerde foto of afbeelding
- Horizontaal
- Verticaal
- Positie - Maakt specifieke plaatsing van foto of afbeelding in het ontwerp mogelijk
- Grootte wijzigen - Maakt nauwkeurige schaling van het geselecteerde foto- of afbeeldingselement mogelijk
- Beeldverhouding behouden - Wanneer aangevinkt, behoudt de beeldverhouding bij het schalen
Vergrendelen / Stijl kopiëren
| OPMERKING |
| De functie "Vergrendelen" is alleen beschikbaar voor Pro Plus-abonnees en hoger. |
Als u op de knop Vergrendelen klikt, wordt de geselecteerde foto of afbeelding op zijn plaats vergrendeld, waardoor er geen wijzigingen aan kunnen worden aangebracht.
Dit is handig bij het werken met veel elementen in een ontwerp.
Met de knop Stijl kopiëren kunt u snel de stijl van de geselecteerde foto op een andere toepassen.
Dit is handig voor het snel stylen van meerdere foto's.
GIPHY
Met de optie GIPHY in het zijmenu kunt u kiezen uit verschillende stickers, GIF's, emoji's en geanimeerde tekstopties om in uw ontwerp te plaatsen.
Met de functie Zoeken kunt u de GIF, sticker, emoji of geanimeerde tekst vinden die u wilt gebruiken van GIPHY. Eenmaal geselecteerd, worden ze in uw ontwerp geplaatst en automatisch geanimeerd:
Deze kunnen verder worden verfijnd met de knop Positie.
Als u hierop klikt terwijl de GIF is geselecteerd, wordt het tabblad Positie in het zijmenu geopend:
- Naar voren brengen - Brengt de geselecteerde GIF naar de bovenste laag
- Voorwaarts brengen - Brengt de geselecteerde GIF één laag omhoog
- Naar achteren sturen - Brengt de geselecteerde GIF naar de onderste laag
- Achterwaarts sturen - Brengt de geselecteerde GIF één laag omlaag
-
Uitlijnen op pagina - Opties om de uitlijning van de geselecteerde GIF te wijzigen
- Links
- Midden
- Rechts
- Boven
- Midden
- Onder
-
Gelijk verdelen - Lijnt de GIF uit binnen het grotere vak
- Verticaal
- Horizontaal
-
Spiegelen - Spiegelt de geselecteerde GIF
- Horizontaal
- Verticaal
- Positie - Maakt specifieke plaatsing van de GIF in het ontwerp mogelijk
- Grootte wijzigen - Maakt nauwkeurige schaling van de GIF mogelijk
Beeldverhouding behouden - Wanneer aangevinkt, behoudt automatisch de beeldverhouding bij het schalen.
Als achtergrond gebruiken - Wanneer aangevinkt, kan de GIF als achtergrond in het ontwerp worden gebruikt.
QR-code
Met de optie QR-code in het zijmenu kunt u een QR-code aan elk ontwerp toevoegen. Als u op QR-code toevoegen klikt, krijgt u talrijke opties:
Kies:
- Website-URL - Stuurt gebruiker naar website wanneer QR-code wordt gescand
- E-mail - Stuurt een e-mail naar een opgegeven adres wanneer QR-code wordt gescand.
- Tekst - Toont tekst wanneer gebruiker QR-code scant
- Bellen - Belt wanneer gebruiker QR-code scant
- SMS - Stuurt een sms naar een specifiek nummer wanneer QR-code wordt gescand
- App Store - Stuurt gebruiker naar de Apple Store of de Google Play Store wanneer QR-code wordt gescand.
- Facebook - Stuurt gebruiker naar Facebook-pagina wanneer QR-code wordt gescand.
- Instagram - Stuurt gebruiker naar Instagram-pagina wanneer QR-code wordt gescand.
- X - Stuurt gebruiker naar X-profiel wanneer QR-code wordt gescand.
- WiFi - Geeft gebruiker toegang tot een WiFi-netwerk wanneer QR-code wordt gescand.
- WhatsApp - Stuurt een bericht op WhatsApp wanneer QR-code wordt gescand.
- Asset - Kies een OptiSigns-asset die de gebruiker ziet wanneer QR-code wordt gescand.
Als u op QR-code bijwerken klikt, kunt u het type QR-code wijzigen of informatie bijwerken.
Ten slotte kunnen desgewenst meerdere QR-codes aan het ontwerp worden toegevoegd.
Dat is alles!
OptiSigns is de leider in digital signage-software. Als u aanvullende vragen, zorgen of feedback hebt over OptiSigns, neem dan gerust contact op met ons ondersteuningsteam via support@optisigns.com.