Loading

Letras & imagen y la integración de ilustración al diseño editorial

¿Qué decides hacer con la imagen, al colocarla dentro de tu diseño? ¿Cómo reaccionará el diseño a tu imagen y vice versa? ¿Qué relación quiero que tengan?
En esta ilustración de la Quintrala, los textos están incorporados de forma natural al contenido, sin percibirse como algo forzado. Se conciben a la vez ambos elementos. Para esto es fundamental contar con los textos en un 100% antes de ilustrar.
Este diseñador integra de forma literal el título principal del artículo a la ilustración. Muestra las temáticas del artículo, de forma pseudo-simétrica en su composición y logra una construcción que impacta y es elegante a la vez, usa collage e integra la tipografía a través de máscaras (veremos en muestra Indesign).
Usar máscaras, es una forma muy acogedora de integrar textos a una composición de forma armónica; requiere de bastante afinamiento y ojo para reconocer las oportunidades gráficas que se presentan.
A veces la oportunidad gráfica está en la ilustración misma, incluso la ilustración se CREA pensando en la incorporación del texto. (IDEAL TENER, por esto mismo, el texto DEFINIDO 100% ANTES DE EMPEZAR) para trabajar con espacios realeas y no tener que retroceder. Así abarcas cada paso a su vez.
Muchas veces una capitular o una gran letra protagónica ES el apoyo visual o la ilustración de una pieza gráfica, y se incorpora de manera importante a la composición y la lectura visual. Se le pueden incliur en la misma, elementos que la vinculan conceptualmente a su temática. Como en estos naipes. El código naipe se respeta y es reconocible a primera vista un concepto visual que une el conjunto.

El concepto y la composición de ilustración consideran alguna intervención, como en este ejemplo, donde la técnica se define, en base a la fórmula que se utiliza para integrar el texto. Se conceptualiza de esta forma en el boceto y se produce de acuerdo para lograr la verosimilitud (realismo).

O como en este afiche de películas de Wes Anderson, donde la tipografía es enmascarada junto a la ilustración, aprovechando oportunidades gráficas, y controlando la orden de lectura de las tres palabras principales. El texto es manejado como imagen para crear la jerarquía.

Hay tres fórmulas de integrar texto con imagen (que no involucren lettering):

1. Con el uso de máscaras

Acá existió se realizó una ilustración y la tipografía se integró de forma prolija y dinámica, a través de máscaras incorporadas en Indesign, directamente. (haremos una demonstración).
Las máscaras son una de las mejores fórmulas para integrar la tipografía utilizándola como si fuese otra imagen. Permite libertades gráficas inimaginables y de gran escala, protagónicas tanto como sutiles.
Con una foto, creatividad, observación y paciencia, se logran integrar todos los elementos del afiche con la ilustración (filetes. textos, formato, textura papel)
Sutileza máxima en las máscaras es el otro camino, sin sobre utilizar el recurso

2. Planificando el diseño y la ilustración alrededor del texto y su mensaje /contenido. Creando asonancia con su temática.

Acá se siente la música, por la composición de la tipografía, se entiende que se tiene que haber planificado completamente de esta firma. Redactando y editando los textos para hacerlos funcionar como conjunto con los largos perfectos. sin hacerla ilegible (Paula Scher). No se pierde utilidad del diseño ni tampoco la clara puerta de entrada a la pieza.
Acá están determinadas y planificadas las zonas para las fotografías, dentro de formas específicas.
Esta composición gira en torno a su tipogafía y la perspectiva que domina a ambos.
Este afiche integró la imagen con el texto a través de un estilo tipográfico 3d digital. Complementa la foto, y se articula a través de las esferas volumétricas que se aglutinan por encima y por atrás.
Este ejemplo integra la tipografía con la fotografía de fondo, incorporándola enmascarada en su dimensión volumétrica, para crear el suficiente contraste que las haga destacar y recalcar el concepto.

3. En los casos de utilización de fotos o texto existentes, o reciclados: encontrar la "OPORTUNIDAD GRÁFICA" que surja desde el concepto de la composición, o simplemente desde la búsqueda de una composición armónica.

Entonces, cuando te ves enfrentado a diseñar combinando tipografía con ilustración o imagen (foto u otro), piensa de inmediato cómo innovar haciéndolo. Es una OPORTUNIDAD que nace desde LA CONCEPCIÓN (a veces!) del diseño. Y que también puede quedar INCREÍBLE cuando lo haces desde material existente y planificas un diseño con un pie forzado, a través de máscaras y/ o de oportunidades gráficas.

EMPIEZA A DISFRUTAR DISEÑANDO CON TIPOGRAFÍAS.

Verás que mejora el resultado final de tus diseños...

pero OJO CON SOBRE-DISEÑAR...!!

Es ACTITUD colocar una palabra en rojo encima de una foto y tapa un cuardo de ella, es casi una onomaotpeia del dignificado de la palabra... y su forma de diagramarla! #sutilezas
integrar, siempre será la mejor opción.

EL PEOR ENEMIGO de diseño... ES CHANTAR EL TEXTO ENCIMA (un clásico error GARRAFAL).

CHANTAR el texto encima, sin crear una relación con el lugar dónde aterriza, es no sentir el diseño, es no darse cuenta que el resultado termina siendo frío y lejano del receptor, poco actual, poco sensible. No dejes que NO SABER hacer algo, o no conocer el programa, te limiten a lo que termines haciendo.

BUSCA LA FORMA, SIEMPRE.

Finalmente la identidad de un proyecto, no se trata de un ISO-logotipo sino la sensación que evoca con las decisiones que se tomaron al diseñar:

  • elección tipográfica (o lettering) y su integración al todo
  • color
  • composición (cuadraditos negros, es histérico, calmado, tenso, etc...)
  • imagen
  • mensaje literal o textual y su relación con lo que la rodea (FIGURAS LITERARIAS)
  • recorrido visual

ENTONCES

¿Qué pasa cuando te pasan una imagen y un WORD con un texto, y debes armar un afiche /o portada de libro procurando integrar todo?

una foto, un texto...

¿QUÉ HAGO PARA JUNTARLOS DE FORMA INTERESANTE?

EL brief es fácil: es un festival de música en zonas rurales de diferentes pueblos campesinos del noroeste de Estados Unidos. Hay un lineup principal (3 grupos) y uno secundario con varios grupos menores. Y es para adultos medios hipsers, incluso familias hipster, porque los grupos son de ese perfil, además de bastante locales y es de día. Se imprimirán 100 mil afiches para publicar en 4 diferentes estados, no puede tener cambios entre un estado y el otro. O sea debe contener las cuatro fechas & destinos.

¿QUÉ HAREMOS NOSOTROS HOY?

algo similar, pero con 3 ingredientes y a modo de otro ejercicio para portada: 1. texto principal 2. imagen ilustrada 3. bajada / segunda lectura (opcional) en base a el brief que conocen bien:

UN LIBRO con apariencia juvenil, útil, que presente por primera vez en un solo luegar y de manera ilustrada, a todos los Premios Nacionales que han ganado el galardón en Chile. Una manera de dar a conocer –transversalmente– las once categorías que se convocan, además de los ganadores en cada una desde 1943. Presenta las razones de cada premiad@, además de datos interesantes acerca de cada uno; un libro diseñado para todo lector, de fácil lectura y navegabilidad , que sin duda, busca transmitir una gran cantidad de información.

¿CON QUÉ CUENTO?

1· con una IMAGEN (foto / ilustración)

ELÍGELA TU DE LA CARPETA DEL TOTAL DE LAS ILUSTRACIONES DEL LIBRO QUE LLEVAMOS HASTA EL MOMENTO DENTRO DEL LIBRO (UNA... TU decide).

2. EL TÍTULO PRINCIPAL: PREMIO NACIONAL

3. + LA BAJADA (OPCIONAL):

Desde 1943

4. + logo UDP /BN o de alguna EDITORIAL /BN (elige una apropiada segun temática)

ELEGIR UNA PALETA DE MÁXIMO 2 colores + negro.

PARÉNTESIS: IR A SPARK PALETAS DE COLOR

arma una paleta en base a UN referente que te guste, y levántala como te mostraremos en OTRO ADOBE SPARK para que puedas usar este método para adelante para elegir y replicar paletas de colores. APLÍCALA EN ILLUSTRATOR. Con el archivo editable. Trabajalo, junto con la incorporación del texto en Illustrator.

ENTREGA A LAS 19:00hrs pdf. AL DROP BOX. Propuesta: (1 MÍNIMO) Portada para el libro con TODOS LOS INGREDIENTES integrados + REFERENTE color y levantamiento de paleta.

TODO EN EL MISMO PDF. 1 PDF POR ALUMNO. (PESO MÁXIMO 10MB)

Created By
Jennifer King
Appreciate

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.