En este artículo, cubriremos las funciones y características básicas de la aplicación OptiSigns Designer.
- Abrir Designer
- Descripción general de la aplicación Designer
- Lienzo
- Menú superior - Funciones básicas
- Columna derecha - Posicionamiento
- Menú lateral - Funciones avanzadas
- Cambiar entre Designer 2.0 y Designer 1.0
La aplicación OptiSigns Designer es nuestra aplicación con más funciones, permitiendo la creación completa de contenido para mostrar en señalización digital. Esta guía le ayudará a comenzar a crear contenido dentro de la plataforma OptiSigns.
Abrir Designer
Para abrir Designer, haga clic en Archivos/Recursos, luego App.
A continuación, presione Designer. Esto abrirá la aplicación Designer.
Descripción general de la aplicación Designer
La aplicación Designer se divide en 4 zonas principales:
- Menú superior - Funciones básicas
- Lienzo
- Barra de herramientas - Posicionamiento
- Menú lateral - Funciones avanzadas
Revisaremos cada una de ellas.
Lienzo
El visor de Designer es donde vive su diseño. Cada elemento es visible y seleccionable dentro de la ventana.
Los elementos se pueden mover, redimensionar, eliminar y más desde aquí.
Menú superior - Funciones básicas
El Menú superior de la ventana de Diseño es donde se pueden encontrar las funciones básicas. Estas incluyen agregar imágenes, texto, formas, fondos, filtros, animación y marcos, nombrar su diseño, dibujar y redimensionar su diseño.
Nombrar su diseño
Por defecto, cada nuevo diseño se titulará "Su nuevo diseño sin título", como se muestra a continuación.
Recomendamos cambiar este nombre lo antes posible, ya que, aunque es posible guardar un diseño con el nombre predeterminado, será difícil identificarlo en su carpeta de Recursos.
Una vez que el diseño haya recibido un nombre, aparecerá allí durante todo el proceso de diseño.
Funciones de Mover, Guardar, Nuevo Diseño y Descargar
Las funciones Mover, Guardar, Nuevo Diseño y Descargar están a la derecha del nombre.
Estas funcionan de la misma manera que en la mayoría de las otras aplicaciones:
Mover - Le permite mover el recurso de Diseño a diferentes carpetas. Al presionar este botón, aparecerá una ventana emergente que le permitirá Seleccionar carpeta.
También puede crear una Nueva carpeta aquí si es necesario.
Guardar - Guarda su recurso de Diseño. Esto sobrescribirá cualquier versión anterior del recurso, a menos que le dé otro nombre.
| NOTA |
| Al presionar Guardar con un diseño en blanco se activa una advertencia que le informa que está guardando un diseño en blanco. El diseño no se guardará. |
Cada vez que se realice un cambio en su diseño sin guardar, aparecerá una notificación en el Menú superior alertándole que tiene cambios sin guardar:
Nuevo Diseño - Sale del diseño actual y crea uno nuevo. El panel de Nuevo Diseño aparecerá en la barra lateral izquierda:
Aquí puede determinar la orientación y el tamaño del Nuevo Diseño.
Descargar - Descarga el diseño actual a su dispositivo local. Podrá cambiar el nombre del archivo y elegir entre los tipos de archivo PNG y JPG.
Imagen
La opción Imagen le permite cargar imágenes en su diseño.
Al hacer clic, le dará dos opciones: Mi dispositivo y Recursos de imagen.
Al hacer clic en Mi dispositivo le permitirá cargar una imagen desde el dispositivo actual que está usando, mientras que Recursos de imagen le permite cargar una imagen directamente desde su biblioteca de Archivos/Recursos.
Para más información, consulte nuestro artículo Imágenes / Fotos en Designer.
Texto
La opción Texto le permite insertar texto en el diseño.
El texto se puede elegir desde el Menú superior o el Menú lateral. Cualquiera abrirá el Menú lateral para más opciones:
Al hacer clic en Agregar un cuadro de texto o una de las opciones de texto predefinidas agregará un cuadro de texto a la Vista de Designer:
Haga lo que dice el aviso, y se le abrirán numerosas opciones. Primero, el Texto en sí tiene un conjunto completo de opciones:
Al hacer clic en el texto también se altera el Menú superior:
Hacer doble clic o seleccionar el texto le permite ingresar texto directamente.
Por último, hacer un solo clic en el texto, luego mantener presionado el botón del mouse y arrastrar le permite reposicionar el texto.
Para un desglose completo de la función Texto, consulte nuestro artículo Texto en Designer.
Formas
La opción Formas le permite agregar formas o elementos prefabricados al diseño.
Elegir Formas del Menú superior abrirá la pestaña Elementos en el Menú lateral:
Aquí puede elegir entre Formas y Elementos para agregar al diseño. Hay una gran cantidad de estos, así que elija los que se adapten a sus necesidades.
Al hacer clic en una Forma o Elemento lo agregará al diseño:
Las formas son reactivas y se pueden redimensionar o rotar a voluntad:
Al hacer clic en la Forma o Elemento cambiará el Menú superior y se aplicará directamente a la selección:
Finalmente, la Forma o Elemento en sí tiene un conjunto completo de opciones:
Para un desglose completo de la barra Formas y Elementos, consulte nuestro artículo Formas y Elementos.
Fondo
La opción Fondo le permite cambiar el color de fondo de su diseño.
Al hacer clic se abrirá el área Fondo del lienzo en el Menú lateral:
Seleccionar cualquiera de los colores lo aplicará a su diseño:
Si ninguno de los colores predeterminados satisface sus necesidades, también puede seleccionar del selector de color y luego usar arrastrar y soltar para elegir el color o códigos de color HEX, RGBA o HSLA con las flechas.
Marco
Seleccionar la opción Marco le permitirá agregar un marco alrededor de su diseño
Al hacer clic se abrirá el área Marco en el Menú lateral:
Al hacer clic en uno de estos marcos lo aplicará a su diseño:
Filtro
Seleccionar la opción Filtro le permitirá aplicar uno de varios filtros al diseño.
Al hacer clic se abrirá el panel Marco en el Menú lateral:
Estos filtros se pueden aplicar a todo el diseño o a elementos individuales de imagen o fondo de la siguiente manera:
Ciertos filtros se aplican automáticamente. Otros tienen controles deslizantes que pueden proporcionar ajustes finos. Por último, cada filtro se puede apilar con otros.
Dibujar
Seleccionar la opción Dibujar permitirá dibujar de forma libre en su diseño.
Al hacer clic se abre el panel Dibujar en el Menú lateral:
Aquí tendrá algunas opciones:
- Dejar de dibujar - Mantiene abierto el panel de Dibujar, pero permite realizar ajustes en la imagen. Cuando se haga clic, esto cambiará a Comenzar a dibujar.
- Tipo de pincel - Selecciona qué tipo de pincel usar al dibujar.
- Tamaño del pincel - Le permite personalizar el tamaño de su pincel.
- Color del pincel - Seleccione el color del pincel de un conjunto de colores predeterminados o a través del selector de color.
Una vez que se hayan seleccionado las opciones que desea, puede dibujar lo que desee en el diseño:
Estos elementos dibujados se pueden seleccionar y editar como cualquier otro elemento del diseño.
Redimensionar
Seleccionar la opción Redimensionar le permite cambiar el tamaño del diseño.
Al hacer clic se abrirá el área Redimensionar en el Menú lateral:
Aquí tendrá algunas opciones:
- Orientación - Cambiar entre orientación horizontal y vertical.
- Nuevo tamaño - Le permite cambiar el ancho y la altura del diseño. Los números predeterminados o personalizados se intercambiarán para ajustarse a la orientación seleccionada.
- Mantener relación de aspecto - Cuando está marcado, cualquier cambio en el ancho o la altura se reflejará en el otro valor.
- Usar porcentajes - Cambia los valores de ancho y altura de píxeles a porcentajes. Deshabilitará las selecciones de orientación.
- Redimensionar solo el tamaño del lienzo - Cuando está marcado, solo alterará el tamaño del lienzo, no cualquiera de los elementos presentes en el diseño. Si no está marcado, todos los elementos del diseño se redimensionarán para que coincidan con el lienzo.
Una vez que haya realizado los ajustes que desee, presione el botón Redimensionar y su diseño se redimensionará.
Animar
Seleccionar el botón Animar le permitirá agregar animaciones a los elementos de su diseño.
Al hacer clic se abrirá el área Animar en el Menú lateral:
Para agregar animaciones, deberá seleccionar un elemento de su diseño. Luego, presione Agregar:
Hay numerosas opciones para agregar animaciones a su diseño. Para obtener más información sobre esto, consulte nuestro artículo Animaciones.
Vista previa y Enviar a pantallas
Estas opciones le permiten obtener una Vista previa de cómo se verá el diseño cuando se muestre en una pantalla, o inmediatamente enviar el diseño a una pantalla.
Vista previa
El botón Vista previa mostrará cómo se verá su diseño si se envía a una pantalla.
Tenga en cuenta que esta Vista previa puede ser ligeramente diferente de lo que realmente aparecerá dependiendo del hardware que esté utilizando para ejecutar OptiSigns y varios otros factores.
Enviar a pantallas
Aquí puede asignar el recurso a una pantalla o etiqueta. Para obtener más información, consulte nuestro artículo sobre Enviar contenidos a sus pantallas.
Cerrar
Al presionar el botón Cerrar se cerrará el diseño. Si se hace clic en este botón antes de que se haya guardado el diseño, aparecerá la siguiente ventana emergente:
Esto le da la opción de Seguir editando, Descartar cambios o Guardar cambios y cerrar.
Deshacer/Rehacer
La opción Deshacer hace lo que dice: deshace la última acción. Si se presiona este botón por error, el botón Rehacer lo corregirá.
| NOTA |
| El comando Deshacer también se puede realizar usando CTRL+Z en una máquina Windows o Cmd+Z en una Mac. Rehacer se puede realizar usando CTRL+Y en Windows o Cmd+SHIFT+Z en Mac. |
Barra de herramientas - Posicionamiento
La Barra de herramientas de la derecha se usa principalmente para posicionar elementos de su diseño a través de las funciones Zoom, Capa, Historial y Herramienta de mano.
Zoom
Muestra el nivel de Zoom en el diseño. Se puede ajustar con los botones '+' o '-'.
Se puede ajustar con los botones '+' o '-'.
Capas
El botón Capas le permite cambiar las capas de los elementos en su diseño.
Al hacer clic, abrirá la ventana Posición en el Menú lateral, bajo la pestaña Capas.
Aquí, los diferentes elementos de su diseño se organizarán desde la capa superior hasta la capa inferior. Se pueden arrastrar y soltar para reorganizar las capas, de la siguiente manera:
Tenga en cuenta que los widgets no se pueden reorganizar y siempre se superpondrán encima del diseño.
Historial
Seleccionar el botón Historial le permitirá ver el historial de todos los cambios realizados en el diseño.
Al hacer clic se abrirá la ventana Posición en el Menú lateral bajo la pestaña Historial:
Esto mostrará las acciones realizadas en orden descendente, desde cómo era el diseño cuando se abrió por primera vez hasta cada cambio individual. Al hacer clic en cada uno llevará el diseño de vuelta a ese punto:
Tenga en cuenta que la pestaña Historial se borrará cada vez que se cierre y vuelva a abrir el diseño.
Herramienta de mano
Seleccionar la Herramienta de mano le permitirá mover todo el diseño en lugar de solo elementos individuales del mismo.
Cuando se selecciona, el icono de la herramienta de mano se volverá verde y su cursor cambiará a una mano. Luego se puede mover el lienzo:
Menú lateral - Funciones adicionales
El Menú lateral es donde vive la mayoría de las Funciones adicionales para la aplicación OptiSigns Designer.
Estas funciones son las que le permiten transformar su diseño de una simple imagen estática en señalización dinámica con:
- Nuestra amplia Biblioteca de plantillas
- Sus plantillas y componentes
- Widgets
- Fotos, GIFs, Stickers / Emojis y Códigos QR
- Fuentes de datos dinámicas y Repetidores con OptiSync
- Texto
- Formas y Elementos
- Kit de marca
Cada una de estas funciones principales se cubre con más detalle en sus respectivos artículos, enlazados arriba.
Cambiar entre Designer 2.0 y Designer 1.0
Para volver a la versión anterior 1.0 de Designer, simplemente haga clic en el botón Usar Designer 1.0 en la esquina superior derecha de la pantalla.
| NOTA |
| Se planea que Designer 1.0 quede obsoleto para finales del año 2025, y todos los diseños creados en adelante utilizarán Designer 2.0. |
¡Eso es todo!
OptiSigns es el líder en software de señalización digital. Si tiene alguna pregunta adicional, inquietud o comentario sobre OptiSigns, no dude en comunicarse con nuestro equipo de soporte en support@optisigns.com.