Customize Text

In dit artikel verkennen we alle opties voor het maken en toevoegen van Tekst in de OptiSigns Designer App.

• Tekst toevoegen
• Tekst bewerken
• Aanvullende elementopties
  • Lettertypen
  • Kleuren
  • Tekstopmaak
  • Link
  • Instellingen
  • Effecten
  • Animeren
  • Positie
  • Vergrendelen & Stijl kopiëren

Het toevoegen van tekstelementen aan een ontwerp is eenvoudig, maar met Designer zijn er talloze opties om uw woorden echt te laten opvallen.

Voor meer informatie over de basiselementen van Designer, zie onze Aan de slag met Designer handleiding.

Tekst toevoegen

De Tekst optie stelt u in staat om tekst in het ontwerp in te voegen.

Het kiezen van Tekst uit het Bovenmenu weerspiegelt uw keuze in het Zijmenu en opent meer opties:

Klikken op Voeg een tekstvak toe of een van de voorgedefinieerde tekstopties voegt een tekstvak toe aan de Designer-weergave:

Tekst bewerken

Dubbelklikken of selecteren van de tekst stelt u in staat om direct tekst in te voeren.

Ten slotte kunt u door eenmaal te klikken op het tekstelement, de muisknop ingedrukt te houden en te slepen, de tekst verplaatsen.

Wanneer geselecteerd, heeft de Tekst zelf een volledige set opties:

• Dupliceren - Maakt een exacte kopie van de geselecteerde tekst
• Verwijderen - Verwijdert de geselecteerde tekst uit het ontwerp
• Meer
  • Kopiëren - Kopieert de geselecteerde tekst om later te plakken
  • Stijl kopiëren -
  • Plakken - Plakt element van klembord in tekst
  • Dupliceren - Maakt een exacte kopie van de geselecteerde tekst
  • Component toevoegen -
  • Verwijderen - Verwijdert de geselecteerde tekst uit het ontwerp
  • Laag - Opties om de geselecteerde tekstlaag te wijzigen
    • Naar voren brengen - Brengt geselecteerde tekst één laag omhoog
    • Naar voorgrond brengen - Brengt geselecteerde tekst naar de bovenste laag
    • Naar achteren brengen - Brengt geselecteerde tekst één laag omlaag
    • Naar achtergrond brengen - Brengt geselecteerde tekst naar de onderste laag
  • Elementen uitlijnen - Opties om de uitlijning van geselecteerde tekst te wijzigen
    • Links
    • Midden
    • Rechts
    • Boven
    • Midden
    • Onder
  • Link - Voeg een URL toe aan de geselecteerde tekst.
  • Animeren - Voeg een animatie toe aan de geselecteerde tekst.

Aanvullende elementopties

Klikken op de tekst wijzigt het Bovenmenu:

Het Bovenmenu heeft aanvullende opties:

Lettertypen

Klikken op de Lettertype optie (standaard toont dit het lettertype als Roboto) opent de Lettertypen sectie in het Zijmenu.

Designer heeft honderden lettertypeopties, waarbij Google Fonts selecteerbare lettergewichten heeft. Door op een lettertype te klikken wordt het geselecteerd en krijgt u opties voor hoe het moet worden weergegeven:

De Lettergrootte kan worden gewijzigd door op de '-' of '+' opties te klikken, of door op het lettergrootte nummer te klikken.

Door op het lettergrootte nummer te klikken kunt u kiezen uit een aantal vooraf ingestelde lettergroottes, of een aangepaste grootte invoeren.

We bieden ook Aangepaste lettertypen via de Brand Kit.

Kleuren

Het selecteren van de Kleuren optie opent de Kleuren sectie in het Zijmenu.

Hier kunt u kiezen tussen vooraf ingestelde kleuren, kleuren die al in dit ontwerp worden gebruikt, of via de Kleurenkiezer optie:

Kleurenkiezer

1. Kleurselector
2. Momenteel geselecteerde kleur / Kleurdruppeltool
3. Kleurschuifregelaar
4. Dekking/Transparantieschuifregelaar
5. Kleurcode-invoer
6. Code-wisselaar - Wissel tussen hexadecimale, RGB, en HSLA kleurcodes
7. Eerder gebruikte kleuren

De Kleurdruppeltool laat u eenvoudig elke kleur kiezen.

Tekstopmaak

Het selecteren van Vet, Cursief, Onderstrepen, of Doorhalen past deze eigenschappen toe op de geselecteerde tekst. Deze effecten kunnen op elkaar worden gestapeld en in elke combinatie worden gebruikt.

Teksthoofdletters

Het selecteren van Teksthoofdletters opent een submenu:

Hier kunt u kiezen tussen verschillende hoofdletterweergaven:

• HOOFDLETTERS - Staat alleen typen in hoofdletters toe.
• kleine letters - Staat alleen typen in kleine letters toe.
• Zinshoofdletter - Formatteert tekst automatisch naar zinshoofdletters.
• Titel Hoofdletters - Formatteert tekst automatisch naar titelhoofdletters.

Uitlijning

Het selecteren van de Uitlijning optie opent een ander submenu:

Hier kunt u kiezen tussen Links, Midden, Rechts, of Uitgevuld uitlijning.

Afstand

Het selecteren van de Afstand optie opent nog een ander submenu:

Hier kunt u de hoeveelheid ruimte tussen uw letters en regels aanpassen.

Link

Het selecteren van de Link optie laat u tekst omzetten in een interactief element, meestal gebruikt voor kiosken. Het opent de Linkopties sectie in het Zijmenu:

Klikken op Link toevoegen vraagt u om een URL in te voeren of een asset te selecteren:

Zodra een link of asset is gekozen, verschijnen meer opties in de Linkopties sectie:

Het uitklappen van de Schaal sectie biedt deze optie voor uw asset:

Hier kunt u kiezen 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.

Het uitklappen van de Instellingen sectie biedt deze opties voor uw link:

• Duur (seconden) - Wanneer op de link wordt geklikt of getikt, hoelang de link of asset wordt weergegeven voordat deze terugkeert naar het hoofdontwerp. Dit begint vanaf de laatste aanraking van 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 laten verschijnen wanneer op de link wordt geklikt. Het hebben van veel links die moeten laden kan echter vertraging veroorzaken.

Het uitklappen van de Sluit- & Navigatiebalk Styler sectie biedt deze opties voor uw link:

Deze sectie verwijst naar de knop die op uw schermen verschijnt wanneer deze naar hen wordt gepusht. Door op deze knop te klikken of te tikken keert u terug naar het oorspronkelijke ontwerp.

• Pictogrampositie - Toont waar dit pictogram verschijnt. Standaard is Onder Midden, maar kan overal langs de boven- of onderkant worden geplaatst, of volledig worden uitgeschakeld.
• Pictogramstijl - Stelt u in staat de stijl van het pictogram in te stellen. Kies uit Label, Vast, Rond, of Standaard (zie hierboven)
• Pictogramgrootte - Stelt u in staat de grootte van het pictogram te wijzigen. Kies uit Klein, Gemiddeld, 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 - Schuifregelaar stelt u in staat te wijzigen hoe ondoorzichtig of transparant de pictogramachtergrond is.
• Navigatiebalk tonen - Wanneer aangevinkt, voegt kleine navigatiepijlen toe aan het pictogram. Stelt u in staat snel door meerdere links te navigeren. Ziet er zo uit:

Instellingen

Het selecteren van de Instellingen knop opent de Gegevenskoppeling sectie in het Zijmenu:

Klikken op Gegevenskoppeling maken stelt u in staat om de geselecteerde tekst dynamisch te maken, gekoppeld aan een van uw bestaande DataSources. Zie ons artikel over Dynamische DataSources met OptiSync voor meer informatie.

Effecten

Het selecteren van de Effecten optie stelt u in staat een aantal verschillende aspecten van uw tekst te wijzigen. Het opent de Effecten sectie in het Zijmenu:

Hier heeft u talrijke opties. We zullen ze allemaal afzonderlijk behandelen.

Het uitklappen van de Kleur sectie stelt u in staat kleur aan de tekst toe te voegen.

Dit is functioneel hetzelfde als de Kleuren optie in het Tekst Bovenmenu. Selecteer uit vooraf ingestelde kleuren, kleuren gebruikt in dit ontwerp, of via de kleurenkiezer.

Het uitklappen van de Achtergrond sectie stelt u in staat een specifieke achtergrondkleur in te stellen waarop de Tekst staat.

Dit kan worden geselecteerd uit vooraf ingestelde kleuren, kleuren die al aan het ontwerp zijn toegewezen, of gemaakt via de kleurenkiezer:

Het uitklappen van de Dekking sectie stelt u in staat de dekking van het geselecteerde gebied te variëren - achtergrond en tekst samen.

Dit kan worden aangepast via schuifregelaar. Hieronder wordt halve dekking getoond:

Het uitklappen van de Omlijning sectie stelt u in staat een omlijning aan de tekst toe te voegen.

U kunt een kleur selecteren uit een vervolgkeuzelijst of hexadecimale HTML gebruiken, en de schuifregelaar gebruiken om de dikte te wijzigen:

Het uitklappen van de Schaduw sectie stelt u in staat een schaduw over uw tekstvak te creëren. Standaard zijn alle schuifregelaars wit.

Het toepassen van een kleur creëert een schaduw:

Het wijzigen van de schuifregelaars stelt u in staat de vervaging te wijzigen en de schaduw langs de X- of Y-as te verschuiven.

Zonder achtergrond is de schaduw alleen van toepassing op de tekst zelf:

Het uitklappen van de Verloop sectie presenteert verschillende verloopopties voor uw tekst. Door op een van deze verloopopties te klikken wordt deze op uw tekst toegepast.

Het uitklappen van de Textuur sectie presenteert verschillende textuuropties voor uw tekst. Door op een van deze textuurropties te klikken worden ze op uw tekst toegepast.

Animeren

Klikken op de Animeren knop opent de Animeren sectie van het Zijmenu:

Voor meer informatie over de animatiemogelijkheden van Designer, zie ons Animatie artikel.

Positie

Het selecteren van de Positie knop opent de Positie sectie van het Zijmenu.

• Naar voorgrond brengen - Brengt geselecteerde tekst naar de bovenste laag
• Naar voren brengen - Brengt geselecteerde tekst één laag omhoog
• Naar achtergrond brengen - Brengt geselecteerde tekst naar de onderste laag
• Naar achteren brengen - Brengt geselecteerde tekst één laag omlaag
• Uitlijnen op pagina - Opties om de uitlijning van geselecteerde tekst te wijzigen
  • Links
  • Midden
  • Rechts
  • Boven
  • Midden
  • Onder
• Gelijkmatig verdelen - Lijnt de tekst binnen het grotere tekstvak uit
  • Verticaal
  • Horizontaal
• Spiegelen - Spiegelt de geselecteerde tekst
  • Horizontaal
  • Verticaal
• Positie - Maakt specifieke plaatsing van tekstelement in het ontwerp mogelijk
• Formaat wijzigen - Maakt nauwkeurig wijzigen van het formaat van het geselecteerde tekstelement mogelijk

Vergrendelen & Stijl kopiëren

Klikken op de Vergrendelen knop vergrendelt het geselecteerde tekstelement op zijn plaats, waardoor geen wijzigingen meer kunnen worden aangebracht.

Dit is handig bij het werken met veel elementen nadat u de tekst precies op de gewenste plek heeft gekregen.

De Stijl kopiëren knop stelt u in staat om snel de stijl van het geselecteerde tekstelement op een ander toe te passen.

Dit is handig voor het snel formatteren van talrijke tekstelementen.

Dat is alles!

OptiSigns is de leider in digital signage software. Als u aanvullende vragen, zorgen of feedback over OptiSigns heeft, neem dan gerust contact op met ons supportteam via support@optisigns.com.