1. Design & Illustration
  2. Typography

Crear 5 Efectos Tipográficos Impactantes en Adobe Indesign

InDesign es la mejor herramienta de Adobe para crear composiciones tipográficas tradicionales y expertas. Los diseñadores a menudo son rápidos para ir directo a Illustrator o Photoshop si quieren crear únicos efectos de texto contemporáneos. Sin embargo, con un poco de conocimientos técnicos puedes crear efectos de texto de bordes lisos sin tener que salir de InDesign.
Scroll to top

Spanish (Español) translation by Rodney Martinez (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

InDesign es la mejor herramienta de Adobe para crear composiciones tipográficas tradicionales y expertas. Los diseñadores a menudo son rápidos para ir directo a Illustrator o Photoshop si quieren crear únicos efectos de texto contemporáneos.  Sin embargo, con un poco de conocimientos técnicos puedes crear efectos de texto de bordes lisos sin tener que salir de InDesign.

Esta clase te muestra como crear cinco llamativos efectos tipográficos usando las herramientas y trucos disponibles para ti en InDesign. Puedes darle seguimiento a estas clases de forma individual, y luego poquito a poco hacer tus propios estilos.

Configurar la página

Para todos los efectos que se muestran abajo, usaremos una composición de tamaño A4 Pero, siéntase libre de saltar este paso si usted estará incorporando un efecto de texto en particular en un documento que usted ya haya creado.

Para crear una nueva composición A4, abra InDesign y seleccione File > New Document. En la ventana New Document ajuste el Intent a Print y ajuste el No. de Pages a 5. Desactive la opción Facing Pages. Debajo de Page Size, seleccione 'A4' y ajuste la Orientation a Landscape. Deje los Margins en su valor por defecto y ajuste el Bleed a 0 mm para todos los lados.

New Document windowNew Document windowNew Document window

Haga clic en OK, y su documento ya está listo para usar.

new documentnew documentnew document

1. Crear el Efecto de Texto dentro de Texto.

Final typography effectFinal typography effectFinal typography effect

Paso 1

Para este efecto necesitará usar dos fuentes.

La primera Font formará el texto encerrado y, para eso, necesitar ser suficientemente gruesa para contener un cuerpo de texto. La fuente Molot es una magnífica elección debido a su estilo Upper Case, dándole a la tipografía un impacto agregado.

La segunda Font rellenará los caracteres de la primera Font. No necesita tener un estilo o o masa en particular, pero trate de seleccionar un tipo de fuente que se adapte con el estilo de su diseño. En este caso, tuve que escoger la angustiante fuente Alpha Echo, o ¿porqué no probar con la deforme fuente Destroy?

Paso 2

Seleccione la herramienta de texto Type Tool (T) y arrastre sobre el documento para crear un marco de texto de 252 mm en la anchura Width y 62 mm en la altura Height. Posicione éste marco en el centro de la Page 1 del documento.

Cualquier palabra que quiere rellenar con el texto, cree marcos de texto para cada caracter individual (mire debajo).

Escriba 'I' y, desde el panel de controles de formato de caracteres: Character Formatting Controls que está sobre la parte superior de la pantalla, ajuste la Font a Molot Regular, tamaño Size en 250 pt, Orientation a Align Left, alinear a la izquierda (si elige alinear al centro, esto tiene la tendencia a ayudar muy poco a la fijación del marco una vez que es convertido a trazados). Mantenga el relleno Fill en su valor por defecto, es decir negro; [Black].

Seleccione el marco de texto y Edit > CopyEdit > Paste. Cambie el carácter a la letra 'N' y maniobre el marco a la derecha del primer carácter.

text frame for each charactertext frame for each charactertext frame for each character

Baje un Guide desde la Ruler en la parte superior (si no puede ver las reglas, entonces diríjase hacia View > Show Rulers) para crear una linea base para ubicar los caracteres. También puede jalar una Guides horizontal desde la Ruler que está al lado izquierdo para crear lineas guías para mantener el mismo espacio entre los caracteres.

Repita el proceso anterior para los otros caracteres. En este caso, 'S’, ‘I’, ‘D’ y ‘E’ para la palabra ‘INSIDE’.

Type full wordType full wordType full word

Paso 3

Seleccione el primer marco de texto del carácter y vaya a la opción del menú Type > Create Outlines. Repita este paso para cada marco de texto. Cada carácter es convertido en un trazo de vector.

Create outlinesCreate outlinesCreate outlines

Paso 4

Seleccione todos los caracteres contorneados arrastrando el mouse a través de la página.

Abra el panel Swatches (Window > Color > Swatches) y ajuste el Fill a ninguno [None]. Deseleccione los caracteres haciendo clic una vez afuera de la página.

Swatches panelSwatches panelSwatches panel

Paso 5

Seleccione la herramienta Type (T) y coloque el cursos sobre el primer carácter de la palabra, es decir; sobre la 'I'. Verá cambiar el icono de un icono de texto con corchetes rectos a un icono de texto con corchetes curveados.

Haga clic una vez y la forma tipo vector será transformada en un marco de texto. Cambie a la herramienta Selection (V, o presione la tecla Escape) y seleccione el primer carácter, aquí es la 'I'. Un pequeño cuadro blanco ha aparecido en la parte inferior derecha de la figura. Haga clic una vez en el cuadro y, otra vez, haga clic en el siguiente carácter (en este caso la N) para conectar los dos caracteres con hilos de textos.

Diríjase a View > Extras > Show Text Threads para visualizar cómo es que están conectados los caracteres. Repita los procesos anteriores hasta que todos los caracteres estén conectados entre sí.

Threading textThreading textThreading text

Paso 6

Seleccione la herramienta Type (T). En el panel Character Formatting Controls, ajuste la Font a Alpha Echo Regular, Size a 8pt, Leading a 8pt, Orientation a Justifiy with Last Line Aligned Left.

Haga clic una vez dentro del primer carácter y diríjase a Type > Fill with Placeholder Text. Por supuesto, usted puede insertar su propio texto para crear una efecto artístico con significado extra.

Fill with placeholder textFill with placeholder textFill with placeholder text

Cambie la vista a Preview View con solo toca la tecla W para visualizar el efecto y ajuste Sizing, Hyphenation, Tracking, etc. hasta que esté contento con el resultado.

Preview ViewPreview ViewPreview View

Paso 7

Puede crear más contraste para su tipografía ajustando el texto en un color claro contra un color de fondo oscuro.

Seleccione la herramienta Rectangle (M) y arrastre por toda la página. Ajuste el contorno Stroke [None] y el relleno Fill C=100, M=90, Y=22, K=72 (o a otro color oscuro, puede ser una Muestra de color de su preferencia). Clic-Derecho (PC) or Ctrl-Clic (Mac) y seleccione la opción Arrange > Send to Back.

Resalte todo el texto dentro de los caracteres contorneados y ajuste el Color de texto a [Papel] que en este caso es blanco.

¡Listo, lo termino! Este tipo de efecto de tipografía se adapta mejor a un entorno a gran escala, quizás como parte de un cartel o una pancarta.

typography final resulttypography final resulttypography final result

2. Crear un Efecto de Texto de Bloque de Color

Esto es muy sencillo aunque es un efecto de texto de gran impacto para presentar al de interés visual y estallidos de color en un bloque sólido de texto.

Final typography - block colorFinal typography - block colorFinal typography - block color

Paso 1

En la Page 2 de su documento de InDesign, seleccione la herramienta Type (T) y arrastre el mouse sobre la página hasta crear un marco con una medida alrededor de 194 mm en anchura Width y 57 mm en altura Height.

Escriba una frase como de 4 oraciones de longitud y ajuste el Type a All Caps, de manera que todas las letras sena mayúsculas (ésta opción la encuentra junto al menú desplegable Font Size en el panel Character Formatting Controls que está sobre la parte superior de la pantalla). Ajuste la Orientation a Justify all Lines y desactive la opción Hyphenate que están en el panel Paragraph Formatting Controls.

Coloque el marco de texto en el centro de la página.

Minion pro text frameMinion pro text frameMinion pro text frame

Paso 2

Seleccione una Font con un poquito de personalidad - dependiendo de su elección de color, este efecto puede tener diferentes impactos. Aquí, voy por un aspecto divertido y casi artesanal, así que escogerá una Font llamada CabinSkecth para evocar estos sentimientos.

Paso 3

Aplique la fuente CabinSketch Bold a su bloque de texto. Saque diferentes secciones de texto y juegue con el Size y, también, con el Leading, creando un pedazo de texto grande en medio del bloque. Aquí, el Font Size varía desde 17pt hasta 50pt.

CabinSketch text frameCabinSketch text frameCabinSketch text frame

Paso 4

Jale una Guide vertical desde la Ruler que está al lado izquierdo hasta los 64 mm. Jale una segunda Guide vertical hasta los 185 mm, y arrastre una tercer Guide hasta los 230 mm. Estas guías marcarán las secciones donde usted puede aplicar diferentes colores.

Guides to mark colorGuides to mark colorGuides to mark color

Paso 5

Crear cuatro muestras de color nuevas en forma CMYK (Window > Swatches, después haga clic sobre el icono New Swatch). En este ejemplo me he decidido por cuatro tonos de colores complementarios estilo helado.

orange swatchorange swatchorange swatch
pink swatchpink swatchpink swatch
blue swatchblue swatchblue swatch
green swatchgreen swatchgreen swatch

Paso 6

Resalte las partes individuales del texto dentro de las guías y aplique el color en bloques verticales. No se preocupe si los caracteres individuales caen a través de las guías, la aplicación de color ligeramente imperfecta le dará un aspecto alegre amigable.

applying color in blocksapplying color in blocksapplying color in blocks

¡Terminado! Este es un efecto magnífico para embellecer objetos informales como tarjetas e invitaciones. También se ve magnífico con una técnica de impresión de tipografía.

finished typography with block colorfinished typography with block colorfinished typography with block color

3. Crear un Efecto Estilo Vintange usando el Texto sobre una Trazo

Paso  1

Vaya a la Page 3 de su documento de InDesign. Use la herramienta Type (T) para crear un nuevo marco de texto, pero mueva este marco a un lado de la página, hasta que esté en el Pasteboard. Quédese con la vista Normal View (escriba W) para que todavía se pueda ver.

Selecciones cualquier párrafo de texto al cual usted quisiera aplicar este efecto. Escriba o Copy o Paste este texto dentro del marco de texto. Por ahora, mantenga la Font por defecto, aquí es la Minion Pro, ajuste el Size a 40pt y la Orientation a Align Center.

Paso 2

En la misma página, seleccione la herramienta Line (\) y, mientras mantiene presionada la tecla SHIFT, arrastre para crear una Line horizontal de 113 mm de largo Length. Posicione esta linea en el centro de la página y en el eje Y ubiquela en la posición 50 mm.

Paso 3

Seleccione la herramienta Type on a Path Tool (Shift + T; la puede encontrar en el Panel de Herramientas, en el menú desplegable del icono de la herramienta Type). Coloque el cursor sobre el extremo izquierdo de la Line hasta que el icono del cursos cambie al símbolo '+'. Haga clic una vez para transformar la Line a un trazo Path para el texto.

Resalte y Copy la primera línea del párrafo de texto usando la herramienta Type (T) luego, vuelva a seleccionar la herramienta Type on a Path Tool (Shift + T) y Paste el texto en el nuevo Path que acaba de crear.

Paso 4

Vuelva a seleccionar la herramienta Selection (V o presione la tecla Escape) y cambie el Stroke Color de la línea a [None].

Repita los pasos anteriores para las siguientes lineas de los párrafos de texto ubicando cada linea en su propio trazo. Puede ajustar el párrafo de texto original directamente detrás de los trazos Path para ayudar a alinear el texto y crear incluso el Leading.

Paso 5

Ahora puede empezar a crear algunos efectos diferentes. Ya no está limitado por las reglas de arreglos de texto dentro de un marco de texto, pero puede mover diferentes trazos en posiciones más naturales y peculiares para crear una sensación de movimiento en su bloque de texto.

Porque no tratar de usar la herramienta Ellipse (L) para crear un ovalo grande con los colores de Stroke y Fill a [None], los cuales puede dividir en dos mitades usando la herramienta Scissors (C). Posicione la mitad inferior al fondo del párrafo y use la herramienta Type on a Path Tool (Shift + T), como lo hizo antes, para añadir la linea final de texto.

Mueva la parte superior del ovalo a la parte de arriba del párrafo y restablezca la linea de texto superior sobre este nuevo trazo de forma curva. Vaya a Object > Paths > Reverse Path para darle vuelta al texto para que siga sobre la parte de arriba de la curva.

Paso 6

Crear nuevos trazos y mueva las palabras o frase de forma individual sobre los trazos, alterando la Font Size, para crear nuevos arreglos de oraciones como en el siguiente ejemplo.

Cambie la Font, Sizing y Style (Regular, Bold o Italic) de varias frases y palabras para crear un efecto deseado, creando nuevos Paths si es necesario. Aquí use la fuente Garamound y Fournier MT para darle un estilo antiguo a la apariencia del estilo de las letras de texto.

Trate de unir los Path, incluso siguiendo algunas de las letras para superponer un poco, para darle un estilo más enérgico al texto.

Paso 7

Introduzca color por medio del panel Swatches Panel (Window > Swatches) y haga nuevas muestras de color CMYK (haciendo clic sobre el icono New Swatch). Seleccione un color base (aquí , me decidí por un color rojo oscuro C=0, M=92, Y=90, K=47) para aplicar la mayor parte del texto, sacando un par de palabras y frases en toques de color marrón pálido, amarillo, azul, rosado y negro.

Paso 8

Coloque su tipografía contra un fondo de color con mucho contraste para resaltar los colores del texto.

Use la herramienta Rectangle (M) para crear un marco de texto que se extienda a través de la página completa. Ajuste el Fill a C=2, M=48, Y=86, K=10 con una Tint de 10%. Con el marco seleccionado presione Clic-Derecho (PC) o Ctrl-Clic (Mac) y luego, seleccione la opción Arrange > Send to Back.

Después vaya a Object > Effects > Gradient Feather y ajuste el Type a Radial. Invierta el Degradado para que el tono empiece desde el centro de la página.

El estilo de su tipografía es asombroso, ¡muy vintage! Este tipo de efecto sería magnífico para materiales de promoción, tales como carteles o folletos, los cuales necesitan llamar la atención. Además, sería genial para incluirlo como parte de una versión impresa un libro singular.


4. Mejorando el Texto con una Dramática Letra Capitular 

Final Drop Cap effectFinal Drop Cap effectFinal Drop Cap effect

Un Drop Cap es un sencillo pero efectivo e increíble técnica de tipografía para dar énfasis a un párrafo de introducción. Puede incorporar los pasos que presentamos aquí en su propio documento, quizás un capítulo de un libreo o el artículo de una revista. Pero, por ahora, quedemos con nuestro formato A4.

Paso 1

Vaya a la Page 4 del documento A4. Use la herramienta Type Tool (T) y arrastre hasta crear un marco de texto de 115 mm de alto y 140 mm de ancho. Ubique el marco en el centro de la página., usando las Guides arrastradas desde las Rulers si es necesario.

Set up the text frameSet up the text frameSet up the text frame

Paso 2

Para destacar un dramático efecto Drop Cap, usted necesitará para un contraste sorprendente, aplicar estilo a la fuente (para el efecto Drop Cap) contra un tipo de fuente estilo clásica.

Para el texto principal, estoy usando la fuente Fournier MT. Pero también, las fuentes Garamound y Baskerville serán muy buenas opciones.

Para la opción Drop Cap, he seleccionado una fuente caligráfica llamada Chantelli Antiqua, para darle un toque histórico. Después de todo, Drop Caps, originalmente fueron usadas en los manuscritos Medievales.

Paso 3

Regrese al marco de texto y haga clic una vez en el marco con la herramienta Type (T). Ajuste la Font a Fournier MT Regular, Size a 12pt, Leading a 15ptJustify with Last Line Aligned Left, y deje activa la opción de texto separar palabras. Pegue el texto que usted mismo selecciono o, por ahora, vaya a Type > Fill with Placeholder Text.

Insert placeholder textInsert placeholder textInsert placeholder text

Paso 4

Resalte la primera letra del párrafo. Vaya al panel Character Formatting Controls, que está sobre la barra superior de la pantalla, y ajuste la Drop Cap Number of Lines a 10.

Set the Drop CapSet the Drop CapSet the Drop Cap

Paso 5

Cambie la Font de la primera letra por Chantelli Antiqua.

Change Font of Drop CapChange Font of Drop CapChange Font of Drop Cap

Introduzca una muestra nueva en el panel Swatches (Window > Color > Swatches) para añadir contraste e impacto. Aquí ajuste el Color de la Drop CapC=80 M=40 Y=50 K=10.

Change Swatch of Drop CapChange Swatch of Drop CapChange Swatch of Drop Cap

Paso 6

Para darle un toque profesional extra al párrafo, resalte las primeras 4 o 5 palabras del párrafo (excluyendo la Drop Cap) y seleccione el icono All Caps del panel Character Formatting Controls.

Seleccione el marco de texto con la herramienta de Selection (V o la tecla Escape) u vaya a Window > Type & Tables > Story para abrir el panel Story. Haga clic en la casilla Optical Margin Alignment. El texto se desplazará sutilmente a esta posición y se verá más agradable para la vista.

Optical Margin AlignmentOptical Margin AlignmentOptical Margin Alignment

Paso 7

La buena tipografía se trata de los detalles. Notará que la linea del texto que está justo debajo del carácter Drop Cap está situada un poco más cerca del pie del Drop Cap. 

Resalte el carácter Drop Cap y vaya nuevamente al panel Character Formatting Controls. Localice el menú Baseline Shift y ajuste el valor a 9pt. El carácter Drop Cap subirá, creando más espacio entre él y el texto del párrafo.

Baseline ShiftBaseline ShiftBaseline Shift

¡Listo, lo termino! Está es una técnica muy sencilla para añadir un toque profesional a más documentos formales, tales como un libros, revistas y folletos.

Final Drop Cap typography effectFinal Drop Cap typography effectFinal Drop Cap typography effect


5. Añada un Giro Surrealista a su Tipografía.

Este es un efecto estupendo y contemporáneo, que es más decorativo que funcional, pero es realmente fácil de hacer.

final surreal twist typographyfinal surreal twist typographyfinal surreal twist typography

Paso 1

Navegue a la Page 5 del documento A4. Seleccione la Herramienta Line (\) y arrastre el mouse sobre la página desde la parte superior izquierda hasta la parte inferior derecha de la página. No la estire hasta las esquinas de la página, el ángulo deberá ser muy leve.

line toolline toolline tool

Primero, vaya a Edit > Copy y luego a Edit > Paste para copiar y pegar esta linea y luego, Clic-Derecho (PC) o Ctrl-Clic (Mac) > Transform > Rotate 90 degrees CW. Ubique esta segunda Line cruzando el centro de la primera Line, extendiéndose desde la parte inferior izquierda de la página hasta la parte superior derecha. Extienda los bordes de las Line para que pueda alcanzar los bordes de la página.

guides using line toolguides using line toolguides using line tool

Paso 2

En el panel Layers (Window > Layers) haga doble-clic sobre la 'Layer 1' y cambie el nombre de esta capa a 'Guides'. Active la opción Lock para bloquear esta capa en el panel Layers.

guides layerguides layerguides layer

Haga clic en el icono Create New Layer, para crear otra capa y cambie el nombre de esta capa a ‘Typography’.

Typography layerTypography layerTypography layer

Paso 3

Quédese en la capa ‘Typography’, use la herramienta Type (T) para introducir un marco de texto nuevo de 215 mm de ancho y 20 mm de alto. Escriba una sola linea de texto, aquí escribí: ‘Surreal Typography’, y ajuste la Font a Gill Sans Regular (de hecho, usaremos Gill Sans para el resto de este efecto) Size a 75 pt y Tracking a 20.

Cambie a la herramienta Free Transform (E) y coloque el cursos sobre una de las esquinas del marco de texto hasta que aparezca un icono rotar. Rotate el marco y alinee hacia una de las Liines que usted creo en el Paso 2.

First text frame rotatedFirst text frame rotatedFirst text frame rotated

Paso 4

Usando las Lines como Guides para colocar en posición el texto, cree repetidamente nuevos marcos de textos y ajuste su posición sobre  la página. Varíe la propiedad Weight (SemiBold, Regular, Light, etc) y el Font Size para crear diferencia y contraste.

Puede darle vuelta a la orientación de algunos marcos de texto para un efecto de espejo presionando Clic-Derecho (PC) o Ctrl-Clic (Mac) > Transform > Flip Horizontal.

Flipped text frameFlipped text frameFlipped text frame

Continúe para crear nuevos marcos de texto, insertando diferentes texto a medida que avanza. Encienda y apague la visibilidad de la capa 'Guides' a media que avanza para visualizar el efecto.

Text frames rotated and positionedText frames rotated and positionedText frames rotated and positioned
Normal ViewNormal ViewNormal View
Preview ViewPreview ViewPreview View

Paso 5

Una vez que esté contento con el arreglo de sus marcos de texto, puede aplicar algo de color. Resaltar las frases o palabras individuales y ajustar nuevas muestras de color CMYK para estos marcos a través del panel Swatches (Window > Color > Swatches). Sea moderado con su aplicación de color para conseguir una apariencia profesional. Aquí solamente he usado tres colores complementarios.

Final typography effect - surreal effectFinal typography effect - surreal effectFinal typography effect - surreal effect

¡Asombroso! Es un estupendo trabajo. Este efecto de tipografía es, sobre todo, divertido, así que ¿por qué no imprimirlo en un cartel decorativo o en una tarjeta para mostrar sus habilidades tipográficas?

Conclusión

Los consejos de tipografía en este tutorial han sido reunidos para mostrarle cuan versátil, creativo y divertida puede ser la tipografía en InDesign. En su próximo proyecto de diseño, trate de usar un efecto de tipografía especial en InDesign para añadir un toque profesional a su trabajo.

¿Tiene algunos consejos tipográficos en InDesign que desee compartir? ¡Mencionelos en la sección de Comentarios que está debajo!