Advertisement
  1. Design & Illustration
  2. Print Design
Design

Como el Espacio en Blanco Puede Transformar sus Composiciones en Adobe InDesign

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

¡Menos es más cuando se trata de diseñar composiciones! Nos ocuparemos en mirar como al incorporar más espacio en blanco en sus composiciones en InDesign puede hacer una enorme diferencia en su trabajo, llevando sus diseños desde un aspecto saturado e irritable hasta uno que sea optimizado y refinado al instante.

En este tutorial, aprenderá cómo crear una sencilla volante a ambos lados en Adobe InDesign, crear una simple cuadrícula para ubicar las imágenes y los textos, y para moderar la ubicación de sus elementos para crear un diseño contemporáneo y relajante.

¿Qué es “Espacio en Blanco” y por qué debería usarlo?

Espacio en blanco es el término que le damos al espacio vacío en una composición. Ni siquiera tiene que ser blanco, y puede incluir espacio negativo, el cual es el espacio entre dos elementos en la página. Lo que es realmente significativo acerca del espacio en blanco es que está libre de elementos —ni texto o imágenes llenan este espacio— y, como resultado, es relajante y agradable para el ojo y puede crear una composición balanceada.

Puede ser tentador rellenar sus páginas en InDesign hasta el borde con texto, imágenes, formas y color. Sobre todo si usted o su cliente han descuidado la edición del contenido para una volante, un panfleto o un cartel, por ejemplo, puede terminar con una composición que no luce en nada atractiva.

Si este es el caso, es probable que el problema principal sea la falta de espacio en blanco en la composición. Esto puede incluir incluir una ausencia del espacio blanco estándar, como los márgenes o el medianil entre las columnas, el cual puede que no tenga el espacio suficiente. También puede incluir la falta del espacio en blanco aplicado de forma estratégica en el cuerpo principal de la composición.

Veamos el siguiente ejemplo. Una granja de naranjas ficticia, Oli Farms, quiere producir una volante a ambos lados y de una sola página con la intención de dirigirla hacia los potenciales distribuidores locales. El primer lado debería de mostrar un logo y la dirección, y el reverso debería mostrar más información acerca de la granja y sus productos.

Eche un vistazo a estas dos composiciones diferentes para el lado reverso del la volante. La primera composición tiene muy poco espacio en blanco: los márgenes y los espacios entre columnas son estrechos y, casi, todas las partes de la página está rellenada con texto, imágenes o elementos coloreados.

crowded layout

Puede creer que no luce tan terrible, pero eche un vistazo a éste diseño ya revisado. Esta composición hace buen uso del espacio en blanco, ampliando los márgenes y los espacios entre las columnas y colocando, de forma estratégica las secciones más pequeñas de texto en diferentes posiciones verticales sobre la página.

minimal layout with white space

Esta composición puede contener menos información, pero es más probable que encuentre la información más relevante de forma más rápida y fácil, en contraste con el diseño de la composición anterior. Y como este es una volante de promoción, diseñada para capturar la atención de un prospecto distribuidor, entonces es más importante para el diseño, presentar solamente la información esencial y dar al lector una buena impresión de la marca del negocio.

Al ponerlos lado a lado, está claro que la composición que está a la derecha es más fácil de recorrer con la vista. El aumento del espacio en blanco, permitió ubicar la dirección de Oli Farms en la parte superior derecha para darle un respiro a la composición, y al separar las secciones de texto, cada una debajo de su propio título coloreado, parecen más idénticas y ordenadas. Las imágenes de la naranja cortada y las hojas de la naranja también ser vuelven más importante y artística.

comparison of layouts

Ahora vayamos a través de los pasos para crear la volante en InDesign, y empecemos por darle enfasis al espacio blanco sobre la composición.

1. Prepare una cuadrícula para la Volante

Crear una cuadrícula de tres columnas da una completa flexibilidad para jugar alrededor con los elementos de texto y las imágenes en su composición.

Paso 1

Abra InDesign y vaya a Archivo > Nuevo > Documento.

En la ventana Documento Nuevo configure en la opción Calidad en Impresión, luego, aumente el Número de Páginas a 2 y desactive la opción Páginas Opuestas.

En la opción Tamaño de página, haga clic para mostrar las opciones y escoja la opción A medida…, para abrir la ventana Tamaño de página a medida.

creating a custom size

Paso 2

En la caja de texto Nombre, teclee Volante 8.5x11. En la caja de texto Anchura, teclee 8.5 in(pulgadas) y en la caja de texto Altura, teclee 11 in(pulgadas). Si sus Preferencias están configuradas en milímetros, entonces InDesign convertirá esto a 215.9 mm por 279.4 mm.

Haga clic en Añadir y luego en OK para regresar a la ventana Nuevo documento.

custom page size

Paso 3

En la opción Columnas, establezca el Número de Columnas en 3 y aumente el Medianil (Espacio entre columnas) a 9 mm.

Ajuste los Márgenes en todos los lados a 15 mm y de a la volante una Anchura de Sangrado de 3 mm a todos los lados.

new document window

Haga clic en OK para crear su nuevo documento.

new document

Paso 4

Navegue hasta la Página 2 del documento. Está será el reverso de la volante.

Asegúrese que las reglas están visibles (Ventana > Mostrar Reglas), luego desde la regla de arriba haga clic y arrastre hacia abajo una guía horizontal a la posición en Y de 26 mm. Arrastre una segunda guía hasta 79 mm y, finalmente, arrastre una tercera guía hasta 163 mm.

Estas señalarán las posiciones para los títulos de las columnas de texto en el dorso de la volante.

guides on page

2. Robe Color desde sus Selecciones de Imágenes.

Ahora que ha preparado su cuadrícula, puede empezar a pensar en crear una paleta de color para el diseño. Queremos que la volante luzca alegre y optimista, así que vamos a elaborar una paleta de colores soleados a partir de estas imágenes de una naranja y de la naranja cortada y de las hojas de la naranja.

Paso 1

Descargue las tres imágenes de los enlaces listados abajo, y luego vuelva a InDesign.

Navegue hasta la Página 2 del documento, el reverso de la volante.

Seleccione la Herramienta Marco Rectangular (F) y cree un marco para la imagen cuadradito, de 90 mm de ancho y alto. Vaya a Archivo > Colocar y selecciones las fotos de la naranja cortada. Seleccione Abrir y coloque la imagen proporcionalmente en el marco.

Coloque la imagen en el lado izquierdo de la página, tal como se muestra.

half orange image placed

Vuelva a seleccionar la Herramienta Marco Rectangular (F) y esta vez arrastre hasta crear un marco más rectangular con una anchura ligeramente más larga. Archivo > Colocar y seleccione la imagen de las tres hojas de naranja y, una vez seleccionada, haga clic en Abrir. Posicione la imagen en el fondo derecho de la página, dejando que el fondo de las hojas crucen el borde de la página.

layout with leaves

Paso 2

Seleccione la Herramienta Cuentagotas (I) desde el panel de Herramientas y coloque el cursor sobre la imagen de la naranja cortada. Haga clic sobre uno de los segmentos de la fruta para robar un pigmento naranja de la imagen.

Abra el panel Muestras (Ventana > Color > Muestras) y seleccione Nuevas muestras de color… del menú desplegable del panel Muestras (que está accesible desde la esquina superior derecha del panel, es un icono con una flecha hacia abajo).

Las muestras RGB escogidas por la Herramienta Cuentagotas son las que automáticamente mostrará. Ajuste el Modo de color a CMYK y haga clic en Añadir para agregarla al panel Muestras y luego haga clic en OK.

new color swatch

De nuevo, tome la Herramienta Cuentagotas (I) y coloque el cursor sobre una parte amarillenta de la foto de la naranja para escoger un color dorado más claro. Repita el proceso anterior de nuevo, seleccionando Nuevo Color de Muestra… desde el menú desplegable del panel Muestras.

Cuando haya agregado está segunda muestra, regrese a su documento y escoja un tercer color desde la imagen de las hojas de naranja, una tinta verde, por ejemplo. Agregue al panel Muestras usando el mismo método.

Ahora tiene tres muestras nuevas CMYK en su panel Muestras: una naranja, una amarilla/dorada y una verde.

swatches panel

3. Seleccione el Tipo de Letra & Cree los Elementos Personalizados.

Para la composición de esta volante, vamos a usar, principalmente, una fuente clásica estilo Serif, así que usaremos la fuente Goudy Old Style Std.

Pero, además, podemos usar una fuente más alegre y añadir algo decorativo, como elementos pintados para el diseño de nuestra volante.

painterly elements

Paso 1

Descargue la fuente gratis, Brushstroke Plain, luego instale esa fuente en su sistema, y después vuelva a InDesign.

Aún en la Página 2 de su documento, seleccione la Herramienta Texto (T) y cree un nuevo marco de texto. Posicione su cursor de texto dentro del marco y ajuste Brushstroke como la Fuente.

Abra el panel Pictogramas (Glyphs) (Ventana > Textos y Tablas > Pictogramas) para visualizar el conjunto completo disponible para usted en la fuente Brushstroke Plain.

Seleccione el pictograma “I” y haga doble clic sobre el icono en el panel para insertarlo dentro de su marco de texto. Aumente el tamaño de texto hasta alcanzar un tamaño más grande, igual a 200 pt.

glyphs panel

Paso 2

Con la herramienta de marco de texto seleccionada, vaya a Texto > Crear contornos para transformar la “I” en una forma editable. Rote la forma hasta que este horizontal (Control-Clic [Mac OS] o Clic-Derecho [PC] > Transformar > Rotar 90 Grados a la izquierda) y reduzca el ancho y aumente la altura de la forma hasta que parezca agacharse.

Ajuste el Color de Relleno de la forma a su nuevo tono anaranjado. Con el objeto seleccionado, vaya a Objeto > Efectos > Transparencia y reduzca la Opacidad hasta 80%. Luego, haga clic sobre el botón OK.

effects panel
transparency applied to shape

Coloque la forma en la primea columna al lado izquierdo de la página (en la Página 2), dejando la parte superior de la forma contra la guía inferior.

paint splash single

Paso 3

Seleccione la forma y vaya a Edición > Copiar, luego Edición > Pegar, y mueva la segunda forma sobre la parte de arriba del primero con un poco de superposición. No se preocupe sino luce demasiado perfecto, lo que usted desea es que la forma luzca un poco aleatoria.

paint splash

Seleccione ambas formas y vaya a Edición > Copia y Edición > Pegar, hágalo dos veces. Ajuste uno de los pares en su muestra amarilla y coloquelas en la segunda columna, sobre el borde superior frente a la segunda guía de la página.

Ajuste el tercer par de forma en la muestra verde y coloquelas hacia la parte superior de la tercer columna, que quede en frente de la guía superior.

layout with paint

Paso 4

Hemos establecidos las bases para el dorso de la volante. Ahora, enfoquemonos en la parte frontal de la volante. Miremos como crear este sencillo diseño de logo, el cual tendrá equilibrio con el espacio en blanco sobre el frente de la composición para crear un aspecto hermoso y balanceado.

final logo

Navegue hacia la Página 1 de su documento. Seleccione la Herramienta de Texto (T) y arrastre para crear un marco de texto cuadrado de 100 mm de diámetro. Teclee una letra mayúscula “O” y ajuste la Fuente como Brushstroke Plain, Tamaño 150 pt y para el Color de Fuente, escoja la muestra CMYK de anaranjado.

typed letter

Colóquese en el centro sobre la Página 1. Convierta la letra en una forma (Texto > Crear contornos) y estire la forma de modo que sea un poco más ancha y cuadrada.

outlined letter

Tome la Herramienta Marco Rectangular (T) y arrastre para crear un marco de imagen pequeño ubicado en la parte de arriba de la forma “O”. Archivo > Colocar, y seleccione la imagen de la naranja que descargó anteriormente. Haga clic en Abrir.

image of orange

Agrande la imagen en el marco, de modo que solamente la parte del tallo de la naranja aparezca en el marco de la imagen. Ubíquela como se muestra a continuación.

image placed

4. ¡Desarrolle un texto con moderación!

Ahora podemos introducir texto dentro de nuestra volante. Pero, tengamos en cuenta que el texto necesita ser moderado, es más, no más de 200 palabras puede ser utilizadas en esta volante. Cuando este creando su propia composición de promoción, intente restringirse usted mismo para que incluya principalmente la información esencial y conserve sus oraciones cortas y agradables.

Paso 1

Abra el panel Capas (Ventana > Capas). Haga doble clic sobre el nombre de la capa por defecto; Capa 1 y cambie el nombre de la capa a Color e Imágenes. Haga Clic en OK y luego Bloquear la capa.

layer options

Haga clic en Crear Nueva Capa, el icono cuadrado que está en la parte inferior derecha del panel Capas, para crear una segunda capa. Cambie el nombre de la capa como “Tipografía” y haga clic en el nombre de la capa, para activarla.

layers panel

Paso 2

Quedando en la Página 1 de su documento, luego navegue hacia arriba en la esquina superior izquierda de la página. Seleccione la Herramienta de Texto (T) y arrastre para crear un marco de texto pequeño que tenga el ancho de una columna. Ubíquelo en la parte superior de la primer columna, que quede exactamente entre los margenes; superior e izquierdo.

Teclee lo siguiente dentro del marco de texto (adaptando la dirección como prefiera):

“Oli Farms

Ruta 1

California

USA”.

Ajuste la Fuente de todo los textos a Goudy Old Style Std Regular, Todas Mayúsculas, Tamaño en 13 pt, Interlineado en 18 pt y Tracking en 100.

Ahora solamente realce el nombre del negocio “Oli Farms” y haga la Fuente un poco más grande, 19 pt y saque “Oli” en Negrilla. Ajuste el Interlineado de la linea inferior a 30 pt para crear algo de distancia entre el nombre de la empresa y la dirección.

text frame in grid

Ahora, seleccione la Herramienta Línea (\) desde el panel Herramientas y, manteniendo presionada la tecla Shift, arrastre desde la izquierda hasta la derecha para crear una línea recta de 60 mm de Largo. Ajuste el Color del Trazo al de su muestra CMYK de color naranja y la Anchura del Trazo a 0.35 mm. Posicione la línea hasta colocarla entre el nombre del negocio y la dirección, que quede en el borde izquierdo sobre el margen al lado izquierdo.

line tool

Paso 3

Cree un segundo marco de texto más ancho usando la Herramienta de Texto (T) y ubíquelo debajo del centro de la “O” del logo. Teclee “Oli Farms” y ajuste la Fuente a Goudy Old Style Std Regular, Todas Mayúsculas, Tamaño en 40 pt, y aumente el Tracking hasta 100.

Resalte “Oli” como antes y déjelo en Negrilla.

text logo

Seleccione, de nuevo, la Herramienta Línea (\) y cree una línea horizontal de 60 mm de Longitud. Ajuste el Color de Trazo al de su muestra CMYK de color naranja y la Anchura del Trazo en 0.5 mm.

Eso es el frente de la volante completado, ¡excelente trabajo! No se sienta tentado a añadir algo más a la composición. Simplemente deje esa bonita extensión de espacio blanco que hable

front of flyer

Paso 4

Vamos a movernos hacia abajo hasta la Página 2 de su documento, para terminar de trabajar en e reverso de la volante.

Seleccione la Herramienta de Texto (T) y cree un marco de texto corto, del ancho de una columna. Teclee un título de cuatro letras dentro del marco de texto, tal como “GUSTO” y ajuste la Fuente a Goudy Old Style Std Regular, Tamaño 50 pt, Alineación Centrada y Color de Fuente [color del papel].

Coloque el marco de texto sobre la parte superior de la naranja pintada como las formas al principio, las columnas al lado izquierdo, como se muestra abajo.

zest in white

Seleccione el marco de texto y vaya a Edición > Copiar, Edición > Pegar, hágalo dos veces, edite cada marco de texto para leer una palabra diferente. Aquí he usado “AMOR” y “SABOR”. Posicione cada una sobre la parte superior de las formas pintadas en verde y amarillo en la segunda y en la tercer columna de la página.

headers in white

Paso 5

Cree un nuevo marco de texto usando la Herramienta de Texto (T) al ancho de la columna y de 65 mm de Altura. Ubíquelo al principio, en la columna al lado izquierdo, justo debajo del título “GUSTO”.

Acá puede empezar a introducir un par de párrafos de texto (sea estricto, ¡solamente un par de párrafos!) configure la Fuente a Goudy Old Style Std Regular, Tamaño de 11 pt e Interlineado de 15 pt.

Resalte solamente el primer párrafo y ajuste el texto a Negrillas, y haga la primera letra Capitular (edite esto desde el panel Controles de Formatos de Carácter que está en la parte de arriba de la pantalla) de color de la muestra naranja.

Aumente la Sangría Izquierda de primera línea del segundo párrafo a 2.

text column

Paso 6

Seleccione el marco de texto que creo en el paso anterior y vaya a Edición > Copiar, Edición > Pegar. Ubíquese en la segunda columna debajo del segundo título “AMOR”.

Ajuste el contenido del texto y ajuste el color de la letra Capitular en amarillo.

Edición > Copiar y Edición > Pegar este marco de texto para crear una tercer columna de texto y ubíquelo en la tercer columna debajo del último título; “SABOR”. Ajuste el contenido del texto y de a la letra Capitular el color verde.

Si usted añade la información de contacto en esta parte de la volante, entonces póngala en la tercera columna de texto, y ajuste el texto en color verde y en Negrilla Cursiva.

reverse of flyer

¡Excelente trabajo! A terminado el reverso del diseño de su volante y luce fabulosa. Los dos lados de su volante están listos para la comprobación de errores y para exportarlo en formato PDF, listo para imprimir.

final flyer

Apegarse a una simple cuadrícula y limitando la cantidad de texto, así como otros elementos en su composición es como ha creado un diseño que luce limpio, refinado y profesional. Continúe leyendo para un resumen de cómo aplicar espacio en blanco a sus composiciones en InDesign.

Consejos para Aplicar Espacio en Blanco en sus Composiciones.

Como vimos durante el curso de este tutorial, el espacio en blanco puede mejorar, en verdad, la legibilidad y la calidad estética en general de las composiciones de sus diseños. Conserve estos consejos en mente para crear sus propias composiciones en InDesign:

  • Planifique una simple cuadrícula para su composición y divida la composición en secciones definidas. Esto le permitirá tener áreas, claramente, más definidas para colocar texto e imágenes, y definir áreas para promover el espacio en blanco.
  • Menos, siempre es más. Edite su texto lo mejor posible y, también, las imágenes de modo que seleccione pocas.
  • Cree equilibrio en su composición para conservarlo fácil para el ojo. Compense las áreas ocupadas de la composición colocando las más claras en frente o completando áreas vacías.
  • Juegue con el espacio en blanco. Experimente con fondos coloreados o con el espacio negativo para crear ilusiones ópticas. El espacio en blanco no tiene que ser aburrido, ¡así que encuentre formas para darle vida!
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.