Una vez generado tu render, la herramienta Composición te permite realizar modificaciones directamente sobre la imagen final. Esta interfaz agrupa ajustes de color, filtros y efectos, así como herramientas de maquetación para recortar el visual, añadir texto o superponer imágenes externas.
Acceder a los ajustes de composición
Desde la página
Renders(en tu espacio de trabajo o desde un proyecto).Haz clic en un render para mostrarlo en pantalla completa.
Una vez en esta vista detallada, haz clic en
Personalizar el renderen el menú de la derecha.Selecciona
Modificar el visual.
Presentación de la interfaz
El editor de Composición se organiza en tres zonas:
En el centro, tu render se muestra en un área de trabajo en la que puedes hacer zoom libremente para navegar por tu composición.
A la izquierda, el panel de assets: aquí es donde añades elementos a tu composición (imágenes y textos).
A la derecha, el panel de ajustes: se adapta en función del elemento seleccionado para mostrar sus propiedades.
En la parte superior del editor, encontrarás también los botones Deshacer / Rehacer, un acceso directo Resize para acceder rápidamente al redimensionamiento del documento, un selector de zoom (solo para visualización, sin impacto en la exportación), así como los botones Guardar y Exportar en la parte superior derecha.
💡 Cada sección de ajuste del panel derecho dispone de un icono de ojo (
) que permite mostrar u ocultar rápidamente el efecto correspondiente (Stroke, Shadow, Desenfoque…), sin eliminar el ajuste. Práctico para comparar con y sin un efecto con un solo clic.
1. Ajustes del Documento
Por defecto, cuando ningún elemento está seleccionado, el panel derecho muestra los ajustes del Documento, es decir, la página global que contiene tu render y todos los elementos añadidos.
Formato
Haz clic en Select en el nivel de Formato para redimensionar tu documento. Puedes:
Elegir la unidad: Píxeles, Pulgadas o Milímetros.
Definir la resolución (en DPI) si trabajas en pulgadas o milímetros.
Introducir los valores de anchura y altura en la unidad elegida.
A continuación, más de 50 preajustes están disponibles para los diferentes canales de difusión: Instagram, TikTok, Facebook, YouTube, Pinterest, LinkedIn… así como formatos de impresión (ISO Standard Print, North American Print, etc.).
Bleed Margin
Configura un margen de sangrado si tu visual está destinado a la impresión.
Ajustes de la Página (el render)
Al hacer clic en tu render en el centro del documento, el panel derecho muestra los ajustes de la Página (la imagen del render en sí).
💡 La opción Show in Export en la parte inferior del panel permite elegir si este elemento aparece en la exportación final. Si la desactivas en el propio render, obtendrás una imagen vacía al exportar.
Relleno (Crop)
La herramienta Crop te permite recortar tu render directamente en el editor.
Crop Area
En la parte superior, la sección Crop Area muestra la altura y anchura del recorte en píxeles. También puedes introducir estos valores manualmente para un encuadre preciso. El botón Toggle proportion permite bloquear la proporción: si está activado, modificar una dimensión ajustará automáticamente la otra.
Fill Mode
Tres modos de relleno están disponibles:
Crop: recorta la imagen concentrándose en una zona precisa. Puedes desplazar la imagen dentro del marco en todas las direcciones para elegir la zona visible (por ejemplo, si pasas de un render cuadrado a un formato vertical, puedes deslizar horizontalmente para mostrar más hacia la izquierda o la derecha).
Cover: recorta la imagen cubriendo siempre completamente la anchura o la altura. El desplazamiento está limitado a un solo eje.
Fit: muestra la imagen completa en las dimensiones elegidas. Si la proporción no coincide (por ejemplo, un formato rectangular para una imagen cuadrada), aparecen bandas vacías en los lados.
Straighten
Un slider que permite rotar la imagen entre -45° y +45° para corregir una ligera inclinación.
Turn & Mirror
Tres botones:
Rotación 90° hacia la izquierda
Espejo vertical (voltear de arriba a abajo)
Espejo horizontal (voltear de izquierda a derecha)
Scale, X Offset e Y Offset
Ajusta manualmente la posición de la imagen en su marco:
Scale: en porcentaje
X Offset e Y Offset: en píxeles, para un desplazamiento preciso en cada eje
Preajustes de recorte
En la parte inferior de la sección, encontrarás preajustes de crop para los diferentes canales (redes sociales, formatos de impresión…).
En la parte superior derecha del panel, el botón Reiniciar restablece todos los valores a cero.
Stroke
Añade un contorno alrededor de tu render.
Color: en código HEX
Grosor: en píxeles
Estilo del trazo: Continuo, Guiones, Guiones redondeados, Guiones largos, Guiones largos redondeados, Puntos
En la sección Avanzado:
Posición: hacia el interior o el exterior del render
Join: define el estilo de los ángulos - clásico (Miter), redondeado (Round) o a 45° (Bevel)
Appearance
La sección Appearance agrupa cuatro categorías de efectos visuales aplicables a tu render.
Ajustes
Corrige la colorimetría y la iluminación de tu imagen con los parámetros clásicos de retoque fotográfico: Brightness, Saturation, Contrast, Highlights, Shadows, Whites, Blacks, Temperature, Gamma, Clarity, Exposure y Sharpness.
Puedes guardar tus ajustes como preajustes (presets) para aplicarlos rápidamente en otros renders. Los presets están disponibles para todos los miembros de tu organización.
Filtros
Aplica un filtro colorimétrico para modificar instantáneamente el ambiente de tu visual. Cada filtro dispone de un slider de intensidad para dosificar el efecto.
Efectos
Efectos creativos que van más allá de la colorimetría y aplican transformaciones visuales a tu imagen. Cada efecto ofrece sus propios sliders de ajuste para un control preciso.
Lista de los 19 efectos disponibles
Lista de los 19 efectos disponibles
Pixelize — Pixela la imagen con control sobre el tamaño de los píxeles
Radial Pixel — Pixelización en patrón radial
Cross Cut — Divide la imagen en bandas cruzadas
Liquid — Aplica una deformación fluida (ajustes: Intensity, Scale, Variation…)
Outliner — Resalta los contornos de la imagen
Dot Pattern — Sustituye la imagen por un patrón de puntos
Posterize — Reduce el número de colores para un efecto póster
TV Glitch — Simula un efecto de señal de TV perturbada
Half Tone — Reproduce un efecto de trama de impresión
Linocut — Imita un grabado en linóleo
Shifter — Desplaza porciones de la imagen
Mirror — Aplica un efecto de simetría
Glow — Añade un halo luminoso
Vignette — Oscurece los bordes de la imagen
Tilt Shift — Simula un efecto de enfoque selectivo
Extrude Blur — Aplica un desenfoque de extrusión
Sharpie — Refuerza los detalles y los trazos
Recolor — Recoloriza la imagen
Green Screen — Hace transparente un color elegido (funciona como un fondo verde real: selecciona el color que deseas eliminar)
Desenfoque
Cuatro tipos de desenfoque, cada uno con sus propios sliders de ajuste:
Gaussian Blur — Desenfoque uniforme clásico
Linear Blur — Desenfoque direccional a lo largo de un eje
Mirrored Blur — Desenfoque con efecto de simetría
Radial Blur — Desenfoque circular a partir de un punto central
2. Añadir imágenes
En el panel izquierdo, la sección Imágenes muestra la lista de todas las imágenes que has importado en Omi.
Para añadir nuevas, haz clic en el botón Upload (icono de flecha hacia arriba) y selecciona tu archivo.
💡 Da preferencia al formato PNG si deseas conservar la transparencia de la imagen (ideal para logos y elementos gráficos).
Para insertar una imagen en tu composición, simplemente haz clic en ella en la lista. La imagen aparecerá entonces en tu documento.
Una vez añadida la imagen, puedes desplazarla, redimensionarla, duplicarla, rotarla, o bien avanzarla/retrocederla en las capas si tu composición tiene varios elementos.
Ajustes de las imágenes (panel derecho)
Cuando una imagen está seleccionada, el panel derecho muestra sus propiedades.
La opción Show in Export permite ocultar este elemento en la exportación final sin eliminarlo.
Alineación y capas
Alinea la imagen en el documento (izquierda, centro, derecha) y gestiona su posición en el apilamiento de capas (avanzar, retroceder, al frente, al fondo).
Rotación y Flip
Define el ángulo de rotación en grados y aplica un efecto espejo horizontal o vertical.
Opacity
Ajusta la opacidad de la imagen con un slider.
Blend Mode
Elige un modo de fusión para definir cómo interactúa visualmente la imagen con los elementos situados debajo, como en un software de retoque fotográfico.
Lista de Blend Modes disponibles
Lista de Blend Modes disponibles
Pass Through — Sin fusión, los efectos se transmiten hacia las capas inferiores
Normal — Visualización estándar, sin fusión
Darken — Conserva los píxeles más oscuros
Multiply — Multiplica los colores, oscurece la imagen
Color Burn — Oscurece aumentando el contraste
Linear Burn — Oscurece reduciendo la luminosidad
Lighten — Conserva los píxeles más claros
Screen — Aclara la imagen (inverso de Multiply)
Color Dodge — Aclara reduciendo el contraste
Linear Dodge — Aclara aumentando la luminosidad
Lighten Color — Conserva el color más claro
Darken Color — Conserva el color más oscuro
Overlay — Combina Multiply y Screen según la luminosidad
Soft Light — Efecto similar a Overlay, más sutil
Hard Light — Efecto similar a Overlay, más pronunciado
Vivid Light — Combina Color Burn y Color Dodge
Linear Light — Combina Linear Burn y Linear Dodge
Pin Light — Reemplaza los colores según la luminosidad
Hard Mix — Reduce los colores a sus valores máximos
Difference — Muestra la diferencia entre las capas
Exclusion — Similar a Difference, con menos contraste
Subtract — Resta los colores de la capa inferior
Divide — Divide los colores de la capa inferior
Hue — Aplica el tono de la imagen sobre la capa inferior
Saturation — Aplica la saturación de la imagen sobre la capa inferior
Color — Aplica el tono y la saturación
Luminosity — Aplica únicamente la luminosidad
Transformación
Posiciona y dimensiona la imagen con precisión introduciendo valores en píxeles y porcentaje.
Shape
El ajuste Round Corners permite redondear las esquinas de la imagen importada con un slider.
Relleno, Stroke, Appearance y Shadow
A continuación encontrarás los mismos ajustes que para la página:
Relleno (Crop): recorte, Fill Mode, Straighten, Turn & Mirror, Scale y Offsets
Stroke: contorno con selección de color, grosor, estilo y posición
Appearance: Ajustes, Filtros, Efectos y Desenfoque
Shadow: añade una sombra con ajustes de color, ángulo, distancia y desenfoque
3. Añadir texto
En el panel izquierdo, la sección Texto muestra la lista de todas las fuentes importadas en Omi.
Para añadir nuevas:
Haz clic en el botón Upload (icono de flecha hacia arriba).
Los formatos aceptados son: .ttf, .otf, .woff y .woff2.
Una vez añadidas, las fuentes están disponibles para toda la organización.
Para añadir un texto a tu composición, simplemente haz clic en una fuente de la lista. Un bloque de texto aparecerá entonces en el documento.
Al igual que con las imágenes, puedes desplazarlo, redimensionarlo, rotarlo, duplicarlo, copiarlo/pegarlo y gestionar su posición en las capas.
Haz clic en el botón Modificar para editar el contenido del texto.
Ajustes del texto (panel derecho)
Cuando un texto está seleccionado, el panel derecho muestra sus propiedades.
La opción Show in Export permite ocultar este elemento en la exportación final sin eliminarlo.
Alineación y capas
Al igual que para las imágenes: alineación en el documento (izquierda, centro, derecha) y gestión de la posición en las capas.
Rotación y Flip
Ángulo de rotación en grados, espejo horizontal o vertical.
Opacity
Slider para ajustar la opacidad del texto.
Blend Mode
Mismos modos de fusión que para las imágenes (ver la lista anterior).
Transformación
Posición y tamaño del elemento en píxeles y porcentaje.
Character
Todos los ajustes tipográficos para tu texto:
Fuente: cambia la fuente de escritura entre las importadas.
Estilo: elige la variante (Bold, Italic, etc.) si la fuente lo permite.
Negrita / Cursiva: botones rápidos para activar estos estilos.
Tamaño: define el tamaño del texto.
Alineación: alinea el texto dentro de su zona de texto (independiente de la alineación en el documento).
En los ajustes avanzados:
Alineación vertical
Frame behavior y Clipping
Altura de línea y Paragraph spacing
Letter Case: forzar el texto en mayúsculas o minúsculas
Espaciado entre letras
Relleno (color del texto)
Elige el color del texto en código HEX. Aquí encontrarás los colores guardados en tu kit de marca.
Stroke
Añade un contorno al texto (mismos ajustes que para los demás elementos).
Background
Añade un color de fondo detrás del texto. Esto crea un rectángulo de color limitado a la zona de texto.
Padding: ajusta el desbordamiento del fondo respecto al texto (en píxeles)
Round Corners: redondea las esquinas del fondo con un slider
Shadow
Añade una sombra al texto con ajustes de color, ángulo, distancia y desenfoque.
4. Guardar y exportar
Una vez terminadas tus modificaciones, dos opciones están disponibles en la parte superior derecha del editor:
Guardar: guarda tus modificaciones en Omi. Tus ajustes se conservan si deseas volver a ellos más tarde.Exportar: abre el menú de descarga. Elige el formato de tu archivo final entre PNG, JPEG, PDF o WEBP, y descárgalo en tu ordenador.
