Editor de diseños

Un diseño determina el aspecto de la imagen terminada: cuántas capturas contiene, dónde están y qué hay alrededor. Los diseños pertenecen al evento.

El editor se abre con "Editor de diseños" en el menú o con el símbolo de la parte superior de la barra de cabecera del área de administración.

La estructura#

Arriba está la barra de cabecera. A la izquierda están "Atrás", el teclado en pantalla y el menú de diseños, que muestra el nombre y el tamaño del diseño abierto. En él se cambia de un diseño a otro (cada uno con una pequeña vista previa), y allí están "Nuevo", "Duplicar", "Exportar diseño" e "Importar diseño"; la × roja junto a un diseño lo elimina tras pedir confirmación. En el centro siguen "Lienzo", "Huecos de foto" y "Varios"; a la derecha, Deshacer, Rehacer, "Vista previa", el menú "Más" (⋯) con "Impresión de prueba", "Restablecer" y los atajos de teclado, y "Guardar". La barra de cabecera sigue en una sola línea también en vertical: si falta espacio, los botones solo muestran su símbolo y el nombre aparece al pasar el ratón por encima. A la izquierda de la superficie de trabajo está la barra de inserción con hueco de foto, texto, imagen, pegatina, forma, imagen del reto y código QR: un toque coloca el elemento en el centro, y arrastrarlo a la superficie lo coloca justo en ese punto. A la derecha de la superficie de trabajo están las capas y las propiedades.

Más espacio para el lienzo#

El menú de la derecha se puede plegar con el botón de flecha de su borde. Compensa en tabletas y pantallas pequeñas en cuanto toca afinar y el lienzo, si no, se ve pequeño. La próxima vez que se abra el editor, vuelve a estar desplegado.

En pantallas estrechas, las áreas aparecen una debajo de otra y el editor ocupa exactamente la altura de la pantalla: arriba, la barra de cabecera, que si hace falta se reparte en varias líneas; debajo, el lienzo; abajo, el menú. Este se pliega hacia abajo, y el lienzo crece en el espacio liberado.

El lienzo#

"Lienzo" en la barra de cabecera abre el tamaño y el fondo del diseño. El tamaño se cuenta en píxeles de la imagen terminada; para una impresión a 300 ppp en 10 × 15 cm son 1800 × 1200. El botón ⇄ entre ancho y alto intercambia vertical y horizontal. Un tamaño que se usa a menudo se puede guardar como plantilla y después está disponible en todos los diseños.

Si Mover también los elementos está marcado (valor predeterminado), al cambiar el formato (plantilla, ancho, alto o ⇄) todo el diseño se mueve con él: los huecos de foto, los textos y los gráficos pasan al lugar correspondiente y crecen o encogen de forma proporcional, las fotos conservan su relación de aspecto y los grupos se mantienen juntos. Lo que llena todo el lienzo, por ejemplo una imagen de fondo, lo vuelve a llenar después. Así, un formato horizontal se convierte rápido en uno vertical o en un cuadrado; después se afina a mano.

En Relleno, el color de fondo se convierte en un degradado hacia un segundo color (lineal con ángulo o radial desde el centro) o en un patrón: puntos, rayas, rayas diagonales, cuadrícula o tablero de ajedrez en un color de patrón propio. Tamaño es la distancia con la que el patrón se repite. La pantalla de captura muestra el fondo detrás de la imagen en directo.

En Textura, si se desea, se pone una superficie de papel sobre el color, el degradado o el patrón: desde un grano fino discreto, pasando por lino y papel de tina para invitaciones de boda, hasta papel kraft para fiestas rústicas o pergamino para fiestas temáticas. Intensidad regula lo marcada que se ve, y Grano, su tamaño; el Color del papel pone con un toque un color de fondo adecuado, por ejemplo kraft para el papel kraft. La textura se imprime y se ve, pero no se nota al tacto. Solo pertenece al lienzo: las fotos, los textos y los gráficos quedan libres de ella.

Historial#

"Más" > Historial muestra los últimos 50 pasos como lista, por ejemplo "Barra movida" o "Texto cambiado: Anna & Ben", con el más reciente abajo. Un toque vuelve a ese estado; los pasos posteriores quedan en gris y se pueden rehacer con un toque hasta que se cambie algo nuevo. Deshacer y Rehacer en la barra de cabecera recorren la misma lista paso a paso.

Capturar colores#

Junto a cada campo de color hay un cuentagotas. Un clic en él y después un clic en cualquier punto de la pantalla, y el campo de color adopta su color. Funciona con el diseño del lienzo, con imágenes insertadas e incluso con otra ventana al lado, por ejemplo un logotipo. Esc cancela.

Crear un diseño#

1. En el menú de diseños de la barra de cabecera, en "Nuevo", elegir el formato adecuado al formato de papel (por ejemplo, 6 × 4 o tira de fotos). El diálogo muestra los formatos predefinidos como mosaicos con una vista previa de la relación de aspecto; debajo se pueden introducir medidas propias. El nombre y la descripción del diseño van en el mismo paso. Allí también se puede añadir directamente una imagen de fondo o de marco; si sus medidas encajan con un formato, se elige ese.
2. Insertar y colocar huecos de foto con "Hueco de foto" en la barra de inserción. "Huecos de foto" > "Disposición" aplica de una vez repartos habituales de uno a seis huecos de foto.
3. Añadir gráficos y textos con la barra de inserción: logotipo, fecha, nombres, marco.
4. Fijar el orden con las capas: lo que deba quedar sobre la foto va arriba.
5. Guardar y después comprobar en la vista previa. Sin guardado automático, el editor pregunta antes de que se pierdan cambios sin guardar: con "Atrás", al abrir otro diseño y al recargar la página; tras recargar, el último diseño abierto vuelve a estar abierto.
6. En el área "Modos de captura y asignación de diseños", habilitar el diseño para el modo deseado.

Con la tecla Ctrl pulsada se pueden seleccionar y alinear varios elementos a la vez. A partir de tres elementos, los dos botones bajo la alineación los reparten de forma uniforme: por ejemplo, una fila de huecos de foto o logotipos.

El elemento seleccionado muestra ocho tiradores para el tamaño y, encima, un punto para girar, tanto en los huecos de foto como en los textos, gráficos, formas y códigos QR. Los cuatro tiradores redondos de las esquinas cambian a la vez el ancho y el alto; los cuatro cuadrados del centro de los bordes, solo un lado cada uno: los laterales, el ancho; el superior y el inferior, el alto. En un hueco de foto con relación de aspecto fija, esta solo se mantiene en las esquinas; con un tirador de borde se puede romper a propósito. En un texto, la letra solo crece con las esquinas; con los tiradores laterales se ajusta el ancho en el que el texto salta de línea. En los elementos pequeños solo quedan las cuatro esquinas; si no, los tiradores se solaparían. Los elementos no seleccionados no tienen tiradores, para que no se roben los clics unos a otros.

En las esquinas, las imágenes, los gráficos, las formas y los códigos QR conservan su relación de aspecto; quien arrastra allí con la tecla Mayús pulsada la cambia libremente. Los tiradores del centro de los bordes siguen cambiando solo un lado.

Al mover un único elemento, se ajusta a los bordes y centros de los demás elementos, así como al borde y al centro del lienzo; una línea fina muestra a qué se está ajustando. La casilla "Ajustar a otros elementos" bajo los botones de alineación lo desactiva, y mantener pulsada la tecla Alt lo detiene durante un solo movimiento.

Al arrastrar un tirador, el borde arrastrado se ajusta en los mismos puntos. En una esquina gana el más cercano de los dos bordes, y la relación de aspecto se mantiene. Un hueco de foto termina en el borde del lienzo aunque se siga arrastrando. Los elementos girados no se ajustan al cambiar el tamaño.

Las teclas de flecha mueven el elemento seleccionado un píxel; con Mayús, diez; con Ctrl, 50; y con Ctrl y Mayús, 100. Ctrl+C y Ctrl+V copian elementos, también a otro diseño; Ctrl+D o el botón "Duplicar" del área del elemento pone una copia ligeramente desplazada al lado. Todos los atajos de teclado y tiradores los muestra "Más" > "Atajos de teclado y tiradores" en la barra de cabecera, igual que la tecla ?.

Un clic derecho en un elemento abre un menú con Editar, Duplicar, Copiar, Pegar, el orden de las capas, Bloquear, Ocultar y Eliminar; actúa sobre toda la selección. En una zona libre ofrece Pegar, Seleccionar todo y Ajustar la vista, y en la lista de capas llega también a los elementos bloqueados y ocultos. La tecla de menú del teclado también lo abre. En lugar de la tecla Ctrl, el botón "Varios" de la barra de cabecera añade elementos a la selección: mientras está activado, cada clic añade o quita un elemento, y un clic en el vacío deja la selección como está.

Si hay un elemento seleccionado, sobre él flota una barra con las herramientas más usadas de su tipo: en el hueco de foto, el número de captura; en el texto, Editar, letra más pequeña y más grande y el color; en una forma, relleno y borde; con varios elementos, los botones de alineación. Además están Editar (✏), Empujar (✥), Duplicar, Eliminar y "Más" para el menú contextual. Empujar abre un panel de flechas que desplaza 1, 10, 50 o 100 píxeles; el paso se elige bajo las flechas, y mantener pulsado repite. Al arrastrar, la barra desaparece. En un texto, en lugar de "Editar" solo aparece "Editar texto" (✎). Con el tirador ⠿ de la izquierda, la barra se puede llevar a otro sitio si tapa algo; allí se queda también para los siguientes elementos y tras recargar. Un doble clic o doble toque en el tirador la vuelve a poner junto a la selección.

Para trabajos finos se puede ampliar la vista: Ctrl+rueda del ratón hace zoom alrededor del puntero, Ctrl+Más y Ctrl+Menos lo hacen por pasos, igual que los botones de abajo a la derecha de la superficie de trabajo. El porcentaje indica allí el tamaño en relación con la imagen terminada; un clic en él o Ctrl+0 vuelve a ajustar el lienzo. Con la vista ampliada, la rueda del ratón desplaza la vista, y con la barra espaciadora o el botón central del ratón pulsados se puede mover.

Varios elementos a la vez se seleccionan con un marco de selección: se arrastra en una zona libre y se selecciona cada elemento que toca el marco. Con la tecla Ctrl pulsada se añaden a la selección existente. Un clic en una zona libre anula la selección.

Un clic alcanza lo que se ve en ese punto. Si hay un gráfico de marco sobre los huecos de foto, el clic atraviesa sus ventanas transparentes y selecciona el hueco de foto de debajo. Lo mismo vale para las zonas transparentes de cualquier otro gráfico y para el interior de una forma sin relleno. Un segundo clic en el mismo punto (tras una breve pausa; si no, se convierte en doble clic) selecciona el elemento de debajo; un mensaje lo nombra. Donde no se ve nada, el punto cuenta como zona libre.

En la lista de capas, el tirador ⠿ a la izquierda de cada fila mueve una capa hacia delante o hacia atrás arrastrándola, con el ratón o con el dedo. Una línea muestra dónde quedará. Bajo la lista aparece mientras tanto una papelera: si se suelta allí, el elemento se elimina, y en un grupo, con todos sus miembros; "Deshacer" lo recupera.

Las capas están en la pestaña "Capas" de la barra lateral, junto a "Elemento" y "Diseño"; la última pestaña elegida se mantiene la próxima vez que se abre. Si con las capas abiertas se selecciona un elemento en la superficie de trabajo, la lista se queda y su fila se ilumina. Cada fila muestra una pequeña imagen del contenido. Un doble toque en el nombre lo convierte en un campo de texto: Intro lo acepta, Esc lo descarta, y un nombre vacío devuelve el nombre basado en el contenido, por ejemplo el nombre de archivo de una imagen o el texto. Un hueco de foto con nombre conserva su número de captura detrás. Los ajustes de una capa se abren con el lápiz.

El candado de la lista de capas bloquea un elemento para que no se mueva por descuido: útil para una imagen de fondo o un gráfico de marco que estorba al trabajar con textos y huecos de foto. En la superficie de trabajo, un elemento bloqueado no se puede agarrar ni girar, y un clic sobre él alcanza el elemento de debajo. La alineación, las teclas de flecha y el marco de selección lo dejan quieto. Desde la lista de capas se puede seguir seleccionando, y sus ajustes se pueden seguir cambiando. El candado abierto solo aparece en la fila bajo el puntero y en la seleccionada.

Al lado se puede mostrar una cuadrícula y, por separado, activarla como segunda ayuda de ajuste; el espaciado y el color se eligen libremente. El espaciado se cuenta en píxeles del lienzo, no en píxeles de pantalla. Si un elemento se ajusta a la vez a otro elemento, gana este: casi siempre es lo que se pretendía. La cuadrícula está por encima de todos los elementos y así sigue visible también sobre fotos e imágenes de fondo; todo lo de debajo se puede agarrar, arrastrar y tocar como siempre.

Al mover, las distancias a los vecinos a la misma altura o en la misma columna aparecen como número en píxeles junto a la línea. Si un elemento queda justo entre dos vecinos o a la misma distancia que ya tienen otros dos entre sí, se ajusta ahí; las distancias iguales se iluminan en color. La tecla Alt también detiene esto durante un movimiento.

Reglas y guías. Arriba y a la izquierda de la superficie de trabajo hay reglas. Arrastrando desde la superior se crea una guía horizontal; desde la izquierda, una vertical. Los elementos se ajustan a ellas aunque el ajuste a otros elementos esté desactivado. Una guía se mueve desde su marca en la regla, un doble clic en la marca la elimina y "Eliminar todas las guías" lo limpia todo. Las guías se guardan con el diseño y nunca aparecen en la imagen. La casilla "Mostrar reglas y guías" oculta ambas cosas, y entonces tampoco hay ajuste a ellas.

La Unidad de medida cambia la posición, el tamaño, la separación y las reglas a milímetros, centímetros o pulgadas, calculados a 300 ppp. Se sigue guardando en píxeles.

Además del reparto uniforme, Separación alinea los elementos seleccionados con un espacio fijo entre ellos: el primero se queda quieto y los demás siguen en horizontal o vertical a la separación ajustada; por ejemplo, 40 píxeles entre las fotos de una tira.

Copiar estilo: el menú contextual copia el estilo de un elemento (sombra, borde, esquinas y opacidad; en los textos, también fuente, color y contorno; en las formas, relleno y borde) y lo aplica a la selección (Ctrl+Alt+C y Ctrl+Alt+V). "Aplicar el estilo a todos los elementos de este tipo" lo pasa de una vez a todos los textos, todos los huecos de foto o todas las formas. El tamaño, la posición, el tamaño de letra y el contenido se quedan como están.

Agrupar: varios elementos seleccionados se pueden unir en un grupo con el menú contextual, el botón de la barra junto a la selección o Ctrl+G; por ejemplo, logotipo y rótulo o fecha y línea. Después, un clic en un miembro selecciona todo el grupo. Al arrastrarlo se mueve en conjunto, las cuatro esquinas de su marco lo escalan respecto a la esquina opuesta y el punto de encima lo gira alrededor de su centro. Alinear, repartir y separar lo mueven como un todo. Un doble clic sigue editando el elemento individual. Ctrl+Mayús+G deshace la agrupación. No hay grupos dentro de grupos.

En las capas, un grupo aparece con una fila de cabecera sobre sus miembros. La fila de cabecera selecciona el grupo, lo mueve como bloque por las capas, lo pliega y lo deshace con la ×. Una fila de debajo selecciona el elemento individual, que entonces se puede mover solo y poner delante o detrás dentro de su grupo.

Plantillas de texto: el botón "Plantilla" de la barra de inserción abre combinaciones de fuentes listas: nombres con fecha, "Mr & Mrs", hashtag, línea de empresa y más. Una plantilla llega al lienzo como grupo de dos o tres líneas, en el último color de texto usado. El nombre, la fecha y el año van en ella como campos dinámicos y vienen del evento; después, cada línea se puede editar como cualquier otro texto. Solo se usan fuentes que incluye Windows.

Gráficos vectoriales: "Imagen" acepta, además de PNG, JPEG y WebP, también archivos SVG. Al insertarlo, el gráfico se convierte en una imagen que podría llenar el lienzo a resolución de impresión completa; después se comporta como cualquier otra imagen.

Colores del diseño: junto a cada campo de color, el botón con las tres manchas de color abre una paleta con los colores que ya aparecen en el diseño y los colores más frecuentes de las imágenes y pegatinas; por ejemplo, los de un logotipo insertado. En la barra junto a la selección, la paleta aparece directamente al tocar el color; el selector de colores del sistema está allí en "Más colores".

Colores y fuentes (menú "Más" o clic derecho en una zona libre) da a todo el diseño un tema: el lienzo recibe el fondo; los títulos, el color de acento y la fuente de título; los demás textos, el color y la fuente de texto; y las formas, líneas y bordes, el acento. "Como la pantalla de inicio y la final" toma los colores y la fuente de la apariencia del evento. Debajo aparecen todos los colores del diseño; cambiar uno lo sustituye en todas partes. Cada cambio actúa al instante, y "Descartar" recupera el estado anterior.

Bajo los botones de alineación hay dos indicaciones que solo aparecen en la superficie de trabajo, nunca en la imagen terminada. Mostrar margen de impresión y línea de corte pone una banda roja en el borde del lienzo: lo que quede dentro puede recortarlo la impresión sin bordes, según la impresora; es mejor dejar textos y caras dentro de la línea discontinua. Un diseño de tira de fotos que ya contiene ambas tiras muestra además la línea de corte en el centro; una tira individual solo se duplica al imprimir y no la necesita. De fábrica, esta casilla está desmarcada. Foto de ejemplo en los huecos de foto rellena los huecos de foto con la foto que usa también la vista previa: la foto de vista previa propia del evento, si la hay, o si no, la incluida. El borde, la sombra y el redondeo de los huecos de foto quedan por encima como en la imagen terminada. El navegador recuerda ambos interruptores.

Contenido de demostración para galería y nube#

Un contenido de demostración muestra al cliente ya antes del evento cómo queda el diseño en la galería, la presentación, la tableta y el álbum de fotos web. En la ventana de la vista previa, "Guardar en la galería como contenido de demostración" guarda exactamente la imagen mostrada en la galería del evento cargado, aunque el diseño aún no esté guardado. Antes, una pregunta explica qué es un contenido de demostración y pide el destino: "Solo en la galería" (preseleccionado) o "En galería y nube"; en ese caso, la imagen va además a la nube del evento, con QR de imagen individual si está activado. Si el evento no tiene ningún servicio en la nube configurado, la pregunta solo ofrece "Guardar en la galería".

Un contenido de demostración no es una captura: no cuenta en ningún contador ni límite de uso, falta en "Exportar capturas" y queda fuera al recalcular. El disparador para programas externos "Subida completada" no lo comunica. Si la galería está desactivada o Privacy-by-Default está activo, el botón sigue bloqueado; en los comprobantes de premio y las tarjetas de retos no aparece.

Manejo en pantalla táctil#

El editor se puede manejar con los dedos en la pantalla táctil del fotomatón y en la tableta. En cuanto un dedo toca la superficie de trabajo, se adapta a ello; un clic de ratón lo devuelve al modo anterior.

• Dos dedos mueven siempre la vista, nunca un elemento: separarlos amplía, juntarlos reduce, y arrastrarlos juntos desplaza el encuadre. Quien junta los dedos casi hasta el tamaño ajustado acaba exactamente ahí.
• Un dedo selecciona un elemento y lo mueve. El arrastre solo empieza tras un breve recorrido: un toque por sí solo no mueve nada.
• Los tiradores siguen siendo tan pequeños como con el ratón, pero se pueden agarrar en un radio más amplio. Los elementos pequeños solo muestran entonces las cuatro esquinas, y el punto para girar queda algo más lejos.
• Mantener pulsado abre el menú del elemento y, en una zona libre, el de la superficie de trabajo, como un clic derecho con el ratón.
• Seleccionar varios funciona sin la tecla Ctrl con el botón "Varios" de la barra de cabecera.
• Empujar sustituye a las teclas de flecha: ✥ en la barra junto a la selección abre el panel de flechas.
• Los campos numéricos abren tras un toque un teclado numérico junto al campo en lugar del teclado en pantalla; "Listo" acepta y Esc descarta.

Si la vista está ampliada y un elemento debe ir a un punto fuera del encuadre visible, basta con arrastrarlo al borde de la superficie de trabajo: la vista se desplaza mientras el dedo o el puntero se queden ahí.

Comprobante de premio#

Un diseño del tipo "Comprobante de premio" no se imprime como foto, sino como comprobante del sorteo. Se crea con "Nuevo", tipo "Comprobante de premio"; una imagen del mismo diálogo pasa a ser el fondo. El título, el premio y el código de premio aparecen directamente. Un comprobante de premio no va a ningún modo de captura, y faltan los campos para ello. No necesita hueco de foto; uno añadido con "Hueco de foto" en la barra de inserción muestra la primera captura del invitado. No es posible más de uno, por eso en "Huecos de foto" faltan "Disposición" y "Detectar desde el gráfico de marco". En la lista de diseños aparece aparte, en "Comprobantes de premio", y nunca aparece en la selección de diseños de los invitados. La vista previa y la impresión de prueba muestran un código de ejemplo. Si el comprobante sale de una impresora de comprobantes de premio propia, la medida del diseño debe encajar con el papel de esa impresora: la impresión extiende el comprobante a toda la página, y una relación de aspecto distinta sale deformada. La impresión de prueba va entonces a esa impresora.

Imágenes de fondo y de marco#

Un fondo o un marco es un elemento como cualquier otro: se inserta con Imagen en la barra de inserción y se lleva a su sitio en la lista de capas. Por debajo de los huecos de foto se convierte en fondo; por encima, en marco. En un diseño puede haber varias imágenes, por ejemplo fondo y marco juntos.

Una imagen que cabe en el lienzo aparece al insertarla a tamaño original en el centro; si es exactamente del tamaño del lienzo, lo llena por completo. Si es más grande en una dirección, el editor pregunta: Ajustar la imagen al lienzo reduce la imagen manteniendo su relación de aspecto hasta que quepa entera. Ajustar el lienzo a la imagen pone el lienzo al tamaño de la imagen, y los huecos de foto y elementos existentes crecen con él. Cancelar no inserta la imagen.

Huecos de foto > Detectar desde el gráfico de marco lee las zonas transparentes de la capa de imagen seleccionada y crea allí huecos de foto. Compensa con gráficos de marco terminados con campos de foto recortados. Los huecos de foto se pueden seguir agarrando a través de las ventanas del gráfico; contra el desplazamiento accidental del gráfico ayuda el candado de la lista de capas.

En el diálogo "Nuevo" se puede añadir directamente una imagen de fondo o de marco. Si el gráfico tiene ventanas transparentes, el editor ofrece tras crearlo poner allí los huecos de foto; estos sustituyen entonces el hueco de foto con el que empieza el nuevo diseño.

Recortar y reflejar gráficos#

Una imagen siempre llena por completo su caja. En el diálogo de la imagen, Zoom en "Recortar" amplía el gráfico dentro de la caja, y el campo Encuadre muestra todo el gráfico con la parte visible como marco; tocar o arrastrar lo desplaza. La forma del encuadre sigue a la caja: una caja más estrecha recorta el gráfico más estrecho.

Reflejar da la vuelta a una imagen o una pegatina en horizontal o vertical, por ejemplo una rama para la esquina opuesta. Es más rápido con el menú contextual del elemento. La sombra y el borde se quedan donde estaban.

Forma, encuadre y filtro de los huecos de foto#

En el diálogo de un hueco de foto, Forma determina cómo se recorta la foto: rectángulo, círculo u óvalo, arco, corazón, estrella o una máscara propia en PNG; el blanco o lo opaco muestra la foto, y el negro o lo transparente la oculta. El borde y la sombra siguen el contorno. Zoom amplía la foto en el hueco, y el campo Encuadre muestra toda la foto de ejemplo con la parte visible como marco; tocar o arrastrar lo desplaza. Filtro de este hueco de imagen se añade al filtro que elige el invitado: por ejemplo, un hueco de foto en blanco y negro y los demás en color.

La imagen en directo de la pantalla de captura muestra la forma, el encuadre y los filtros integrados ya durante la captura; las tablas de color propias solo aparecen en la imagen terminada. Con una cámara montada girada, la imagen en directo queda sin encuadre, pero la foto se recorta igualmente bien. "Aplicar efectos a todos los huecos de imagen" se lleva la forma y el filtro, pero no el encuadre.

Efectos#

El radio de esquina, la sombra paralela, la sombra/brillo interior, el borde y el resplandor existen para elementos y huecos de foto. En el hueco de foto, el efecto se aplica a la foto encajada. El diálogo se abre como en un elemento: con doble clic en el hueco de foto o con el lápiz de la lista de capas. En un texto, los efectos están en el área "Texto" de la barra lateral derecha.

Al editar, cada cambio en el diálogo actúa al instante en la superficie de trabajo. Por eso el diálogo está al lado de la superficie, sin oscurecerla; en el móvil, como una hoja desde abajo. "Listo" o un toque al lado conservan los cambios como un solo paso para "Deshacer"; "Descartar" y Esc restablecen el estado previo a la apertura. La posición de captura de un hueco de foto y "Aplicar efectos a todos los huecos de imagen" solo actúan con "Listo". Al insertar un elemento nuevo, el diálogo se queda en el centro.

La casilla "Aplicar efectos a todos los huecos de imagen" del diálogo del hueco de foto da a todos los huecos de foto los mismos efectos: práctico en tiras de fotos y collages en los que cada imagen debe llevar el mismo marco. El nombre y la posición de captura se mantienen por hueco, y un "Deshacer" lo revierte para todos.

La opacidad del mismo diálogo vale para todo el elemento, incluidos la sombra, el borde y el resplandor; por ejemplo, para un logotipo discreto como marca de agua. La sombra tiene además una opacidad propia; la hace más suave sin aclarar el propio elemento.

La dirección de la sombra paralela se ajusta con la rueda: la línea apunta hacia donde cae la sombra. Arrastrar la gira; las teclas de flecha la giran un grado, y con Mayús, quince. Al lado aparecen el ángulo y la distancia como número.

El radio de esquina redondea fotos, imágenes, códigos QR, rectángulos y textos con fondo; la sombra, el borde y el resplandor siguen el redondeo. Sin radio de esquina, la superficie de trabajo lo muestra todo con esquinas, tal como aparece en la imagen terminada.

Un borde puede llevar un degradado en lugar de un color ("Relleno"): oro, plata, oro rosa y bronce están predefinidos, además de un degradado propio de dos colores. La dirección se ajusta con una rueda propia. Los degradados metálicos resultan elegantes tanto sobre fondos claros como oscuros y encajan con bodas y aniversarios. Las formas conocen los mismos degradados en "Relleno" del diálogo de forma.

La sombra interior cae desde el borde hacia dentro del elemento. Con un color oscuro y algo de distancia, una foto o un texto parecen grabados en relieve; con un color claro y distancia 0, el borde brilla hacia dentro.

Modo de fusión combina un elemento o un hueco de foto con todo lo que hay debajo, en lugar de solo ponerlo encima. "Multiplicar" hace desaparecer el blanco y oscurece: una firma escaneada o un logotipo sobre fondo blanco queda entonces sin recuadro blanco sobre el fondo. "Trama" hace desaparecer el negro y aclara, bueno para efectos de luz y purpurina sobre fondo negro. "Superponer" y "Luz suave" ponen una textura sobre lo que hay debajo, y "Oscurecer", "Aclarar" y "Diferencia" comparan los colores. En la pantalla de captura, el modo de fusión solo actúa en los huecos de foto; en la imagen terminada y en la impresión actúa en todas partes.

Visible en la foto y en la impresión#

Cada elemento tiene un ajuste "Visible en". Determina si aparece en todas partes, solo en la impresión o solo en la foto guardada.

Los elementos que no aparecen en todas partes se muestran atenuados y con una insignia en la superficie de trabajo.

Imprimir el QR de imagen individual#

Un elemento QR conoce tres destinos: el álbum de fotos web, una dirección propia y la imagen individual. El código de imagen individual lleva exactamente a esta captura y solo aparece en la impresión: en la pantalla, al invitado ya se le ofrece el código, y en papel es la única vía.

Editar textos#

Los textos se escriben directamente en la superficie de trabajo. Texto en la barra de inserción pone un texto nuevo en el centro; el marcador de posición está seleccionado y se sobrescribe al teclear. Un doble clic en un texto existente de la superficie de trabajo lo abre para editarlo.

Encima del texto aparece entonces una barra con fuente, tamaño de letra, color, negrita y cursiva, alineación e "Insertar campo" para datos dinámicos. Cada cambio se ve al instante en la superficie de trabajo, y el cursor y la selección del texto se mantienen. "Otros ajustes" salta al área "Texto" de la barra lateral derecha. Allí están todos los ajustes del texto seleccionado, además de la visibilidad y los efectos; cada cambio actúa al instante.

• Intro empieza una línea nueva.
• La marca verde, un clic al lado del texto o Ctrl+Intro aceptan el texto.
• La cruz o Escape descartan los cambios. Un texto recién insertado vuelve a desaparecer.
• Un texto vacío se elimina al aceptarlo; "Deshacer" lo recupera.

Con un texto girado, la barra aparece en horizontal encima, para que siga siendo fácil de alcanzar.

Con el tirador ⠿ de la izquierda, la barra se puede llevar a otro sitio, por ejemplo si tapa algo. Allí se queda también para los siguientes textos; un doble clic en el tirador la vuelve a poner junto al texto.

El espaciado entre caracteres y el interlineado están en el área "Texto" de la barra lateral. El espaciado entre caracteres se cuenta en milésimas del tamaño de letra, como el tracking en los programas de diseño gráfico: 0 es el espaciado de la fuente, 100 añade entre dos caracteres una décima parte del tamaño de letra, y los valores negativos los acercan. Las mayúsculas muy espaciadas suelen resultar más elegantes en los títulos. El interlineado se cuenta en porcentaje; 100 % es el espaciado que tenían hasta ahora los textos. Así, los diseños antiguos quedan sin cambios.

Un texto puede recibir un fondo de color ("Fondo" en el área "Texto"). Su marco conserva entonces el tamaño arrastrado en lugar de encogerse a las letras: práctico para una cinta o un cartel con nombre.

Un contorno ("Contorno (px)" y "Color del contorno") pone un borde alrededor de las letras. Mantiene legible un texto claro incluso sobre fotos claras, por ejemplo letra blanca con contorno oscuro sobre un hueco de foto. En "Relleno", la letra puede llevar un degradado en lugar de un color, con los mismos valores predefinidos que el borde: oro para "Mr & Mrs", plata para un aniversario.

Arco en el área "Texto" curva el texto sobre un arco de circunferencia: los valores positivos lo arquean hacia arriba como un arco de entrada (por ejemplo, los nombres sobre la foto), y los negativos hacia abajo como una sonrisa. Con 100 da una vuelta completa al círculo, por ejemplo alrededor de una foto redonda. Sobre el arco, el texto va en una sola línea. Sin fondo, el marco crece con el arco; con fondo se queda quieto, y la letra se reduce hasta que el arco cabe. Un doble clic en el control deslizante vuelve a poner el texto recto.

Textos dinámicos#

Un texto puede tomar datos del evento en lugar de tenerlos escritos de forma fija. Así basta un único diseño para muchas celebraciones: un evento duplicado lleva su propio nombre y su propia fecha sin que nadie toque el diseño.

En el área "Texto" de la barra lateral, debajo del campo de texto, hay botones para los datos disponibles, y al editar en la superficie de trabajo los enumera "Insertar campo". Un clic pone el código correspondiente en el cursor. El texto fijo y los códigos se pueden mezclar, por ejemplo "Boda de {eventname}" o "{eventname} el {datumstart}".

La imagen del reto fotográfico entra en el diseño con Imagen del reto en la barra de inserción: la imagen propia o el símbolo del reto; sin reto, la superficie queda vacía.

Los datos solo se insertan al crear la imagen: en la foto guardada, en la impresión, en el mosaico de vista previa y en la vista previa en directo de la pantalla de captura. En el propio diseño siempre queda el código. Por eso, un cambio en el nombre del evento actúa a partir de la siguiente captura; los diseños no se actualizan después.

En la superficie de trabajo, un elemento así muestra el valor del evento cargado y tiene un borde discontinuo. El área "Texto" avisa de un código mal escrito antes de que llegue a la impresión.

Si un dato está vacío (por ejemplo, la nota de un evento sin nota), el texto se omite. Si el campo queda así totalmente vacío, el elemento no se dibuja. Una llave real en el texto se escribe doble: {{ y }}.

Fuentes#

Los textos usan fuentes instaladas. Si falta una, el editor lo indica expresamente; si no, la imagen impresa se vería distinta de la vista previa.

Los textos también se pueden poner en negrita y cursiva. Si una fuente no trae un estilo propio para ello, se simula; con un estilo real, el texto suele verse más armonioso.

La selección de fuentes muestra junto a cada nombre una muestra de texto en esa fuente. Quien solo reconoce una fuente por su aspecto la encuentra así hojeando; un campo de búsqueda sobre la lista acota los nombres.

Las fuentes pertenecen al evento y se transmiten con un preset o un paquete del evento.

Importación y exportación#

• Exportar diseño en el menú de diseños de la barra de cabecera escribe un archivo ZIP con el diseño y sus gráficos.
• Importar diseño lo vuelve a leer, también en otro fotomatón.
• El símbolo de libros junto a un diseño de la lista lo guarda, con imágenes y fuentes, en la biblioteca de diseños del dispositivo; Cargar desde la biblioteca trae de allí una copia a cualquier evento (Bibliotecas).
• Además se pueden importar directamente plantillas en formato dslrBooth y LumaBooth, como las que ofrecen, por ejemplo, los proveedores de plantillas.
• Los valores de color de dslrBooth o LumaBooth se pueden pasar al campo de texto junto a cada campo de color. Ambos programas indican los colores con ocho cifras, por ejemplo "#FFE9E8E4": las dos primeras cifras son la opacidad. El campo entiende esta notación; quien solo copie seis cifras debe tomar las seis últimas.
• El borde y la sombra de los huecos de foto se incluyen al importar, igual que los bordes alrededor de los gráficos. Una plantilla importada antes solo los muestra tras volver a importarla.
• Los códigos QR y los datos "Fecha" y "Fecha y hora" también se incluyen, estos últimos como textos dinámicos. Las respuestas de encuestas, la firma, el número de sesión y el nombre de archivo no existen aquí; tras la importación, el editor indica lo que falta.
• Las formas (rectángulo, elipse, línea y estrella) se incluyen con relleno, borde y sombra.

Diseños de Photoshop y Canva#

Importar diseño acepta también archivos de Photoshop (PSD) y diseños SVG, por ejemplo de Canva.

• De un PSD, cada capa pasa a ser un elemento de imagen propio en su posición: la visibilidad, la opacidad y los modos de fusión habituales se incluyen, y una máscara de capa se aplica. Las capas llamadas "Foto 1", "Foto 2" … (también "Photo", "Bild", "Bildplatz") pasan a ser huecos de foto para la captura correspondiente. No se adoptan los efectos de capa como sombra o contorno, las capas de ajuste y de relleno ni las máscaras de recorte: antes, rasterizar o combinar esas capas en Photoshop; tras la importación, el editor indica lo que falta. Se lee RGB de 8 o 16 bits, ni CMYK ni PSB.
• Las capas de texto de un PSD pasan a ser textos editables, uno por párrafo, con fuente, tamaño, color, alineación y tracking. Los párrafos de una capa forman un grupo. El contorno, la sombra paralela y la superposición de color se incluyen, y un subrayado pasa a ser una línea fina. Si la fuente no existe en el dispositivo, la importación ofrece descargarla; además, el original queda oculto como imagen bajo el texto. El texto girado, deformado o vertical y las líneas con fuente cambiante siguen siendo imagen.
• Un diseño SVG se divide en sus partes: cada elemento del nivel superior pasa a ser una imagen propia, y una superficie de un solo color sobre toda la página pasa a ser el color de fondo. En Canva, elegir para ello "Compartir" > "Descargar" > "SVG". Un diseño de 15 × 10 cm tendrá 1800 × 1200 píxeles.
• Sin capa con nombre, un hueco de foto queda en el centro debajo de todo. Si el diseño tiene ventanas transparentes, Huecos de foto > Detectar desde el gráfico de marco pone allí los huecos de foto.

Editor de diseños online#

En editor.rawcapturebooth.app funciona el mismo editor de diseños en el navegador, sin fotomatón y sin iniciar sesión. Así, por ejemplo, unos novios o una agencia pueden diseñar el diseño por su cuenta de antemano y enviarlo como archivo.

• Los diseños solo están en el navegador del dispositivo, no en un servidor. Otro navegador o borrar los datos del sitio web significa que el diseño se pierde. Exportar diseño guarda el estado como archivo ZIP; Importar diseño lo vuelve a abrir para seguir trabajando, online o en el fotomatón.
• En el fotomatón, Importar diseño del editor de diseños lee el archivo ZIP. El diseño llega tal como se creó online.
• Los textos dinámicos muestran en la vista previa valores de ejemplo, como "Anna & Tom" y la fecha de hoy. En el fotomatón aparecen allí los datos del evento.
• Se puede elegir entre fuentes libres. El navegador las carga desde el servidor del editor, no desde Google. Si falta alguna en el fotomatón, la importación ofrece descargarla. Arial, Times New Roman y Courier New se muestran online en la vista previa con fuentes sustitutas de igual anchura; en el fotomatón vale el original.
• Online faltan la impresión de prueba, el teclado en pantalla, la biblioteca de diseños, las plantillas de lienzo propias y "Guardar en la galería como contenido de demostración". De los filtros de los huecos de foto solo están los integrados; un filtro propio de un evento del fotomatón se mantiene en el diseño y vuelve a funcionar en el fotomatón.
• Abajo a la izquierda están el aviso legal y la política de privacidad. Lo que se transmite al diseñar lo describe la política de privacidad en la sección "Layout-Editor online".