In dit artikel behandelen we de basisfuncties en functies van de OptiSigns Designer app.
- Designer openen
- Designer App Overzicht
- Canvas
- Topmenu - Basisfuncties
- Rechterkolom - Positionering
- Zijmenu - Geavanceerde functies
- Wisselen tussen Designer 2.0 en Designer 1.0
De OptiSigns Designer app is onze meest uitgebreide applicatie, waarmee u volledig content kunt maken voor weergave op digitale schermen. Deze handleiding helpt u op weg met het maken van content binnen het OptiSigns platform.
Designer openen
Om Designer te openen, klikt u op Bestanden/Assets, vervolgens op App.
Klik vervolgens op Designer. Dit opent de Designer app.
Designer App Overzicht
De Designer app is opgedeeld in 4 hoofdzones:
- Topmenu - Basisfuncties
- Canvas
- Werkbalk - Positionering
- Zijmenu - Geavanceerde functies
We zullen elk onderdeel afzonderlijk behandelen.
Canvas
Het Designer canvas is waar uw ontwerp zich bevindt. Elk element is zichtbaar en selecteerbaar binnen het venster.
Elementen kunnen van hieruit worden verplaatst, vergroot/verkleind, verwijderd en meer.
Topmenu - Basisfuncties
Het Topmenu van het Ontwerpvenster is waar basisfuncties te vinden zijn. Deze omvatten het toevoegen van afbeeldingen, tekst, vormen, achtergronden, filters, animatie en kaders, het benoemen van uw ontwerp, tekenen en het aanpassen van de grootte van uw ontwerp.
Uw ontwerp een naam geven
Standaard krijgt elk nieuw ontwerp de titel "Your new untitled design", zoals hieronder wordt weergegeven.
We raden aan deze naam zo snel mogelijk te wijzigen, want hoewel het mogelijk is om een ontwerp met de standaardnaam op te slaan, zal het moeilijk zijn om het in uw Assets-map te identificeren.
Zodra het ontwerp een naam heeft gekregen, zal deze daar tijdens het gehele ontwerpproces verschijnen.
Verplaatsen, Opslaan, Nieuw Ontwerp en Download Functies
De functies Verplaatsen, Opslaan, Nieuw Ontwerp en Download bevinden zich rechts van de naam.
Deze werken op dezelfde manier als in de meeste andere applicaties:
Verplaatsen - Hiermee kunt u het Ontwerp-asset naar andere mappen verplaatsen. Wanneer u op deze knop klikt, verschijnt een pop-up waarin u Map Selecteren kunt kiezen.
U kunt hier ook een Nieuwe Map maken indien nodig.
Opslaan - Slaat uw Ontwerp-asset op. Dit zal eerdere versies van het asset overschrijven, tenzij u het een andere naam geeft.
| OPMERKING |
| Het klikken op Opslaan met een leeg ontwerp activeert een waarschuwing die u laat weten dat u een leeg ontwerp opslaat. Het ontwerp zal niet worden opgeslagen. |
Telkens wanneer een wijziging in uw ontwerp wordt aangebracht zonder op te slaan, verschijnt er een melding in het Topmenu die u waarschuwt dat u niet-opgeslagen wijzigingen heeft:
Nieuw Ontwerp - Sluit het huidige ontwerp af en maakt een nieuw ontwerp. Het paneel Nieuw Ontwerp verschijnt in de linkerzijbalk:
Hier kunt u de oriëntatie en grootte van het Nieuwe Ontwerp bepalen.
Download - Download het huidige ontwerp naar uw lokale apparaat. U kunt het bestand hernoemen en kiezen tussen PNG en JPG bestandstypen.
Afbeelding
Met de optie Afbeelding kunt u afbeeldingen uploaden naar uw ontwerp.
Wanneer u erop klikt, geeft het u twee opties: Mijn Apparaat en Afbeelding Assets.
Als u op Mijn Apparaat klikt, kunt u een afbeelding uploaden vanaf het huidige apparaat dat u gebruikt, terwijl Afbeelding Assets u een afbeelding rechtstreeks uit uw Bestanden/Assets-bibliotheek laat uploaden.
Voor meer informatie, zie ons artikel Afbeeldingen / Foto's in Designer.
Tekst
Met de optie Tekst kunt u tekst invoegen in het ontwerp.
Tekst kan worden gekozen vanuit het Topmenu of het Zijmenu. Beide openen het Zijmenu voor meer opties:
Door te klikken op Voeg een tekstvak toe of een van de voorgedefinieerde tekstopties wordt een tekstvak toegevoegd aan het Designer-scherm:
Doe wat de prompt aangeeft, en er openen zich talloze opties voor u. Ten eerste heeft de Tekst zelf een volledig scala aan opties:
Het klikken op de tekst wijzigt ook het Topmenu:
Dubbelklikken of selecteren van de tekst stelt u in staat om direct tekst in te voeren.
Tot slot kunt u door één keer op de tekst te klikken en vervolgens de muisknop ingedrukt te houden en te slepen de tekst verplaatsen.
Voor een complete uitsplitsing van de Tekst-functie, zie ons artikel Tekst in Designer.
Vormen
Met de optie Vormen kunt u vooraf gemaakte vormen of elementen aan het ontwerp toevoegen.
Het kiezen van Vormen uit het Topmenu opent het tabblad Elementen in het Zijmenu:
Hier kunt u kiezen tussen Vormen en Elementen om toe te voegen aan het ontwerp. Er is een groot aantal hiervan, dus kies die welke aan uw behoeften voldoen.
Het klikken op een Vorm of Element voegt het toe aan het ontwerp:
Vormen zijn reactief en kunnen naar wens worden vergroot/verkleind of gedraaid:
Het klikken op de Vorm of het Element wijzigt het Topmenu en is direct van toepassing op de selectie:
Ten slotte heeft de Vorm of het Element zelf een volledig scala aan opties:
Voor een complete uitsplitsing van de balk Vormen en Elementen, zie ons artikel Vormen en Elementen.
Achtergrond
Met de optie Achtergrond kunt u de achtergrondkleur van uw ontwerp wijzigen.
Door erop te klikken wordt het gebied Canvas Achtergrond in het Zijmenu geopend:
Het selecteren van een van de kleuren past deze toe op uw ontwerp:
Als geen van de standaardkleuren aan uw behoeften voldoet, kunt u ook kiezen uit de kleurenkiezer en vervolgens drag-and-drop gebruiken om kleur te kiezen of HEX-, RGBA- of HSLA-kleurcodes met de pijlen.
Kader
Met de optie Kader kunt u een kader rondom uw ontwerp toevoegen
Door erop te klikken wordt het gebied Kader in het Zijmenu geopend:
Het klikken op een van deze kaders past het toe op uw ontwerp:
Filter
Met de optie Filter kunt u een van meerdere filters toepassen op het ontwerp.
Door erop te klikken wordt het paneel Filter in het Zijmenu geopend:
Deze filters kunnen worden toegepast op het gehele ontwerp, of op individuele afbeelding- of achtergrondelementen zoals hier:
Bepaalde filters worden automatisch toegepast. Andere hebben schuifregelaars die fijnafstelling mogelijk maken. Tot slot kan elk filter worden gestapeld met andere.
Tekenen
Met de optie Tekenen kunt u vrij tekenen op uw ontwerp.
Door erop te klikken wordt het paneel Tekenen in het Zijmenu geopend:
Hier heeft u een paar opties:
- Stop met tekenen - Houdt het Teken-paneel open, maar maakt het mogelijk om aanpassingen aan de afbeelding te maken. Wanneer hierop wordt geklikt, verandert dit in Start met tekenen.
- Penseeltype - Selecteert welk type penseel wordt gebruikt bij het tekenen.
- Penseelgrootte - Hiermee kunt u de grootte van uw penseel aanpassen.
- Penseelkleur - Selecteer penseelkleur uit een set standaardkleuren of via de kleurenkiezer.
Zodra de gewenste opties zijn geselecteerd, kunt u tekenen wat u wilt op het ontwerp:
Deze getekende elementen kunnen worden geselecteerd en bewerkt zoals elk ander element van het ontwerp.
Formaat wijzigen
Met de optie Formaat wijzigen kunt u de grootte van het ontwerp wijzigen.
Door erop te klikken wordt het gebied Formaat wijzigen in het Zijmenu geopend:
Hier heeft u een paar opties:
- Oriëntatie - Wissel tussen Liggend en Staand.
- Nieuwe grootte - Hiermee kunt u de breedte en hoogte van het ontwerp wijzigen. De standaard of aangepaste getallen worden aangepast aan de geselecteerde oriëntatie.
- Beeldverhouding behouden - Wanneer aangevinkt, wordt elke wijziging in breedte of hoogte gespiegeld door de andere waarde.
- Percentages gebruiken - Verandert de breedte- en hoogtewaarden van pixels naar percentages. Maakt de oriëntatieselecties grijs.
- Alleen canvasgrootte wijzigen - Wanneer aangevinkt, wordt alleen de grootte van het canvas gewijzigd, niet van de elementen die aanwezig zijn in het ontwerp. Als dit niet is aangevinkt, worden alle elementen van het ontwerp aangepast aan het canvas.
Zodra u de gewenste aanpassingen hebt gemaakt, klikt u op de knop Formaat wijzigen en wordt de grootte van uw ontwerp aangepast.
Animeren
Met de knop Animeren kunt u animaties toevoegen aan uw ontwerpelementen.
Door erop te klikken wordt het gebied Animeren in het Zijmenu geopend:
Om animaties toe te voegen, moet u een element van uw ontwerp selecteren. Klik vervolgens op Toevoegen:
Er zijn talloze opties voor het toevoegen van Animaties aan uw ontwerp. Voor meer informatie hierover, zie ons artikel Animaties.
Voorvertoning en Naar schermen sturen
Met deze opties kunt u een Voorvertoning bekijken van hoe het ontwerp eruitziet wanneer het op een scherm wordt weergegeven, of het ontwerp onmiddellijk naar een scherm sturen.
Voorvertoning
De knop Voorvertoning toont hoe uw ontwerp eruitziet als het naar een scherm wordt gestuurd.
Let op dat deze Voorvertoning mogelijk enigszins afwijkt van wat daadwerkelijk wordt weergegeven, afhankelijk van de hardware die u gebruikt om OptiSigns uit te voeren en verschillende andere factoren.
Naar schermen sturen
Hier kunt u het asset toewijzen aan een scherm of tag. Voor meer informatie, zie ons artikel over Content naar schermen sturen.
Sluiten
Door op de knop Sluiten te klikken wordt het ontwerp gesloten. Als op deze knop wordt geklikt voordat het ontwerp is opgeslagen, verschijnt de volgende pop-up:
Dit geeft u de optie om door te gaan met bewerken, wijzigingen te verwijderen of wijzigingen op te slaan en te sluiten.
Ongedaan maken/Opnieuw
De optie Ongedaan maken doet wat het zegt - het maakt de laatste actie ongedaan. Als deze knop per ongeluk wordt ingedrukt, zal de knop Opnieuw dit herstellen.
| OPMERKING |
| Het commando Ongedaan maken kan ook worden uitgevoerd met CTRL+Z op een Windows-machine of Cmd+Z op een Mac. Opnieuw kan worden uitgevoerd met CTRL+Y op Windows of Cmd+SHIFT+Z op Mac. |
Werkbalk - Positionering
De Werkbalk aan de rechterkant wordt voornamelijk gebruikt voor het positioneren van elementen van uw ontwerp via de functies Zoom, Laag, Geschiedenis en het Handgereedschap.
Zoom
Toont het Zoom-niveau op het ontwerp. Kan worden aangepast met de '+' of '-' knoppen.
Kan worden aangepast met de '+' of '-' knoppen.
Lagen
Met de knop Lagen kunt u de gelaagdheid van de elementen op uw ontwerp wijzigen.
Wanneer u erop klikt, wordt het venster Positie in het Zijmenu geopend, onder het tabblad Lagen.
Hier worden de verschillende elementen van uw ontwerp gerangschikt van de bovenste laag naar de onderste laag. Ze kunnen worden gesleept en neergezet om de lagen opnieuw te rangschikken, zoals hier:
Let op dat widgets niet kunnen worden herschikt en altijd bovenop het ontwerp worden weergegeven.
Geschiedenis
Met de knop Geschiedenis kunt u de geschiedenis van alle wijzigingen die aan het ontwerp zijn aangebracht bekijken.
Door erop te klikken wordt het venster Positie in het Zijmenu geopend onder het tabblad Geschiedenis:
Dit toont de genomen acties in aflopende volgorde, van hoe het ontwerp was toen het voor het eerst werd geopend tot elke individuele wijziging. Door op elk te klikken, wordt het ontwerp teruggebracht naar dat punt:
Let op dat het tabblad Geschiedenis wordt gewist telkens wanneer het ontwerp wordt gesloten en opnieuw wordt geopend.
Handgereedschap
Met het Handgereedschap kunt u het gehele ontwerp verplaatsen in plaats van alleen individuele elementen ervan.
Wanneer geselecteerd, wordt het handgereedschap-pictogram groen en verandert uw cursor in een hand. Het canvas kan dan worden verplaatst:
Zijmenu - Aanvullende functies
Het Zijmenu is waar de meeste Aanvullende Functies voor de OptiSigns Designer app zich bevinden.
Deze functies zijn wat u in staat stellen om uw ontwerp te transformeren van een eenvoudige, statische afbeelding naar dynamische signage met:
- Onze uitgebreide Sjabloonbibliotheek
- Uw Sjablonen en Componenten
- Widgets
- Foto's, GIF's, Stickers / Emoji's en QR-codes
- Dynamische Gegevensbronnen & Herhalers met OptiSync
- Tekst
- Vormen & Elementen
- Merkkit
Elk van deze belangrijke functies wordt in meer detail behandeld in hun respectievelijke artikelen, hierboven gelinkt.
Wisselen tussen Designer 2.0 en Designer 1.0
Om terug te gaan naar de oude 1.0 versie van Designer, klikt u gewoon op de knop Designer 1.0 gebruiken in de rechterbovenhoek van het scherm.
| OPMERKING |
| Designer 1.0 zal naar verwachting eind 2025 verouderd zijn, en alle ontwerpen die vanaf nu worden gemaakt zullen Designer 2.0 gebruiken. |
Dat is alles!
OptiSigns is de leider in digital signage software. Als u aanvullende vragen, opmerkingen of feedback over OptiSigns heeft, neem dan gerust contact op met ons ondersteuningsteam via support@optisigns.com.