Tutorial de Adobe InDesign: Cuadrículas de imágenes y estilos de caracteres

Basándonos en el éxito de nuestro primer tutorial de InDesign, este episodio profundiza en los atajos esenciales que pueden ayudar a cualquier diseñador. Ahorra tiempo con los estilos de carácter, una técnica perfecta para crear marcas coherentes, y eleva la calidad y la precisión de tus diseños dominando las cuadrículas de imagen. 

Inspiración del terreno de juego a la página

En este segundo episodio de nuestra serie, nos inspiramos en el diseño elegante y funcional del programa de Brighton. La disposición en tres columnas, un elemento básico de su diseño, nos sirve de plantilla y nos muestra cómo equilibrar texto e imágenes para lograr una experiencia visual atractiva.

Crear cuadrículas de imágenes con precisión

Nuestro tutorial comienza con la construcción de cuadrículas de imágenes. Exploramos el uso de la herramienta de marco rectangular de InDesign, haciendo hincapié en la importancia de la precisión y la alineación. Utilizando métodos abreviados de teclado y herramientas como la herramienta de separación, demostramos cómo crear cuadrículas de imágenes espaciadas uniformemente que mejoran el atractivo visual de su diseño.

Colocar y escalar imágenes

Una vez establecida la cuadrícula, te guiaremos a través del proceso de inserción y escalado de imágenes. Esta parte del tutorial se centra en conseguir un aspecto equilibrado y proporcional, similar al de una máscara de recorte, garantizando que tus imágenes encajen perfectamente en los marcos designados.

Estilos de caracteres para un formato de texto coherente

El punto culminante de nuestro tutorial es la implementación de los estilos de carácter. Esta función de InDesign cambia las reglas del juego a la hora de garantizar un formato de texto coherente y eficaz. Le guiaremos para configurar un nuevo estilo de carácter, ajustar las opciones de fuente e incluso añadir un toque creativo con texto resaltado.

Aplicación práctica

Para concluir el tutorial, aplicaremos las técnicas aprendidas para crear un diseño visualmente atractivo. Este enfoque práctico no sólo refuerza los conocimientos, sino que también demuestra cómo estas funciones de InDesign pueden mejorar sus proyectos de impresión.

Esté atento para más información

Nuestro viaje no termina aquí. En los próximos episodios, exploraremos más aspectos del diseño de los programas de la Premier League, cada uno de ellos repleto de consejos y trucos para perfeccionar tu destreza con InDesign.

Este tutorial es un recurso inestimable para quienes deseen ampliar sus conocimientos de InDesign, especialmente en lo que respecta a la creación de diseños profesionales y llamativos. Vea nuestro vídeo, sígalo y sea testigo de cómo estas técnicas pueden transformar sus proyectos de impresión.

Si el tiempo apremia, consulte nuestro Cortos de YouTube o TikTok para explicar estas técnicas en cuestión de segundos.

Cuando domines el uso de cuadrículas de imágenes y estilos de caracteres para tu diseño, nuestra gama ¡estará aquí para producir perfectamente su obra de arte impresa!

Transcripción

Bienvenidos de nuevo al segundo episodio de la serie en la que analizaré los programas de la Premier League de esta temporada y cada mes los utilizaré como inspiración para ayudaros a desarrollar vuestras habilidades en InDesign. 

Estos consejos te ayudarán a crear tus propias ilustraciones, a las que luego podrás dar vida con la impresión. En el último episodio, eché un vistazo al programa Lobos y te enseñé a configurar un documento de InDesign. 

En este episodio, repasaré la página de contenidos del programa de Brighton y te mostraré cómo crear algunas de las funciones que han utilizado. 

Aquí tienes un avance de lo que te enseñaré a crear. Como puedes ver, han utilizado un diseño de tres columnas para ayudar a dividir la información y las imágenes, para ayudar a hacer la página más digerible. 

Me gusta mucho la sencillez de este diseño, y creo que han incluido la cantidad justa de información para captar tu atención. No han exagerado ni te han dejado sin saber qué esperar. 

El uso de cuadrículas de imágenes para destacar secciones del programa también es una gran idea, y se ve en la mayoría de las páginas de contenido de los programas de fútbol. 

En este episodio, te mostraré cómo crear tus cuadrículas de texto e imágenes resaltadas como las que tienen aquí. Así que aquí está un diseño que he hecho inspirado en el programa de Brighton. Te voy a mostrar cómo crear esta cuadrícula de imagen aquí con el texto resaltado. 

He hecho un poco de espacio para mí para crear las rejillas de imagen, así que vamos a empezar por hacer eso. Así que dirígete a la barra de herramientas y selecciona la herramienta marco rectángulo. Manteniendo pulsado Shift, arrastra un cuadrado como este en el borde de la columna pero no sueltes Click y Shift todavía. 

Utiliza las teclas de flecha, arribapara crear dos verticales y, a continuación, utilice las teclas de flecha, derechapara crear dos horizontales y crea un espacio uniforme entre cada imagen. Puedes usar esta herramienta aquí, la herramienta de separación, para cambiar el tamaño de cada una, y puedes moverla arriba y abajo manteniendo Alt. Y si mantienes Shift, puedes separar estas dos. Si mantienes presionada la tecla Ctrl, puedes cambiar un espacio así, y puedes hacer esto con cualquier forma de cuadrícula. 

Pero volvamos al dos por dos, que tenía antes. Como has visto antes, sólo tenía una imagen horizontal en la parte superior, y es muy fácil de hacer. Sólo tienes que borrar uno de los cuadros y con la herramienta de selección directa, arrastrarlo hasta el borde. Y ahí lo tenemos, tres cuadros, en los que ahora podemos poner nuestras imágenes. 

Así que ahora que hemos hecho nuestras rejillas de imagen, vamos a seguir adelante y colocar nuestras imágenes, y es realmente fácil de hacer. Seleccione uno de los marcos, vaya a archivo, bajar a lugar, y encontrar la imagen que le gustaría. 

Como puedes ver, no ha escalado la imagen a un tamaño proporcional, así que todo lo que tengo que hacer es hacer clic en el círculo del centro aquí y verás una mano como esta. Haz clic con el botón derecho, selecciona ajustar y ajusta el contenido proporcionalmente. 

Como puedes ver, todavía no ha encajado correctamente, pero ahora puedo ver mi imagen. Así que para escalar tu imagen, asegúrate de tener un contorno marrón como este. Esto significa que sólo voy a cambiar la imagen dentro del marco y no el marco en sí. 

Así que sosteniendo Alt + MayúsculasVoy a escalarlo para que quepa en el marco. Como puedes ver, nada se ha salido del marco y todo se ha quedado dentro, similar a una máscara de recorte. Así que ahora sólo puedo repetir el paso para los otros marcos. 

He terminado de añadir todas mis imágenes a los marcos, y también he añadido la copia, que os mostraré cómo resaltar. Así que la cabeza a Ventanabajar a Estilosy seleccione Estilos de caráctero puedes utilizar el atajo de teclado, Mayúsculas + F11. Y se abrirá una pestaña como ésta. 

Los estilos de carácter son muy útiles porque te ayudan a ahorrar tiempo y garantizar formato coherente en toda tu obra de arte. También hay una cosa llamada estilos de párrafo, que te mostraré cómo hacer en episodios posteriores, pero por ahora, sólo voy a ir a través de estilos de carácter. 

Ahora que tenemos esta pestaña abierta, seleccione el icono más aquí, y que va a crear un nuevo estilo de carácter, llamado estilo de carácter uno. Con el texto seleccionado, haga doble clic en el estilo del personaje, y se abrirá una pestaña como ésta. Marque la casilla de vista previa en la esquina inferior izquierda para que pueda ver todos los cambios suceden en el tiempo. 

Así que vamos a bajar a los formatos de caracteres básicos para empezar, y ahora podemos elegir qué fuente será una frase. Y voy a hacer Próxima Nova, estilo de fuente, regular, y tamaño 15. Y estoy contento con eso. 

Quiero que mi color sea blanco ya que va a estar sobre un fondo azul, así que quiero que sea visible. Ahora queremos ir a las opciones de subrayado, y aquí es donde vamos a añadir nuestro punto culminante. Así que en esta opción, asegúrate de marcar subrayado activado, asegúrate de que tiene una casilla de verificación. Por ahora, vamos a cambiar el peso a 10, y luego asegúrese de que el desplazamiento es -3. 

Como puedes ver, el resaltado no cubre todo el texto. Así que lo que tenemos que hacer es que podemos simplemente poco a poco el peso hasta que se ajuste sobre el texto. Quiero que el color del resaltado sea cian. 

He decidido que no me gusta el 17, y voy a bajarlo un poco, para que haya un espacio entre cada línea. También puedes cambiar el color del espacio, pero voy a dejarlo como está por ahora y hacer clic en Aceptar. Voy a tener que hacer mi libro de texto un poco más grande, sólo para que la frase quepa dentro de él. 

Ahora todo lo que tengo que hacer es seleccionar mis otras frases, y sólo puedo aplicar este estilo de carácter, así. Y puedo hacerlo para esta frase aquí también. Y como se puede ver rápidamente, Acabo de añadir este estilo y destacó todas estas frases. 

Gracias por ver este episodio, y espero haber podido enseñarte algunos trucos que puedas utilizar en tu proyecto de impresión actual o en uno futuro. Y no te olvides de permanecer atento, ya que repasaré el programa del West Ham y te enseñaré aún más trucos que podrás utilizar en tus impresiones.