Support Centre

Agregue y edite elementos visuales (formas, íconos, fotos) a su diseño accesible

Cherry
Cherry
  • Actualización

Disponible en los siguientes planes de suscripción de Venngage: Gratis, Premium, Negocios y Empresas.

Los elementos que no son de texto añaden interés a los diseños; hazlos accesibles con las herramientas en el Editor de Venngage actualizado.

Agregar una forma o una línea

Haga clic en "  Formas  " en la barra de herramientas de la izquierda. Para acceder al menú Formas con su teclado, use la tecla Tab para mover el selector y presione la barra espaciadora para seleccionarlo.  

Aparece un lienzo azul claro en el editor de Venngage actualizado, sin nada.  Un usuario hace clic en la barra lateral izquierda para expandir el catálogo de Formas, que se abre en un panel inmediatamente a la derecha de la barra lateral.  El panel Formas y líneas tiene dos pestañas: se abre de manera predeterminada en la pestaña Formas.  El usuario hace clic en varias formas para agregarlas al lienzo.  El usuario hace clic en la pestaña Líneas y agrega dos líneas al lienzo de diseño.  El usuario cambia el tamaño y la posición de los elementos para que aparezcan perfectamente ordenados en el lienzo.

 

Utilice el cursor o la tecla de tabulación para seleccionar una forma y agréguela al lienzo de diseño haciendo clic en la forma o presionando la barra espaciadora.

Puedes cambiar una forma por otra usando la función de forma de la barra de herramientas superior.

Editar una forma o una línea

Las formas y líneas tienen diferentes opciones de personalización, como colores, bordes, rellenos y extremos. Las herramientas de personalización aparecen en la barra de herramientas superior cuando selecciona una forma o una línea, o puede hacer clic con el botón derecho en el elemento en el lienzo para acceder a más opciones. 

Formas: color, rellenos y bordes

Seleccione una forma y las herramientas para personalizar sus colores y apariencia aparecerán   en la barra de herramientas superior  .

Una vista parcial de la barra de herramientas superior en el Editor de Venngage actualizado, con varios íconos de herramientas visibles.  Se selecciona el primer icono de la fila, una silueta de una gota de agua con la parte inferior sombreada.  En su estado seleccionado, tiene un sombreado azul claro y un borde azul más oscuro.  El widget abierto debajo se titula Relleno de color.  El widget contiene un control deslizante y un campo de texto que indica que el control deslizante está configurado al 100 %.

 

La  herramienta  Relleno de color   le permite agregar otro color a una forma con un relleno sólido.  Use el control deslizante   para controlar el porcentaje de relleno o ingrese un valor numérico de 0 a 100 en el campo de texto. 

Una vista parcial de la barra de herramientas superior en el Editor de Venngage actualizado, con varios íconos de herramientas visibles.  El segundo ícono en la fila que aparece es un mosaico de color, y en su estado seleccionado (en la imagen aquí) tiene un sombreado azul claro y un borde azul más oscuro.  Aparece una etiqueta debajo con la etiqueta Color de relleno uno.

Una vista parcial de la barra de herramientas superior en el Editor de Venngage actualizado, con varios íconos de herramientas visibles.  El tercer ícono en la fila es un mosaico de color, y en su estado seleccionado (en la imagen aquí) tiene un sombreado azul claro y un borde azul más oscuro.  Aparece una etiqueta debajo con la etiqueta Color de relleno dos.

Los colores de relleno  aparecen en la barra de herramientas superior como mosaicos, en el mismo color que esa parte de la forma. Para las formas con un Relleno de color inferior al 100 %, los colores se denominan   Color de relleno uno   y   Color de relleno dos  . 

Haga clic en   Color de relleno   para abrir el widget de herramienta de color y ajuste el color a su gusto, ya sea con el selector de color o desde los colores del proyecto o del kit de marca.

Una vista parcial de un lienzo azul claro en el Editor de Venngage actualizado muestra varias formas y líneas.  La forma superior es un cuadrado simple de un solo color con un relleno azul.  Un usuario hace clic en el cuadrado y los iconos de herramientas de estilo y color aparecen en la barra de herramientas superior sobre el lienzo.  El usuario hace clic en el icono Relleno de color en la barra de herramientas superior.  Cuando se abre el widget, el usuario mueve el control deslizante del 0 % al 48 %, lo que hace que el relleno del cuadrado cambie de azul a rojo, lo que refleja el porcentaje que el usuario selecciona en el control deslizante.  Cuando el usuario cierra el widget de relleno de color, el cuadrado es 48 % azul y 52 % rojo.  El usuario hace clic en Color de relleno uno, que aparece como un mosaico azul del mismo color que el 48 % del cuadrado, y abre un widget de herramienta de color.  El widget de herramienta de color muestra varios mosaicos de muestra de color y un selector de color.  El usuario cambia el color azul a un verde azulado oscuro,  que aparece como un círculo bajo el título Colores del proyecto.  El usuario cierra el widget de herramienta de color y hace clic en Color de relleno dos, que aparece como un mosaico rojo brillante del mismo color que la porción del 52 % del cuadrado, en la barra de herramientas superior, y cambia el rojo a un verde medio.

 

Ciertas formas aparecen, por defecto, solo con un borde. Puede usar la  herramienta  Relleno de color   para cambiar el porcentaje de su relleno de color.

Una vista parcial de un lienzo azul claro en el Editor de Venngage actualizado muestra varias formas y líneas.  La forma inferior es oblonga con un borde azul delgado y un relleno transparente (que aparece como sin relleno, por lo que el fondo azul claro del lienzo es visible a través de él).  Un usuario hace clic en el oblongo y los iconos de herramientas de color y estilo aparecen en la barra de herramientas superior sobre el lienzo.  El usuario hace clic en el icono Relleno de color en la barra de herramientas superior.  Cuando se abre el widget, el usuario mueve el control deslizante de 0 % a 100 %, lo que hace que el relleno del oblongo cambie de transparente a rojo, lo que refleja el porcentaje que el usuario selecciona en el control deslizante.  El usuario restablece el relleno al 0 % y cierra el widget de relleno de color.

 

O   cambie el Color de relleno uno   de transparente a un color sólido 

Una vista parcial de un lienzo azul claro en el Editor de Venngage actualizado muestra varias formas y líneas.  La forma inferior es oblonga con un borde azul delgado y un relleno transparente (aparece sin relleno, por lo que el fondo azul claro del lienzo es visible a través de él).  Un usuario hace clic en el oblongo y los iconos de herramientas de color y estilo aparecen en la barra de herramientas superior sobre el lienzo.  El usuario hace clic en Color de relleno uno, que aparece como un mosaico blanco en blanco, y abre un widget de herramienta de color.  El widget Herramienta de color muestra múltiples muestras circulares de color y un selector de color.  El usuario cambia el color transparente a un verde oscuro, usando el selector de color del widget.  En el lienzo de diseño, el relleno del oblongo cambia de transparente a verde oscuro seleccionado por el usuario.  El usuario cierra el widget Color de relleno uno, luego lo vuelve a abrir,  y hace clic en una muestra de color que aparece como un círculo blanco con una barra que lo atraviesa, lo que representa la transparencia.  El oblongo ahora aparece con un relleno transparente en el lienzo.  El usuario cierra el widget Color de relleno uno nuevamente y hace clic en Color de borde en la barra de herramientas superior, que aparece como un mosaico de color cuadrado con un centro vacío, en el mismo color azul del borde oblongo.  El usuario hace clic en el selector de color en el widget de herramienta de color, cambiando el color del ícono de Color del borde a un azul oscuro, así como el color del borde oblongo en el lienzo al mismo azul oscuro.  que aparece como un mosaico de color cuadrado con un centro vacío, en el mismo color azul del borde del oblongo.  El usuario hace clic en el selector de color en el widget de herramienta de color, cambiando el color del ícono de Color del borde a un azul oscuro, así como el color del borde oblongo en el lienzo al mismo azul oscuro.  que aparece como un mosaico de color cuadrado con un centro vacío, en el mismo color azul del borde del oblongo.  El usuario hace clic en el selector de color en el widget de herramienta de color, cambiando el color del ícono de Color del borde a un azul oscuro, así como el color del borde oblongo en el lienzo al mismo azul oscuro.

 

Cambie el   color de los bordes de las formas   con la herramienta  Color de borde  en la barra de herramientas superior: haga clic para abrir el widget Herramienta de color y seleccione un color del selector de color o del Kit de marca o Colores del proyecto. 

Una vista parcial de la barra de herramientas superior en el Editor de Venngage actualizado, con varios íconos de herramientas visibles.  El cuarto icono de la fila es un mosaico de color con un solo color alrededor del borde y un centro vacío.  En su estado seleccionado (en la foto aquí) tiene un sombreado azul claro y un borde azul más oscuro.  Aparece una etiqueta debajo con la etiqueta Color del borde.

Líneas: Color, peso, estilo, inicio y fin

Las líneas   y los  bordes de las formas   se pueden personalizar con las  herramientas  de peso   y   estilo   en la barra de herramientas superior. 

Una vista parcial de la barra de herramientas superior en el Editor de Venngage actualizado, con varios íconos de herramientas visibles.  El séptimo ícono en la fila es una serie de líneas horizontales de la misma longitud, con diferentes anchos.  Aparece una etiqueta debajo con la etiqueta Ancho del borde.

 

Cambie el   borde   o   el grosor de línea   haciendo clic en   Ancho del borde   (la herramienta  Grosor de línea  funciona de la misma manera para las líneas) en la barra de herramientas superior con ese elemento seleccionado; use el control deslizante para alternar el ancho del borde o la línea, o ingrese un número entre 0px y 20px en el campo de texto.

Una vista parcial de un lienzo azul claro en el Editor de Venngage actualizado muestra varias formas y líneas.  La forma superior es un cuadrado simple de un solo color con un relleno verde azulado oscuro.  Un usuario hace clic en el cuadrado y los iconos de herramientas de estilo y color aparecen en la barra de herramientas superior sobre el lienzo.  El usuario hace clic en Color de relleno uno en la barra de herramientas superior, que aparece como un mosaico verde azulado del mismo color que el cuadrado, y abre un widget de herramienta de color.  El widget de herramienta de color muestra varios mosaicos de muestra de color y un selector de color.  El usuario cambia el color verde azulado oscuro a púrpura oscuro usando el selector de color.  Ahora, el mosaico Fille Color One en la barra de herramientas superior y el cuadrado en el lienzo son ambos del mismo color púrpura oscuro.  El usuario cierra el widget de la herramienta Color de relleno Un color y hace clic en Color del borde, que abre el mismo tipo de widget de Herramienta de color.  El usuario hace clic en el selector de color y selecciona un tono púrpura lavanda claro, que aparece en el mosaico Color del borde en la barra de herramientas superior, así como en el borde delgado alrededor del cuadrado en el lienzo.  El usuario cierra el widget Color del borde, luego hace clic en la herramienta Ancho del borde en la barra de herramientas superior y abre el widget deslizante.  El usuario desliza el selector en el widget, cambiando el ancho del borde de 6px a 15px, haciendo que parezca más grueso y más visible alrededor del cuadrado en el lienzo.  El usuario cierra el widget Ancho del borde y hace clic en Estilo del borde, que abre un widget que muestra varias opciones: Sólido, Discontinuo y Punteado.  El usuario hace clic en cada uno de los estilos de borde del widget y el borde del cuadrado en el lienzo cambia, hasta que el usuario selecciona Punteado y cierra el widget.  El borde del cuadrado ahora aparece como una cadena continua de círculos del mismo tamaño.  El usuario vuelve a abrir el widget Ancho del borde y cambia el ancho del borde del cuadrado de 15 px a 6 px.  A medida que disminuye el ancho del borde, el tamaño de los círculos alrededor del borde del cuadrado en el lienzo se vuelve más pequeño.

 

Diseñe bordes y líneas   con puntos y rayas con la barra de herramientas superior: haga clic en la forma o línea que desea personalizar, luego haga clic en Estilo de   línea   en la barra de herramientas superior. Elija entre sólidos, puntos, guiones o una combinación de esos estilos. 

Una vista parcial de un lienzo azul claro en el editor de Venngage actualizado muestra una única línea verde oscuro.  Un usuario hace clic en la línea para seleccionarla y los iconos de herramientas de estilo y color aparecen en la barra de herramientas superior sobre el lienzo.  El usuario hace clic en la herramienta Estilo de línea y el widget que se abre muestra varios tipos diferentes de estilos de línea, incluidos sólido, punto, guión y combinaciones de esos estilos.  El usuario selecciona los estilos Dot, Dash, Long Dash y finalmente Dash-Dot;  con cada selección, el estilo de la línea en el lienzo cambia para reflejar el estilo del widget Estilo de línea.  El Dash-Dot aparece como una serie de puntos y guiones alternados.  El usuario cierra el widget Estilo de línea y hace clic en el icono Grosor de línea en la barra de herramientas superior.  El usuario cambia el grosor de línea de 15 px a 5 px a 13 px, usando el control deslizante;  a medida que disminuye el grosor de la línea,  más y más pequeños guiones y puntos aparecen en la línea;  un grosor de línea más grande hace que los guiones y los puntos parezcan más grandes y hay menos en el patrón repetitivo a lo largo de la línea.

 

Las líneas   se pueden personalizar aún más con   inicios y finales de flecha  . Haga clic en la línea y use las herramientas Inicio de línea y Fin de línea en la barra de herramientas superior para cambiar el estilo.

Una vista parcial de un lienzo azul claro en el editor de Venngage actualizado muestra una única línea verde oscuro.  Un usuario hace clic en la línea para seleccionarla y los iconos de herramientas de estilo y color aparecen en la barra de herramientas superior sobre el lienzo.  El usuario hace clic en la herramienta Inicio de línea y el widget que se abre muestra varios tipos diferentes de estilos de flecha.  El usuario selecciona Sharp Arrow y aparece una flecha estrecha con extremos ligeramente curvados en el extremo izquierdo de la línea.  Luego, el usuario hace clic en el icono de la herramienta Final de línea en la barra de herramientas superior y selecciona Flecha triangular.  Aparece un triángulo equilátero ancho en el extremo derecho de la línea.  El usuario cierra la herramienta Final de línea, luego vuelve a hacer clic en el icono y cambia la selección a una Flecha afilada, haciendo que la flecha que aparece en el extremo derecho de la línea sea igual a la de la izquierda.

Añadir un icono

Seleccione (tabulador y presione la tecla de la barra espaciadora en el teclado) o haga clic en "  Iconos  " en la barra de herramientas izquierda.

Escriba un término de búsqueda en la barra de búsqueda para filtrar iconos o use las categorías preexistentes para filtrar. 

Una vista parcial de un lienzo de diseño de color arena claro en el Editor de Venngage actualizado muestra una infografía con el título Abriendo camino hacia un futuro sostenible.  Los acentos del diseño y el texto son diferentes tonos de verde, tostado y naranja.  Un usuario abre el panel Iconos en la barra lateral izquierda haciendo clic en él;  cuando se abre el panel, se ve una barra de búsqueda en la parte superior del panel y tres pestañas debajo están etiquetadas Todo, Color y Mono respectivamente.  El usuario hace clic en la pestaña Color y se desplaza hacia abajo en una galería de miniaturas de íconos del mismo tamaño, mostrando diferentes paquetes de íconos con categorías como Actividades y recreación, Retratos circulares diversos, Esenciales retro, etc. El usuario hace clic en la pestaña Mono y muestra un paquete de íconos denominado Cultural Mono Pack con simples íconos de silueta en blanco y negro de artículos como ropa, comida,

Las categorías se relacionan con lo que representan los íconos, por ejemplo, "Actividades e interacciones" o estilo, por ejemplo, "Retro Essentials", o el tipo de color del ícono, es decir, Mono (color único, personalizable)  o  Color  (  pre-coloreado). 

Haga clic en un ícono o presione la barra espaciadora en un ícono seleccionado para agregarlo a su lienzo de diseño.

Agregar una foto

Seleccione (tabulador y presione la tecla de la barra espaciadora en el teclado) o haga clic en "  Fotos  " en la barra de herramientas izquierda.

Ingrese un   término de búsqueda   en la barra de búsqueda o use las   categorías   para ver los resultados de las fotos. 

Haga clic en la miniatura de una foto en la galería para agregarla al lienzo de diseño.

Una vista parcial de un lienzo de diseño azul oscuro en el editor de Venngage actualizado muestra un mapa de flujo de proceso con el título El proceso de diseño.  Los acentos del diseño y el texto son azul claro y morado.  Un usuario abre el panel Fotos en la barra lateral izquierda haciendo clic en él;  cuando se abre el panel, se ve una barra de búsqueda en la parte superior del panel, con algunas categorías de búsqueda generadas previamente en las que se puede hacer clic debajo.  El usuario escribe el término 'negocio' en la barra de búsqueda en la parte superior del panel y devuelve resultados de fotos libres de regalías relacionadas con ese término en una galería de miniaturas debajo de la barra de búsqueda.  El usuario hace clic en una de las fotos, una imagen azul y blanca de una cuadrícula con una flecha dentada que apunta hacia arriba para indicar el crecimiento, y la foto de tamaño completo aparece en el lienzo de diseño.

 

Cargue sus propias fotos  con la   herramienta Cargas  o recorte una foto  de forma personalizada  para cambiar su forma.

Reposicionar o cambiar el tamaño de un elemento visual

Una vista parcial de un lienzo de diseño de color arena claro en el Editor de Venngage actualizado muestra una infografía con el título Abriendo camino hacia un futuro sostenible.  Los acentos del diseño y el texto son diferentes tonos de verde, tostado y naranja.  Un usuario abre el panel Iconos en la barra lateral izquierda haciendo clic en él;  cuando se abre el panel, se ve una barra de búsqueda en la parte superior del panel y tres pestañas debajo están etiquetadas Todo, Color y Mono respectivamente.  El usuario escribe el término 'brote' en la barra de búsqueda en la parte superior del panel y devuelve resultados para los iconos monocromáticos y de color relacionados con ese término de búsqueda, debajo de la barra de búsqueda en una galería de miniaturas de igual tamaño.  El usuario hace clic en un ícono colorido de un brote con dos hojas y aparece en el lienzo de diseño.  El usuario hace clic en el icono y aparece un cuadro delimitador azul a su alrededor.  El usuario hace clic en el controlador superior derecho del cuadro delimitador y cambia el tamaño del icono, haciéndolo más grande y más pequeño, y luego hace clic en el icono de flecha circular que aparece debajo del cuadro delimitador y lo arrastra, haciendo que el icono gire.  Luego, el usuario cambia la posición del ícono en el lienzo haciendo clic y arrastrándolo, colocándolo debajo de un encabezado.

 

Estos son algunos controles básicos que se aplican a cualquier foto, ícono, línea o forma en el lienzo:

  • Reposicionar:  haga clic y arrastre el elemento a su lugar, o  use la tecla Tab para seleccionarlo   y use las teclas de flecha para empujar el elemento hacia arriba, hacia abajo, hacia la izquierda o hacia la derecha.
  • Redimensionar:   haga clic y arrastre los controladores del cuadro delimitador para hacer que la foto sea más pequeña o más grande, o  use los métodos abreviados de teclado  (CTRL + Flechas para Windows; CMD + Flechas para Mac).  
  • Cambiar el tamaño proporcionalmente:  mantenga presionada la  tecla Mayús   mientras cambia el tamaño.
  • Girar:  seleccione el elemento. Haga clic en la   flecha circular   en la parte inferior del cuadro delimitador y mueva el mouse para girarlo, o  use los atajos de teclado  : Alt u Opción + flechas izquierda/derecha.
  • Voltear vertical u   horizontalmente:   seleccione el elemento en el lienzo, luego haga clic en "Voltear horizontalmente" o "Voltear verticalmente" para voltear el elemento a lo largo de ese eje.

Una vista parcial de la barra de herramientas superior en el editor de Venngage actualizado.  Aparece una serie de iconos de herramientas de izquierda a derecha, incluida una gota con una parte inferior sombreada y varios mosaicos de colores.  El cuarto ícono de herramienta en la barra de herramientas es la herramienta Voltear horizontalmente, que aparece como dos triángulos rectángulos reflejados a cada lado de una línea vertical;  un usuario pasa el mouse sobre él y aparece con la etiqueta Flip Horizontal.  El usuario mueve el cursor sobre el quinto ícono de herramienta en la barra de herramientas, un ícono de dos triángulos rectos reflejados a cada lado de una línea horizontal, y aparece etiquetado como Flip Vertical.

 

Aplicar estilos a múltiples elementos del mismo tipo

Algunos elementos de diferentes categorías (p. ej., formas y cuadros de texto)  se pueden diseñar a la vez  cuando los selecciona todos al mismo tiempo, si comparten algunas opciones de estilo. 

En una vista parcial de un lienzo de diseño en el Editor actualizado, se seleccionan dos pequeños rectángulos y un cuadro de texto.  En la barra de herramientas superior, se ve un mosaico de colores con los colores del texto y los rectángulos, lo que indica que se pueden personalizar.

Seleccione varios elementos en el lienzo de diseño (haga clic mientras mantiene presionada la tecla Mayús en el teclado), luego use las herramientas en la barra de herramientas superior para cambiar su color, tamaño, etc. 

Más formas de personalizar

 

VENNGAGE LOGO

¿Tienes curiosidad por suscribirte? Revisa nuestros planes.

 

¡Empieza a diseñar!

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 0

¿Tiene más preguntas? Enviar una solicitud