Dans cet article, nous allons couvrir les fonctions et fonctionnalités de base de l'application OptiSigns Designer.
- Ouverture de Designer
- Vue d'ensemble de l'application Designer
- Canevas
- Menu supérieur - Fonctions de base
- Colonne de droite - Positionnement
- Menu latéral - Fonctions avancées
- Basculer entre Designer 2.0 et Designer 1.0
L'application OptiSigns Designer est notre application la plus riche en fonctionnalités, permettant la création complète de contenu pour l'affichage sur des écrans numériques. Ce guide vous aidera à démarrer la création de contenu au sein de la plateforme OptiSigns.
Ouverture de Designer
Pour ouvrir Designer, cliquez sur Fichiers/Ressources, puis sur App.
Ensuite, cliquez sur Designer. Cela ouvrira l'application Designer.
Vue d'ensemble de l'application Designer
L'application Designer est divisée en 4 zones principales :
- Menu supérieur - Fonctions de base
- Canevas
- Barre d'outils - Positionnement
- Menu latéral - Fonctions avancées
Nous allons passer en revue chacune d'entre elles.
Canevas
Le visualiseur Designer est l'endroit où se trouve votre design. Chaque élément est visible et sélectionnable dans la fenêtre.
Les éléments peuvent être déplacés, redimensionnés, supprimés, et plus encore à partir d'ici.
Menu supérieur - Fonctions de base
Le menu supérieur de la fenêtre Design est l'endroit où se trouvent les fonctions de base. Celles-ci incluent l'ajout d'images, de texte, de formes, d'arrière-plans, de filtres, d'animations et de cadres, la nomination de votre design, le dessin et le redimensionnement de votre design.
Nommer votre design
Par défaut, chaque nouveau design sera intitulé « Your new untitled design », comme indiqué ci-dessous.
Nous recommandons de changer ce nom dès que possible, car bien qu'il soit possible d'enregistrer un design avec le nom par défaut, il sera difficile à identifier dans votre dossier Ressources.
Une fois que le design a reçu un nom, il apparaîtra là tout au long du processus de conception.
Fonctions Déplacer, Enregistrer, Nouveau design et Télécharger
Les fonctions Déplacer, Enregistrer, Nouveau design et Télécharger se trouvent à droite du nom.
Ces fonctions fonctionnent de la même manière que dans la plupart des autres applications :
Déplacer - Vous permet de déplacer la ressource Design vers différents dossiers. En appuyant sur ce bouton, une fenêtre contextuelle apparaîtra vous permettant de Sélectionner un dossier.
Vous pouvez également créer un nouveau dossier ici si nécessaire.
Enregistrer - Enregistre votre ressource Design. Cela écrasera toutes les versions antérieures de la ressource, sauf si vous lui donnez un autre nom.
| NOTE |
| En appuyant sur Enregistrer avec un design vierge, un avertissement vous informe que vous enregistrez un design vierge. Le design ne sera pas enregistré. |
Chaque fois qu'une modification est apportée à votre design sans enregistrement, une notification apparaîtra dans le menu supérieur vous alertant que vous avez des modifications non enregistrées :
Nouveau design - Quitte le design actuel et en crée un nouveau. Le panneau Nouveau design apparaîtra dans la barre latérale gauche :
Ici, vous pouvez déterminer l'orientation et la taille du nouveau design.
Télécharger - Télécharge le design actuel sur votre appareil local. Vous pourrez renommer le fichier et choisir entre les types de fichiers PNG et JPG.
Image
L'option Image vous permet de télécharger des images dans votre design.
Lorsque vous cliquez dessus, elle vous donnera deux options : Mon appareil et Ressources d'images.
En cliquant sur Mon appareil, vous pourrez télécharger une image depuis l'appareil que vous utilisez actuellement, tandis que Ressources d'images vous permet de télécharger une image directement depuis votre bibliothèque Fichiers/Ressources.
Pour plus d'informations, consultez notre article Images / Photos dans Designer.
Texte
L'option Texte vous permet d'insérer du texte dans le design.
Le texte peut être choisi à partir du menu supérieur ou du menu latéral. L'un ou l'autre ouvrira le menu latéral pour plus d'options :
En cliquant sur Ajouter une zone de texte ou l'une des options de texte prédéfinies, une zone de texte sera ajoutée à la vue Designer :
Faites comme l'invite le dit, et de nombreuses options s'offrent à vous. Tout d'abord, le texte lui-même dispose d'un ensemble complet d'options :
Cliquer sur le texte modifie également le menu supérieur :
Double-cliquer ou sélectionner le texte vous permet d'entrer du texte directement.
Enfin, cliquer une fois sur le texte, puis maintenir le bouton de la souris enfoncé et faire glisser permet de repositionner le texte.
Pour une description complète de la fonction Texte, consultez notre article Texte dans Designer.
Formes
L'option Formes vous permet d'ajouter des formes ou des éléments prédéfinis au design.
Choisir Formes dans le menu supérieur ouvrira l'onglet Éléments dans le menu latéral :
Ici, vous pouvez choisir entre Formes et Éléments à ajouter au design. Il y en a un grand nombre, alors choisissez ceux qui correspondent à vos besoins.
Cliquer sur une forme ou un élément l'ajoutera au design :
Les formes sont réactives et peuvent être redimensionnées ou pivotées à volonté :
Cliquer sur la forme ou l'élément modifiera le menu supérieur et s'appliquera directement à la sélection :
Enfin, la forme ou l'élément lui-même dispose d'un ensemble complet d'options :
Pour une description complète de la barre Formes et Éléments, consultez notre article Formes et Éléments.
Arrière-plan
L'option Arrière-plan vous permet de modifier la couleur d'arrière-plan de votre design.
En cliquant dessus, la zone Arrière-plan du canevas s'ouvrira dans le menu latéral :
La sélection de l'une des couleurs l'appliquera à votre design :
Si aucune des couleurs par défaut ne répond à vos besoins, vous pouvez également sélectionner dans le sélecteur de couleurs, puis utiliser le glisser-déposer pour choisir la couleur ou les codes de couleur HEX, RGBA ou HSLA avec les flèches.
Cadre
Sélectionner l'option Cadre vous permettra d'ajouter un cadre autour de votre design
En cliquant dessus, la zone Cadre s'ouvrira dans le menu latéral :
Cliquer sur l'un de ces cadres l'appliquera à votre design :
Filtre
Sélectionner l'option Filtre vous permettra d'appliquer l'un de plusieurs filtres au design.
En cliquant dessus, le panneau Cadre s'ouvrira dans le menu latéral :
Ces filtres peuvent être appliqués à l'ensemble du design ou à des éléments d'image ou d'arrière-plan individuels comme ceci :
Certains filtres sont automatiquement appliqués. D'autres ont des curseurs qui peuvent fournir un réglage fin. Enfin, chaque filtre peut être empilé avec d'autres.
Dessiner
Sélectionner l'option Dessiner permettra un dessin libre sur votre design.
En cliquant dessus, le panneau Dessiner s'ouvre dans le menu latéral :
Ici, vous aurez quelques options :
- Arrêter de dessiner - Garde le panneau Dessiner ouvert, mais permet d'apporter des ajustements à l'image. Une fois cliqué, cela deviendra Commencer à dessiner.
- Type de pinceau - Sélectionne le type de pinceau à utiliser lors du dessin.
- Taille du pinceau - Vous permet de personnaliser la taille de votre pinceau.
- Couleur du pinceau - Sélectionnez la couleur du pinceau à partir d'un ensemble de couleurs par défaut ou via le sélecteur de couleurs.
Une fois les options souhaitées sélectionnées, vous pouvez dessiner ce que vous voulez sur le design :
Ces éléments dessinés peuvent être sélectionnés et modifiés comme n'importe quel autre élément du design.
Redimensionner
Sélectionner l'option Redimensionner vous permet de modifier la taille du design.
En cliquant dessus, la zone Redimensionner s'ouvrira dans le menu latéral :
Ici, vous aurez quelques options :
- Orientation - Basculer entre l'orientation Paysage et Portrait.
- Nouvelle taille - Vous permet de modifier la largeur et la hauteur du design. Les nombres par défaut ou personnalisés s'échangeront pour s'adapter à l'orientation sélectionnée.
- Conserver le rapport d'aspect - Lorsque cette option est cochée, toute modification de la largeur ou de la hauteur sera reflétée par l'autre valeur.
- Utiliser des pourcentages - Modifie les valeurs de largeur et de hauteur des pixels en pourcentages. Grisera les sélections d'orientation.
- Redimensionner uniquement la taille du canevas - Lorsque cette option est cochée, seule la taille du canevas sera modifiée, et non les éléments présents dans le design. Si elle n'est pas cochée, tous les éléments du design seront redimensionnés pour correspondre au canevas.
Une fois que vous avez effectué les ajustements souhaités, appuyez sur le bouton Redimensionner et votre design sera redimensionné.
Animer
Sélectionner le bouton Animer vous permettra d'ajouter des animations aux éléments de votre design.
En cliquant dessus, la zone Animer s'ouvrira dans le menu latéral :
Pour ajouter des animations, vous devrez sélectionner un élément de votre design. Ensuite, appuyez sur Ajouter :
Il existe de nombreuses options pour ajouter des animations à votre design. Pour plus d'informations à ce sujet, consultez notre article sur les Animations.
Aperçu et Envoyer vers les écrans
Ces options vous permettent de prévisualiser à quoi ressemblera le design lorsqu'il sera affiché sur un écran, ou d'envoyer immédiatement le design vers un écran.
Aperçu
Le bouton Aperçu affichera à quoi ressemblera votre design s'il est envoyé vers un écran.
Veuillez noter que cet Aperçu peut être légèrement différent de ce qui apparaîtra réellement en fonction du matériel que vous utilisez pour exécuter OptiSigns et de divers autres facteurs.
Envoyer vers les écrans
Ici, vous pouvez assigner la ressource à un écran ou une étiquette. Pour plus d'informations, consultez notre article sur Envoyer des contenus vers vos écrans.
Fermer
En appuyant sur le bouton Fermer, le design se fermera. Si ce bouton est cliqué avant que le design n'ait été enregistré, la fenêtre contextuelle suivante apparaîtra :
Cela vous donne la possibilité de Continuer à éditer, Supprimer les modifications ou Enregistrer les modifications et fermer.
Annuler/Rétablir
L'option Annuler fait ce qu'elle dit - elle annule la dernière action. Si ce bouton est poussé par erreur, le bouton Rétablir le corrigera.
| NOTE |
| La commande Annuler peut également être effectuée en utilisant CTRL+Z sur une machine Windows ou Cmd+Z sur un Mac. Rétablir peut être effectué en utilisant CTRL+Y sur Windows ou Cmd+SHIFT+Z sur Mac. |
Barre d'outils - Positionnement
La barre d'outils à droite est principalement utilisée pour positionner les éléments de votre design via les fonctions Zoom, Calque, Historique et Outil Main.
Zoom
Affiche le niveau de Zoom sur le design. Peut être ajusté avec les boutons '+' ou '-'.
Peut être ajusté avec les boutons '+' ou '-'.
Calques
Le bouton Calques vous permet de modifier la superposition des éléments de votre design.
Lorsque vous cliquez dessus, la fenêtre Position s'ouvre dans le menu latéral, sous l'onglet Calques.
Ici, les différents éléments de votre design seront disposés du calque supérieur au calque inférieur. Ils peuvent être glissés et déposés pour réorganiser les calques, comme ceci :
Notez que les widgets ne peuvent pas être réorganisés et seront toujours superposés au-dessus du design.
Historique
Sélectionner le bouton Historique vous permettra de visualiser l'historique de toutes les modifications apportées au design.
En cliquant dessus, la fenêtre Position s'ouvrira dans le menu latéral sous l'onglet Historique :
Cela affichera les actions effectuées dans l'ordre décroissant, depuis l'état du design lors de son ouverture jusqu'à chaque modification individuelle. Cliquer sur chacune ramènera le design à ce point :
Veuillez noter que l'onglet Historique s'effacera chaque fois que le design est fermé et rouvert.
Outil Main
Sélectionner l'Outil Main vous permettra de déplacer l'ensemble du design par opposition à des éléments individuels de celui-ci.
Une fois sélectionné, l'icône de l'outil main deviendra verte et votre curseur se transformera en main. Le canevas peut alors être déplacé :
Menu latéral - Fonctions supplémentaires
Le Menu latéral est l'endroit où se trouvent la plupart des fonctions supplémentaires de l'application OptiSigns Designer.
Ces fonctions sont ce qui vous permet de transformer votre design d'une simple image statique en signalisation dynamique avec :
- Notre vaste Bibliothèque de modèles
- Vos modèles et composants
- Widgets
- Photos, GIFs, Autocollants / Emojis et codes QR
- Sources de données dynamiques et répétiteurs avec OptiSync
- Texte
- Formes et éléments
- Kit de marque
Chacune de ces fonctions majeures est couverte plus en détail dans leurs articles respectifs, liés ci-dessus.
Basculer entre Designer 2.0 et Designer 1.0
Pour revenir à l'ancienne version 1.0 de Designer, cliquez simplement sur le bouton Utiliser Designer 1.0 dans le coin supérieur droit de l'écran.
| NOTE |
| Designer 1.0 est prévu pour être obsolète d'ici la fin de l'année 2025, et tous les designs créés à l'avenir utiliseront Designer 2.0. |
C'est tout !
OptiSigns est le leader en logiciel d'affichage numérique. Si vous avez des questions supplémentaires, des préoccupations ou des commentaires sur OptiSigns, n'hésitez pas à contacter notre équipe d'assistance à support@optisigns.com.