Consejo rápido Cómo rellenar texto con una imagen en Adobe InDesign

Lo que vas a crear

Colocar una imagen dentro de un solo carácter puede darle a sus diseños un aspecto superprofesional y de diseño avanzado. Y es muy sencillo de lograr.!

En este tutorial de consejos rápidos, aprenderá cómo transformar su tipografía en marcos de cuadros, ¡para lograr un efecto espectacular! Estaremos usando Adobe InDesign para este tutorial.

A menudo, verá que este tipo de técnica de diseño se utiliza en el diseño de revistas de alta gama, para dar mayor impacto a los titulares y para mostrar una foto de una manera única y llamativa. También puede agregar dramatismo al diseño de libros, materiales de marketing y diseño de pósteres..

En este tutorial, configuraremos un diseño de InDesign para una revista, y experimentaremos creando ese texto lleno de imágenes en eso. Empecemos!

Este tutorial también está disponible en el canal Envato Tuts + YouTube..

1. Configurar el diseño de la revista

Paso 1

Abrir InDesign y elige Archivo> Nuevo> Documento o seleccione Nuevo> Documento desde el Bienvenido ventana.

Mantener el Intención ajustado a Impresión y hasta el Número de páginas a 3. Mantener Páginas opuestas comprobado.

Desde el Tamaño de página menú desplegable seleccione la opción en la parte inferior de la lista, Personalizado… para abrir el Tamaño de página personalizado ventana. Tipo 'Revista estadounidense' en el Nombre cuadro, y establecer la Anchura a 213 mm y Altura a 276.5 mm. Hacer clic Añadir, y entonces DE ACUERDO, para volver a la Nuevo documento ventana.

Paso 2

Rompe el icono de la cadena en el medio de la Márgenes Sección, para permitirle insertar diferentes valores para cada margen. Selecciona el Margen superior a 14 mm, parte inferior a 18 mm, interior a 14 mm y Fuera de a 12 mm.

Para el Sangrar, establecer el valor en 3 mm en todos los lados excepto el Sangrado interior, que debería configurar para 0 mm.

Hacer clic DE ACUERDO para crear el nuevo documento de tres páginas. 

No usaremos la primera página del documento en este tutorial, así que navegue hacia abajo para Páginas 2 y 3 del documento, desplazándose hacia abajo o haciendo clic en los iconos de página en la Páginas panel (Ventana> Páginas).

2. Elegir el tipo de letra correcto

Paso 1

Es realmente importante elegir el tipo de letra (fuente) correcta cuando creas un efecto de imagen en texto. 

Hay tres cosas a considerar al elegir un tipo de letra: la forma del personaje que desea rellenar con una imagen; el peso del personaje (si es lo suficientemente grueso como para permitir que la imagen se vea lo suficiente); y la simplicidad del personaje (sin texturas o bits y bobinas exteriores). Vamos a descomponerlo:

• El efecto de imagen en el interior del texto funciona mejor cuando explota un solo carácter a gran escala, lo que significa que el diseño y la forma de ese único carácter se amplificarán enormemente. Busque una fuente que tenga atractivos caracteres en mayúsculas, tal vez un elegante serif o un script en cursiva.

• También necesita que el personaje revele suficiente imagen para hacer una declaración, por lo que el personaje debe tener suficiente peso (grosor) para asegurar esto. Cuando navegue en las tiendas de fuentes en línea, las fuentes etiquetadas con 'Mostrar' o 'Losa' generalmente serán una apuesta segura. Evita cualquier fuente que sea demasiado delgada o ligera..

• Por último, y lo más importante, asegúrese de que su fuente sea relativamente simple, con cada carácter autocontenido. ¿Qué quiero decir con eso? Bueno, mira estos dos personajes. A la izquierda tenemos Bevan, una fuente de losa simple, que funcionaría muy bien para lograr el efecto de imagen en texto. A la derecha, Brushstroke Plain, que funcionaría mucho menos, ya que el personaje es más dispar. Las fuentes con texturas grungy tampoco serían adecuadas, ya que las texturas dispersas, separadas del personaje principal, no se rellenarán con la imagen..

Paso 2

En este ejemplo, voy a estar usando langosta, que marca todas las casillas de arriba: los caracteres en mayúscula son atractivos, pesados ​​y tienen una forma simple y cerrada.

Puedes elegir descargar y usar langosta a medida que sigue este tutorial, o elija una fuente diferente si lo prefiere.

3. Creando un marco de imagen a partir de texto

Paso 1

Volver a su InDesign documento, y para Página 2.

Tomar el Tipo de herramienta (T) desde el Herramientas panel y arrastre para crear un marco de texto grande que se extienda por todo el Página 2. Escriba una mayúscula 'T' en el marco, y establecer el Fuente a Langosta Regular, Tamaño 750 pt.

No hay ningún problema en mantener el color del texto configurado en el valor predeterminado [Negro] por ahora.

Paso 2

Con el cuadro de texto seleccionado (use la Herramienta de selección (V, Escape)), subir a Tipo en el menú superior, y seleccione Crear contornos.

El marco de texto se ajustará sutilmente; El carácter de texto ahora se ha convertido en una forma vectorial.. 

Paso 3

Con el personaje aún seleccionado, dirígete a Expediente > Lugar.

Ahora puedes comenzar a experimentar llenando tu texto con imágenes. Si está configurando su texto sobre un fondo blanco o pálido, busque una foto que proporcione suficiente contraste, y viceversa, si desea trabajar en un fondo más oscuro.

Aquí he experimentado con esta imagen de una mujer de moda, antes de decidir finalmente una imagen de un cielo azul y nublado..

Para ajustar el tamaño de la imagen dentro del texto, haga doble clic para seleccionar la imagen directamente y luego mantenga presionada Cambio y arrastre una de las esquinas para redimensionar. Si desea ajustar la mayor parte posible de la imagen en la carta, diríjase a la Controles panel que se encuentra en la parte superior del área de trabajo y haga clic en Rellenar marco proporcionalmente botón.

Como toque final, para garantizar que no se filtre el color en los bordes de la letra, abra el Muestras panel (Ventana> Color> Muestras) y establecer el Llenar de la forma a [Ninguna].

Conclusión

¡Y ahí lo tienes! ¡Un método súper simple de agregar un toque de drama visual a sus diseños tipográficos! Recuerda el proceso simple:

• Elija un tipo de letra adecuado (por ejemplo, losa, pantalla).
• Convertir el carácter del texto a contornos. (vectorizar).
• Archivo> Lugar Una imagen elegida y redimensionada dentro del marco..

Utilice esta técnica simple para crear diseños de diseño estándar y dinámicos, como lo muestra la revista de ejemplo a continuación..

Siéntase libre de compartir sus experimentos con el uso de la técnica de imagen dentro del texto en los comentarios a continuación..

Para obtener más información sobre cómo rellenar formas de texto con bloques de texto para crear otro efecto genial, consulte este tutorial sobre cómo crear efectos de texto de gran impacto en InDesign.