Conceptos básicos del editor de imágenes
El editor de imágenes de Channable te permite crear y editar plantillas para imágenes de productos.
Una plantilla tiene un lienzo y un conjunto de capas. El lienzo define el fondo. Las capas añaden Testo, imágenes y formas encima.
Interfaz del editor de imágenes
El editor tiene áreas para añadir capas, editar el lienzo y gestionar la plantilla.
Controles y herramientas del lienzo
Estos controles se encuentran en el lado derecho del lienzo.
Acercar/alejar
Cambia el tamaño de visualización del lienzo.
Flecha (Seleziona)
Seleziona y mueve objetos individuales en el lienzo.
Mano (Sposta)
Mueve toda la vista del lienzo.
Flechas circulares
Deshaz o rehace tu última acción.
Anteprima del producto
Haz clic en los productos para ver cómo se ve la plantilla para cada uno.
Configuración del lienzo
El lienzo es el área blanca donde creas tu plantilla. Haz clic en Configuración en el lado derecho del editor para abrir estas Opzioni.
Define las dimensiones finales de salida de la plantilla.
Elige entre tamaños predefinidos (según Canales de exportación como Google Ads) o introduce manualmente el alto y el ancho en píxeles (px).
Color de fondo
Establece el color sólido detrás de todos los objetos.
Seleziona usando el selector de color o especificando valores hexadecimales (HEX) (RGB).
Controla la transparencia del color de fondo
Establécelo como porcentaje. El 100 % es totalmente visible (opaco) y el 0 % es totalmente transparente.
Configuración de la cuadrícula
La cuadrícula te ayuda a alinear objetos en el lienzo.
Activar Mostrar cuadrícula para mostrar la cuadrícula y desbloquear la Configuración de la cuadrícula.
Activar Ajustar a la cuadrícula para ajustar los objetos movidos a la línea de cuadrícula más cercana.
Ajusta Tamaño de cuadrícula, Color de cuadrícula, y Opacidad para que coincidan con tu diseño.
La cuadrícula es solo una herramienta de referencia. Nunca aparece en la imagen final exportada.
Tipos de capa
Las capas son los elementos que colocas en el lienzo. Pueden ser estáticas o dinámicas. Las capas dinámicas obtienen contenido de los datos del Articolo, como títulos o imágenes de productos.
Cada nuevo Objeto se añade como una capa nueva. Las capas nuevas se apilan encima de las más antiguas.
Importante: El Campo de proyecto utilizado para un Objeto dinámico debe existir en todos los Proyectos donde utilices la plantilla.
Usa el panel de la izquierda para añadir nuevos elementos a tu plantilla. Puedes crear tres tipos de objetos:
Objeto de Texto: Para Testo estático o campos dinámicos de producto (como títulos).
Objeto de imagen: Para imágenes estáticas o imágenes dinámicas de productos.
Objeto de forma: Para formas estáticas como cuadros, líneas y flechas.
todo los tipos de Objeto —Texto, imagen y forma— tienen Configuración específica en la pestaña Diseño.
Gestiona las capas en la pestaña Capas
Usa Capas para gestionar todos los objetos de tu lienzo.
Ordine de capas
Controla qué objetos aparecen encima de otros.
Arrastra el controlador junto a una capa para moverla su o giù.
Nome
Cambia el Nome del Objeto para identificarlo más fácilmente.
Haz clic en el Nome de la capa para editarlo.
Visibilidad
Oculta o muestra un Objeto en el lienzo.
Haz clic en el icono del ojo para activar o desactivar la visibilidad.
Bloquear
Evita que un Objeto se mueva o cambie de tamaño por accidente.
Haz clic en el icono de bloqueo para bloquear la capa.
Eliminar
Elimina el Objeto permanentemente de la plantilla.
Haz clic en el icono de la papelera para Elimina la capa.
Objeto de imagen
Los objetos de imagen pueden ser dinámicos (obtienen imágenes de productos de un Campo) o estáticos (la misma imagen para todos los productos).
Propiedad
Descrizione
Detalles
Diseño
Posición y tamaño del Objeto.
Ajústalos manualmente en píxeles (px) para la posición X/Y y el ancho/alto.
Imagen
Conecta el Objeto con los datos de tu producto.
Para imágenes dinámicas, Seleziona un Campo de proyecto de tipo imagen en el menú desplegable. También establece la opacidad de la imagen (en porcentaje).
Sombra
Añade un efecto de sombra paralela.
Configura el color, la opacidad, el desplazamiento (X, Y) y el desenfoque. Un desplazamiento de 0,0 significa que no hay sombra.
Trazo
Crea un borde alrededor del Objeto de imagen.
Establece el color, la opacidad y el ancho (en píxeles). Elige un estilo: sin borde, continuo (sólido) o discontinuo.
Nota: escalamos automáticamente la imagen para que se ajuste dentro de los límites del Objeto (líneas azules). Esto evita que las imágenes se recorten o cubran otros elementos sin querer.
Objeto de Texto
Los objetos de Texto admiten tanto Testo estático como valores de Campo dinámicos (p. ej., combinar una frase fija con el precio de un producto).
Propiedad
Descrizione
Detalles
Diseño
Posición y tamaño del cuadro de Testo.
Ajústalos manualmente en píxeles (px) para la posición X/Y y el ancho/alto.
Valor
El contenido del Objeto de Testo.
Introduce Testo estático, Seleziona campos dinámicos o combina ambos.
Controla la apariencia del Testo.
Elige una fuente de la Elenco, establece el color, la decoración (p. ej., subrayado), la alineación, la altura de línea y el espaciado. Utiliza Ajustar a escala para ajustar automáticamente el tamaño de la fuente al cuadro.
Sombra
Añade una sombra paralela detrás del Testo.
Configura el color, la opacidad, el desplazamiento (X, Y) y el desenfoque. Un desplazamiento de 0,0 significa que no hay sombra.
Trazo
Crea un borde alrededor de las letras.
Establece el color, la opacidad y el ancho (en píxeles). Elige un estilo: ninguno, continuo (sólido) o discontinuo.
Objeto de forma
Los objetos de forma se utilizan para formas estáticas como cuadros, líneas y flechas.
Propiedad
Descrizione
Detalles
Diseño
Posición y tamaño del Objeto de forma.
Ajústalos manualmente en píxeles (px) para la posición X/Y y el ancho/alto.
Forma
Controla la apariencia del relleno de la forma.
Especifica el color de relleno y la opacidad.
Sombra
Añade una sombra paralela detrás de la forma.
Configura el color, la opacidad, el desplazamiento (X, Y) y el desenfoque. Un desplazamiento de 0,0 significa que no hay sombra.
Trazo
Crea un borde alrededor de la forma.
Establece el color, la opacidad y el ancho (en píxeles). Elige un estilo: ninguno, continuo (sólido) o discontinuo.
Gestiona la plantilla
Usa los controles de la esquina superior derecha para gestionar la propia plantilla.
Guardar: Guarda los cambios Attuale en tu plantilla.
Icono de engranaje (Configuración): accede a las Opzioni para Eliminar o duplicar la plantilla.
Pestaña de uso: consulta dónde se está utilizando la plantilla Attuale en tus Proyectos.
Última actualización
¿Te fue útil?