Shapes and Elements

In dit artikel verkennen we alle opties voor het maken en toevoegen van Vormen en Elementen in Designer.

• Vormen en Elementen toevoegen
• Vorm- en Elementopties
  • Kleuren
  • Achtergrond
  • Link
  • Instellingen
  • Effecten
  • Animeren
  • Positie
  • Vergrendelen & Stijl kopiëren

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

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

Vormen en Elementen toevoegen

Met de optie Vormen kunt u kant-en-klare vormen of elementen aan het ontwerp toevoegen.

Als u Vormen kiest uit het Hoofdmenu, wordt het tabblad Elementen geopend in het Zijmenu:

Hier kunt u kiezen tussen Vormen en Elementen om aan het ontwerp toe te voegen. Er zijn er heel veel, dus kies degene die bij uw behoeften passen.

Door op een Vorm of Element te klikken, wordt deze aan het ontwerp toegevoegd:

Vormen zijn reactief en kunnen naar believen worden vergroot of verkleind en geroteerd:

Vorm- en Elementopties

De Vorm of het Element zelf heeft een volledige set opties:

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

Door op de Vorm of het Element te klikken, verandert het Hoofdmenu en wordt het direct toegepast op de selectie:

Kleuren

Als u de optie Kleuren selecteert, wordt de sectie Kleuren geopend in het Zijmenu. Als u een van deze kleuren selecteert, wordt deze toegepast op de geselecteerde vorm of element:

Kies hier tussen vooraf ingestelde kleuren, kleuren die al in dit ontwerp zijn gebruikt, of via de optie Kleurenkiezer.

Kleurenkiezer

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

Met de Kleurdruppelaar kunt u eenvoudig elke kleur kiezen.

Achtergrond

Als u de optie Achtergrond selecteert, wordt de sectie Achtergrond geopend in het Zijmenu. Als u een van deze kleuren selecteert, worden deze toegepast op de achtergrond van uw vorm of element:

Kies hier tussen vooraf ingestelde kleuren, kleuren die al in dit ontwerp zijn gebruikt, of via de optie Kleurenkiezer.

Link

Als u de optie Link selecteert, kunt u uw vorm of element omzetten in een hyperlink. Het opent de sectie Linkopties in het Zijmenu:

Door op Link toevoegen te klikken, 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 de sectie Linkopties:

Het uitvouwen van de sectie Schaal biedt 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.

Het uitvouwen van de sectie Instellingen biedt deze opties voor uw URL of Asset:

• Duur (seconden) - Wanneer de link wordt aangeklikt of aangetikt, hoe lang de link of asset wordt weergegeven voordat wordt teruggekeerd naar het hoofdontwerp.
• Vooraf laden - Wanneer aangevinkt, wordt de website of afbeelding 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 meerdere links die moeten laden kan echter vertraging veroorzaken.

Het uitvouwen van de sectie Sluiten & Navigatiebalk Stijl biedt deze opties voor uw URL of Asset:

Deze sectie verwijst naar de knop die op uw schermen verschijnt wanneer deze 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 ingesteld op Onderaan centrum, maar kan overal langs de boven- of onderkant worden geplaatst, of volledig worden uitgeschakeld.
• Pictogramstijl - Hiermee kunt u de stijl van het pictogram instellen. Kies uit Label, Effen, Rond of Standaard (zie hierboven)
• Pictogramgrootte - Hiermee kunt u de grootte van het pictogram 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 - Met de schuifregelaar kunt u wijzigen hoe dekkend of transparant de pictogramachtergrond is.
• Navigatiebalk tonen - Wanneer aangevinkt, worden kleine navigatiepijlen aan het pictogram toegevoegd. Hiermee kunt u snel door meerdere links navigeren. Het ziet er zo uit:

Instellingen

Als u de knop Instellingen selecteert, wordt de sectie Data Mapping geopend in het Zijmenu:

Door op Data Mapping maken te drukken, kunt u de geselecteerde vorm of element dynamisch maken, gekoppeld aan een van uw bestaande DataSources. Zie ons artikel over Dynamische DataSources met OptiSync voor meer informatie.

Effecten

Als u de optie Effecten selecteert, kunt u verschillende aspecten van uw vorm of element wijzigen. Het opent de sectie Effecten in het Zijmenu:

Hier heeft u talloze opties. We zullen ze allemaal één voor één bespreken.

Het uitvouwen van de sectie Kleur stelt u in staat om kleur aan de vorm of element toe te voegen.

Dit is functioneel hetzelfde als de optie Kleuren in het Hoofdmenu Vormen en Elementen. Kies hier tussen vooraf ingestelde kleuren, kleuren die al in dit ontwerp zijn gebruikt, of via de optie Kleurenkiezer.

Het uitvouwen van de sectie Achtergrond stelt u in staat om een specifieke achtergrondkleur in te stellen waarop de Vorm of het Element kan staan.

Dit is ook functioneel hetzelfde als de optie Achtergrond in het Hoofdmenu Vormen en Elementen. Kies hier tussen vooraf ingestelde kleuren, kleuren die al in dit ontwerp zijn gebruikt, of via de optie Kleurenkiezer:

Het uitvouwen van de sectie Dekking stelt u in staat om de dekking van het geselecteerde gebied te variëren - achtergrond en vorm/element.

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

Het uitvouwen van de sectie Omlijning stelt u in staat om een omlijning aan de vorm of element toe te voegen, maar niet aan de achtergrond.

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

Het uitvouwen van de sectie Schaduw stelt u in staat om een schaduw over uw vorm of element 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 om de vervaging te wijzigen en de schaduw te verschuiven langs de X- of Y-as.

Met een transparante achtergrond is de schaduw alleen van toepassing op de vorm of het element zelf:

Het uitvouwen van de sectie Verloop presenteert verschillende verloopopties voor uw vorm of element. Door op een van deze verloopopties te klikken, wordt deze toegepast op uw vorm of element.

Het uitvouwen van de sectie Textuur presenteert verschillende textuurpties voor uw vorm of element. Door op een van deze texturopties te klikken, worden ze toegepast op uw vorm of element.

Animeren

Door op de knop Animeren te klikken, wordt de sectie Animeren van het Zijmenu geopend:

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

Positie

Als u de knop Positie selecteert, wordt de sectie Positie van het Zijmenu geopend.

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

Vergrendelen & Stijl kopiëren

Door op de knop Vergrendelen te drukken, wordt de geselecteerde vorm of element op zijn plaats vergrendeld, waardoor er geen wijzigingen meer aan kunnen worden aangebracht.

Dit is handig bij het werken met veel elementen nadat u de vorm of het element precies waar u het wilt heeft gekregen.

Met de knop Stijl kopiëren kunt u snel de stijl van de geselecteerde vorm of element op een andere toepassen.

Dit is handig voor het snel opmaken van talloze elementen.

Dat is alles!

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