InDesign - Práctica moderna

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Todos los vídeos del tutorial InDesign - Práctica moderna

Los carteles modernos contienen muy a menudo un código QR, es decir, un código de imagen que puede fotografiarse con un smartphone. Un programa informático instalado en el smartphone puede extraer la dirección de Internet de este código y dirigir al usuario al sitio web del organizador. Pero, ¿cómo se crea un código de este tipo?

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Basta con introducir las palabras clave generador de códigos QR y EPS en su motor de búsqueda favorito. Entonces seguro que obtendrás algunas sugerencias de búsqueda relevantes, como la página de www.keremerkan.net.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Más abajo en esta página, puedes especificar qué tipo de código necesitas y a dónde debe llevar.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Puedes seleccionar la acción que debe desencadenar el código en una lista desplegable.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

A continuación, puede seleccionar el formato de salida del código, especificar el color de fondo y generar el código.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

El archivo generado estará disponible para su descarga. Para abrirlo, simplemente arrástrelo desde la carpeta de descarga al documento de InDesign. El puntero del ratón cambia brevemente de visualización e indica que hay un gráfico adjunto. Simplemente arrastre un área del tamaño deseado al lugar apropiado del documento y el gráfico se colocará allí inmediatamente.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Si es demasiado grande, puede hacerlo un poco más pequeño. Sería bueno que este gráfico tuviera exactamente la misma altura que el área de texto. Puedes dibujar las líneas correspondientes en el documento y luego reducir el gráfico proporcionalmente con Shift+Ctrl.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Ahora el cartel está básicamente terminado. Aparte de algunos pequeños ajustes en el texto o los gráficos, sólo queda un cambio importante por hacer: la integración de una textura para el fondo blanco. Puede ser tu propia textura o, por ejemplo, una textura fotorrealista del DVD de texturas. Copia este gráfico en el portapapeles.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Ahora necesitas un programa de gráficos como Adobe Photoshop para refinar aún más la textura. Si creas allí un nuevo documento, Photoshop ya toma la información del portapapeles y te ofrece el formato adecuado.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Sin embargo, tienes un gráfico enlosable en el portapapeles y necesitas un documento en formato DIN en tamaño A3. Por lo tanto, cambia las dimensiones del documento.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

A continuación, sólo tiene que insertar el gráfico en el documento recién creado pulsando Ctrl+V. Adobe Photoshop creará entonces una nueva capa.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Mantenga pulsada la tecla Ctrl y haga clic en la miniatura de la capa 1 en la paleta de capas para crear una selección del objeto. A continuación, vaya a la opción de menú Edición>Establecer patrón para guardar la selección como patrón. En el diálogo posterior, también puede asignar un nombre si lo desea.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

A continuación, puede borrar la capa 1 arrastrándola sobre el icono de la papelera y cancelar la selección con Ctrl+D. La capa de fondo debe convertirse previamente para poder editarla. Haga doble clic en la capa de fondo y confirme el cuadro de diálogo para convertir esta capa en una capa normal y editable.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Active las opciones de relleno mediante el menú contextual de la capa convertida.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Active la superposición de patrones en el cuadro de diálogo de configuración. El patrón que acaba de crear se encuentra en la parte inferior del campo de selección desplegable de la galería actual. Seleccione este patrón para asignarlo al área.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Aquí es donde se separa el trigo de la paja. La ventaja de una textura enlosable sin costuras es que no hay transiciones antiestéticas y el fondo parece una sola pieza.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

A continuación, se puede guardar el archivo de Photoshop. Puede colocarse en InDesign. Por favor, asegúrese de que el área a rellenar con este patrón ha sido seleccionada de antemano.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Una vez seleccionada la textura, aparecerá en la superficie. Sin embargo, esto no favorece precisamente la legibilidad.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Hay varias maneras de contrarrestarlo. Una de ellas es especificar un valor de opacidad más bajo para la superposición del patrón en Adobe Photoshop. El archivo PSD puede editarse y guardarse de nuevo en cualquier momento.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Lo único que hay que hacer es actualizar el enlace al gráfico en el panel Enlaces. Para ello, seleccione la entrada con el signo de exclamación y haga clic en el botón Actualizar.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

El gráfico se cargará de nuevo y aparecerá en su forma actualizada.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

En Adobe Photoshop, por supuesto, puedes acceder a numerosos preajustes de la biblioteca de texturas. Si hace clic en la pequeña rueda dentada del campo de selección, también puede acceder a otras colecciones de texturas, que a su vez ofrecen otras estructuras.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Éstas pueden añadirse a la selección de texturas existente o cargarse como una colección independiente. Ahora también puede seleccionar una textura diferente para la superposición del patrón.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

También puedes probar a ajustar la opacidad o cambiar la escala. Ambos deslizadores cambian el efecto. Sin embargo, tenga cuidado de no ajustar la escala demasiado grande, de lo contrario la textura se volverá muy gruesa y borrosa.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Una vez guardado de nuevo el archivo PSD, puede volver a actualizar el enlace en InDesign. El resultado se mostrará entonces directamente. Si sigue sin estar satisfecho con el resultado, el archivo PSD sigue estando disponible para realizar ajustes.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

También puede suavizar un patrón inquieto o salvaje desenfocándolo. Sin embargo, esto no funciona en Photoshop si sólo se ha aplicado un efecto a una capa. Para ello, primero debe convertir la capa en un objeto inteligente.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

A continuación, puede aplicar cualquier filtro de desenfoque a esta capa. Estos se encuentran en Filtro>Filtro de desenfoque. El filtro de desenfoque gaussiano es muy adecuado para desenfocar y, en última instancia, ayuda a suavizar las zonas salvajes de forma selectiva.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Después de guardar en Photoshop y actualizar en InDesign, la textura ya no parece tan salvaje y se integra bien en el conjunto de la imagen.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

También se añadió una pequeña textura al borde exterior de la plantilla del cartel.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Puede utilizar el área de textura existente para este encuadre y simplemente duplicarla. El duplicado se amplía para que se extienda hasta el sangrado en todos los lados.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Para seguir editando y tener una mejor visión de conjunto, debería mover temporalmente el objeto fuera del espacio de trabajo activo.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

A continuación, simplemente dibuje otro marco en forma de rectángulo completamente sobre este objeto. Asegúrese de que tiene exactamente el mismo tamaño y de que no se ha establecido ningún contorno.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

En la barra de propiedades, puede reducir el tamaño del objeto en un porcentaje. Primero cambie el punto de referencia del extremo izquierdo al centro y después introduzca el nuevo tamaño del objeto como un porcentaje para la altura y la anchura del objeto. Puede ser el 90 % o el 98 % del tamaño original. Depende del grosor que deba tener este marco más adelante.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Seleccione ambos objetos y llame al Pathfinder. Esto se puede encontrar en Ventana>Objetos y Diseño>Pathfinder. Seleccione sustracción en este cuadro de diálogo. Esto resta el objeto delantero del objeto trasero, dejando sólo las áreas superpuestas.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Ahora puede mover el objeto al documento. Ajústelo según los límites del documento.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Compruebe la posición del objeto utilizando los bordes de sangrado y escálelo si es necesario. Utilice Ctrl+Ö para desplazar el marco un poco más atrás en la estructura del documento, de modo que las zonas de color naranja del gráfico del título queden por encima del marco.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Utilizando la herramienta de selección directa y manteniendo pulsada la tecla Mayús, puede activar inicialmente nodos individuales del objeto y reajustarlos si es necesario.

Las líneas guía le ayudan a mantener un control total sobre la igualdad de espaciado.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Puede realizar ajustes finales en elementos individuales en cualquier momento. Con Ctrl+Mayús+Alt, por ejemplo, el logotipo y las letras también pueden escalarse proporcionalmente en una fase posterior, partiendo del punto central.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas

Durante una comprobación final, puede que observe que los gráficos grises del centro del cartel siguen dejando demasiado espacio para el texto. Puedes eliminar uno de los objetos, ajustar la longitud del otro y colocar una copia en el lado opuesto.

Diseño de carteles en Adobe InDesign - Parte 4: Creación de códigos QR y texturas