CHRISTOPHER

D I S E Ñ O & I LU S T R A C I Ó NFATTORI

B O O K

TRADICIONAL & DIGITALI L U S T R A C I Ó N

W E BD I S E Ñ O

EDITORIALD I S E Ñ O

D I G I T A LD I S E Ñ O

E D I T O R I A LD I S E Ñ O

98

LÍNEA DE TIEMPO - 2011• Línea de tiempo de 4 dimensiones diferentes:Historia Contemporánea, Corriente Artística, Diseño en Chile e Historia de la Escuela PUCV.

Dimensiones

Historia Contemporánea

Corriente Artística

Diseño en Chile

Historia de la Escuela PUCV

D I S E Ñ O

E D I T O R I A L

L Í N E A D E T I E M P OA R T E , D I S E Ñ O E H I S T O R I A 1 9 6 0 - 1 9 7 0

Estudio de contemporaneidad de la Historia del Arte y del Diseño bajo los eventos históricos de mediados del siglo XX en el mundo y en la escuela de arquitectura y diseño PUCV.

Bajo esta interacción de eventos es que se cons-truye esta línea de tiempo buscando la manera de representar estas diferentes dimensiones en simultaneidad.

1110

D I S E Ñ O

E D I T O R I A L

C R O N O G R A M A6 0 A Ñ O S E [ A D ]

CRONOGRAMA 60 AÑOS E[AD] - 2011• Propuesta de edición para la conmemoración de los 60 años de la Escuela de Arquitectura y Diseño PUCV E[AD].• Datos organizados cronológicamente: Publicaciones, Ámbi-to Universitario, Ámbito Escuela, Actos, Phalène, Obras y Otros

Este proyecto se articula en la presentación de los 60 años de la E[AD] , Escuela de Arquitectura y Diseño PUCV. Esta es una edición que sale de lo habitual de un texto, no es un libro, no es un folleto, estas y las siguientes ediciones se denominan cuerpos gráficos.

Publicaciones Datos Organizados Imágenes del período Despliegue en acordeón

Tras el levantamiento de información histórica, se realizó la organización de datos el cual se diagramó en un cronograma en extensión que se repliega en acordeón para así facilitar su almacenamiento.

1 2 3

64 5

1312

O B J E T U A L : O B S E R V A N C I A D E L M O M E N T O

Observancia del momento - 2012• Edición que recoge la experiencia de diseño al visitar la expo-sición de arte “OBJETUAL” en el Parque Cultural de Valparaíso. • Encuentro con el autor XXX, poeta y diseñador gráfico. • Creación de un poema realizados por el curso de taller 3° de diseño, obra dirigido por él.

Bajo la propuesta gráfica desarrollada en conjunto conBernardo Silva y Carolina Nuñez , expusimos el concepto de Observancia del Momento como experiencia que permite reconocer ocasiones de diseño.

Diagramación y Despliegue. Esta propuesta se configura manteniendo los límites de la hoja carta, diagramándose de manera que queden las secciones de manera más fácil y concretas a desplegar. Solo un lado del pliego quedaron secciones en sentido contrario, por lo que el otro puede verse en extensión.

Visita al Museo

Obra realizado por el curso “Poema” realizado por el curso

Lectura y Despliegue

D I S E Ñ O

E D I T O R I A L

Se ha realizado una propuesta gráfica que contiene las experiencias obtenidas por cada uno; aquí se explica que bajo la observación de estas expe-riencias (momentos) podemos reconocer líneas argumentativas que ayuden a nuestro estudio del proceso creativo.

En esta edición se privilegia el “poema” creado por el curso dándole a este su propia extensión.

1 2

4

3

5

1514

Pascua en NY: Un Recocorrer Luminoso - 2012• Diseño de lectura para el poema Pascua en NY.• Diseño de íconos• Ilustración

P A S C U A E N N Y : U N R E C O R R E R L U M I N O S O

Este proyecto trata como ocasión gráfica el poema “Pascuas en Nueva York” de Blaise Cendrars. Este poema es el registro de una caminata, su experiencia, de su recorrer desde Brooklyn hasta su hogar en el Bronx.

Este proyecto trata de reflejar el sentido de un transcurrir luminoso en el despliegue de esta lámina. Conduciendo a diferentes secciones dando luz al lector acerca de los datos del autor, del poema y cómo se ha editado en esta ocasión de diseño. Es un recorrer en la misma lectura del proyecto que alberga el recorrer del poema.

Se titula “Un Recorrer Luminoso”, adjetivo metafórico que le da caracter e identidad a la propuesta presen-tada. El proyecto se basa en el recorrido tanto “real”, como es el transcurso del viaje narrado así como en la sensación lumínica de las escenas narradas.

Este proyecto también se diagrama en base a la hoja carta. El proyecto inicia con los antecedentes del poema, el modo de lectura propuesta, en base a la identificación de íconos diseñados y finaliza con el poema desglosado. En esta edición la ilustración es fuerte por las luces traba-jadas con el achurado y el fraccionamiento de las escenas.

Lectura y Despliegue Ilustración

Diseño de iconos para la lectura

D I S E Ñ O

E D I T O R I A L

1716

IDA DONDE LARREA - 2012• Ida Donde Larrea, bitácora de viaje diseñada y escrita a mano en hojas sueltas de papel diamante.• Organización de lectura.• Edición de cuerpo editorial.

I D A D O N D E L A R R E A

El documento original consistía en una bitácora de hojas sueltas de papel diamante escritas y dibujadas a mano. Para su almacenamiento se editó el documento en forma de fichas agrupadas en días a modo de bitácora.

La forma de guardar estas fichas es dentro de una carpeta que las protege. Los colores utilizados en la edición se basan en el blanco y negro presentes en el documento original.

Edición Patrimonial. La presente edición tiene como obje-tivo conservar el formato y calidad del diseño del documento original presentándolo de la mejor manera para su lectura.

Láminas originales Láminas editadas Portada de fichas

fichas y guardado

D I S E Ñ O

E D I T O R I A L

***1

2 4

3

1918

PHALÈNE DEL GOLPE DE DADOS Y VIAJE A VANCOUVER - 2012• Diseño de lectura para los textos de viaje Phalène del Golpe de Dados y Viaje a Vancouver.• Diseño de infografía.• Diseño de cronograma.

P H A L È N E D E L G O L P E D E D A D O S Y V I A J E A V A N C O U V E R

D I S E Ñ O

E D I T O R I A L

Los textos se presentaron sin edición alguna por lo cual se debía hacer más amena su lectura, así se debió realizar una investigación de textos introduc-torios que contextualizarán al lector y representar gráficamente los viajes narrados.

La forma de abordar estos textos es:1.- Explicar con lo que el lector se va a encontrar: Presentación de textos adicionales que contextualizan los textos principales.

2.- Introducción de los textos principales (Phalène del Golpe de Dados Viaje a Vancouver): A través de citas y dibujo.

3.- Graficación de los textos principales: A través de mapas y cronogramas.

Este proyecto tiene como ocasión de diseño la edición de dos textos : Viaje a Vancouver y Phalène del Golpe de Dados. Estos textos narran viajes realizados por un grupo conformado por ar-tistas, filósofos, poetas, arquitectos y diseñadores de la Escuela E[AD] a través del continente americano.

Textos

Decisiones de diseño. El cuerpo de la edición se pre-senta de forma alargada marcando la horizontalidad del diseño del cronograma e infograma, la cual es la medida en que se abre en un aparecer de secciones hasta el despliegue final. Los colores utilizados para los textos, el cronograma e iconos del infograma se basan en los colores de la Escuela E[AD], negro, rojo y blanco.

Mapa Infográfico

Simbología Lectura y Despliegue

2120

Recitales poéticos en XXX Bienal de São Paulo, Taller de 3° año Diseño Gráfico, 2012.

R E C I T A L E S P O É T I C O S Y L A V O Z L A T I N A

Actos realizados en base a la coordinación de voces. La voz da vida a textos, textos referentes al hallazgo y regalo de américa,“Hallazgo y Origen” y “De los Latinos”. Transmitidos a través del vacío, es decir entre lo uno y otro. Tanto la coreografía y la voz re-quieren de espacio para ser comprendidos, el vacío existente entre los actores y el espectador, el vacío entre la boca del hablante y el oído del oyente, entre los extremos.

La edición se construye desde el vacío y la exten-sión, el aparecer del blanco y sus bordes, del le-vantamiento en relieve como el alzar la voz en acto, en el despliegue y el diálogo, como un intento de hacer aparecer lo que en travesía se experimentó.

Recitales Poéticos - 2012• Construcción de un cuerpo gráfico desplegable.• Cronograma de los recitales.• Organización de contenidos.• Edición fotográfica .

Tipografía impresa

Cuerpo Gráfico

La edición consistía en un cuerpo gráfico que relata los actos poéticos realizados durante la Bienal de São Paulo, cuántos se hicieron, qué público asistió, a que hora, etc. Es un relato que da cuenta de estos actos, actos efímeros, así como la permanencia de la voz en el vacío, el diseño hace que este perdure al ser registrado en esta edición.

La lámina es un complemento de este cuerpo grá-fico, la cual recoge a esta edicón para exponerla ante el público como este cuerpo recogió a los actos poéticos realizados.

Voz Latina• Construcción de una lámina guarda ediciones.• Creación de cuerpos tipográficos en volumen e impreso.

Tipografía VolumenLámina

D I S E Ñ O

E D I T O R I A L

2322

D I S E Ñ O E D I T O R I A L

Auxilio-Le Plague - 2012El primer cómic de los hermanos Fattori. Un comic de terror y gore, donde una extraña enfermedad ataca a un pueblo y luego se extiende por todo el territorio, desatando el horror el caos y la muerte. El miedo y la violencia son el único medio para sobrevivir.

Fredi , el ZombieComic encargado por la editorial B.A.T. Pro. Cuenta la historia de los orígenes de Fredi, un zombi guardián de unos jóvenes vampiros, protagonistas de la exitosa saga de historietas “Vampiros en el Puerto”.

C O M I C S : A U X I L I O - L E P L A G U E Y F R E D I , E L Z O M B I E

Diseño e ilustración. En estos proyectos se unen las dimen-siones de ilustración, texto, tipografía y diseño en pos de una narrativa fantástica.

2524

L O G O T I P O : A G R O N O M Í A 5 0 A Ñ O S

LOGOTIPO AGRONOMÍA 50 AÑOS - 2012• Propuestas de logotipo para la Facultad de Agronomía de la PUCV en conmemoración de sus 50 años.• Investigación• Observación• Ilustración vectorial.

D I S E Ñ O E D I T O R I A L

Observación y Diseño. En búsqueda de representar la identidad del cliente se conciben las primeras ideas a través del boceto para luego estar en encuentro con las tecnologías, uso de programas de diseño.

Tipografías Elemntos Constructivos Versiones

Colores

PANTONE 380 U

PANTONE 350 U

Para la construcción de este logotipo se utilizó una tipografía que transmite clase y tradición. El número se construye en blanco, intersección de la hoja. El isotipo de hoja-flor se inspira por los campos y jardines que rodean a la institución. Los colores verde oscuro y claro transmiten sobriedad y tranquilidad, en base a la naturaleza, materia de estudio de la facultad.

Propuestas Versión Definitiva

2726

L O G O T I P O :T H E E D G E O F C R E A T I O N

D I S E Ñ O E D I T O R I A L

The Edge of Creation (T.E.O.C.) - 2012Banda Thrash Metal de San Antonio• Conceptualización• Ilustración vectorial• Herramientas: Adobe Illustrator

Propuestas Versión Definitiva

Esta joven banda de San Antonio posee un sonido energético y letras sagaces. La tipografía afilada es en respuesta a lo afiladas de sus guitarras, efecto textura resquebrajada en representación a la crudeza de sus letras. Un logo que representa la jovialidad de esta agrupación de músicos.

Diseño de logotipo para una banda Thrash Metal de San Antonio. Tras escuchar el sonido de la banda se crea la imagen más fiel a su música e ideas.

2928

SUMPALL - 2012Banda Folk Metal de San Antonio• Conceptualización• Ilustración vectorial• Herramientas: Adobe Illustrator

L O G O T I P O :S U M P A L L

D I S E Ñ O E D I T O R I A L

Propuestas Versión Definitiva

Este logo representa la ideología y sonido de la banda, una mezcla de instrumentos araucanos y guitarras eléctricas. El kultrún usado como escudo y una tipografía ruda representan su pesado sonido. La textura de madera identifica a los bosques como fuente de inspiración de la banda.

Diseño de logotipo para una banda Folk Metal de San Antonio. Tras seguidas conversaciones y propuestas se crea una imagen representativa de los sonidos e ideas de la banda.

D I G I T A LD I S E Ñ O

Los dibujos se diagraman...

...Se pintan...

...Y se le aplican Los globos y textos.

¡ Ya sé , Haré un Cómic!

...convina ángulos de cámara...

...Hay un poco de texto...

...Y mucho de Dibujo...

Tengo una historia que contar y mostrar... ...Pero no tengo cámara...

...No me gusta escribir mucho...

...Pero me gusta mucho Dibujar. ...En cada viñeta!

¿CÓMO SE HACE UN CÓMIC?

Guión: Le Plague

Viñeta nº 1

Viñeta nº 2

Viñeta nº 3

Viñeta nº 4

Primero escribo el Argumento y el Guión. ..........

Se dibujan las viñetasSe entintan los dibujos

Se escanean ENTRE 150 A 300 ppiSe diagraman y pintan en photoshop2

3

4

1

Diseño de personajes y la estética del cómic.

Guión: Le Plague

Viñeta nº 1

Viñeta nº 2

Viñeta nº 3

Viñeta nº 4

Según el guión se bocetea las viñetas. Se ven ángulos,perspectivas,etc. .....................

.....

.....

.................

Se cortan las páginas...

...Se ordenan y se corchetean.

Ej:Protagonista

El viajero

El doctor

El Monstruo

...............................

Auxilio

Le Plague

...Y así con las siguientes páginas hasta terminar.

Auxilio

Le Plague

Auxilio

Le Plague

Auxilio

Le

Plague

Por último se diseña la portada que debe representar el tema y llamar la atención.

1. 2.

3.4.

5.

6. 7.

8.9.

............................

1.Lo guardas en un CD en formato Photoshop, Photoshop EPS, BMP, PICT, JPG ó TIFF,.

2.Lo mandas a una Imprenta.

3.Y obtienes los pliegos enteros impresos de tu cómic.

Le Plague

Auxilio

Le Plague

Auxilio

Le Plague

Auxilio

Le Plague

Y ya está armado, el cómic está listo! y ya lo puedes leer.

3332

I N F O G R A F Í A S :¿ C Ó M O H A C E R U N C Ó M I C ? Y 6 0 A Ñ O S E [ A D ]

¿Cómo Hacer Un Cómic? - 2010• Proceso productivo de una historieta.• Pdf trabajado en Adobe Illustrator cs3. • Imágenes Vectoriales con mapa de bits.

Comunicación visual, trabajo el empleo de imágenes para la comunicación de ideas y datos e información.

D I S E Ñ O D I G I T A L

Infografía 60 años e[ad] - 2012• Expresión de datos.• Pdf trabajado en Adobe Illustrator cs3. Imágenes Vectoriales con mapa de bits.

Infografía de carácter instructivo, amistoso, dinámico. Está basado en el procedimiento de como construí el comic Auxilio-Le pague en un detallado paso a paso.

Infografía que reúne todo los datos cuantificables realizados durante los 60 años de la Escuela de Ar-quitectura y Diseño e[ad]. Publicaciones, travesías, recorridos, lugares, participantes, etc.

3534

Fattori Icone - 2010• Imagen comercial.• Iconos trabajados en Adobe Illustrator cs3.

Reproducción De Un Mapa - 2010• Imagen informativa.• Iconos trabajados en Adobe Illustrator cs3.

I C O N O S Y M A P A S :I C O N O S D i F a t t o r i E I L S I S T E M A M E T R O N A P O L IComunicación visual, trabajo el empleo de imágenes para la comunicación de ideas y datos e información.

Realización de una familia de iconos para un restorán con un estilo elegante y moderno. Para esto se utilizó un dibujo estilizado, colores claros, suaves y luminosos.

Producción de un mapa de metro de la ciudad de Nápoles. En este ejercicio uní tres versiones de el mapa de metro. Me encargué de enfatizar infor-mación que el mapa actual no cuenta.

D I S E Ñ O D I G I T A L

W E BD I S E Ñ O

3938

D I S E Ñ O

W E B

S I T I O S W E B

Personalización de sitios web. Parte de un diseño integral a partir de la creación de una imagen que identifica al cliente.

The Edge of Creation (T.E.O.C.) - 2012Banda Thrash Metal de San Antonio• Diseño Personalizado de Myspace.

www.myspace.com/theedgeofcreation

Matías Francino - 2012Músico de San Antonio• Diseño Personalizado de Myspace

www.myspace.com/lluviafunebre

Este sitio se diseña en base al logo previamente realizado. Los colores negro y rojo dominan la pantalla, fondo ilustrado con demonios, metáfora de las criaturas que inspiran la mente de la banda.

Contraria mente del diseño anterior, este virtuoso guitarrista es el centro del sitio, su fotografía domina la escena. Si en el anterior diseño domina la oscuridad, la claridad y la limpieza se hace pre-sente acorde al sonido noble de su instrumento.

Auxilio- Le Plague: el cómic - 2013Cómic• Diseño Personalizado de Tumblr.

leplague-elcomic.tumblr.com

Fiel al argumento de la historieta, este sitio minimalista representa la oscuridad de la temática del comic, aquí se presentan los argumentos y objetivos, el proceso creativo e ilustraciones, además de citas e imágenes que sirvieron de inspiración.

T R A D I C I O N A L & D I G I TA LI L U S T RAC I Ó N

4342

I L U S T R A C I Ó N

T R A D I C I O N A L

P R E S E N T A C I Ó N

Estudio de Historia del Arte y su aplicación en el Diseño.

Estudio de los tipos de Abstracción, estudio de quienes en el campo del arte, específicamente en la pintura, han contribuido en el desarrollo de la abstracción, desde el arte figurativo hasta la pintura abstracta.

Presentación : Rembrandt - 2009• Abstracción lumínica. Estudio de composición y la aplicación de la luz.

Presentación : Cezanne - 2009• Abstracción de la forma. Impresionismo. Estudio del color y composición.

Técnica. Esta proyecto se presenta como un libro de estudio realizado completamente a mano, con ilustraciones a lápiz acuarelas, carboncillo y tinta.

4544

P R E S E N T A C I Ó N 2 0 1 0

Estudio de Historia del Arte y su aplicación en el Diseño.

En este proyecto se trató a los pintores impresio-nistas para alcanzar un método creativo a través de la recreación, observación y análisis de sus obras en los campos de composición, estudio del color y grafía.

I L U S T R A C I Ó N

T R A D I C I O N A L

Técnica. Esta proyecto se presenta como un libro de estudio realizado completamente a mano, con ilustraciones a lápiz acuarelas, carboncillo y tinta.

Presentación: Camile Pizarro - 2010• Textura y color, cómo estas conducen la mirada y provo-can al observador.

Presentación: Camile Pizarro - 2010• Construcción gradual, cómo a través de la composición, el color y la grafía se construye la pintura.

4746

I L U S T R A C I O N E S

Realización de ilustraciones utilizando diversas técnicas y estilos.

I L U S T R A C I Ó N

D I G I T A L

Capricho - 2011• Concurso de ilustración.• Tiralíneas.• Tinta china Negra y Blanca.• Luces por Photoshop.

Ismael - 2009• Ilustración por encargo.• Tiralíneas.• Color y textura en Photoshop.

Ilustración realizada en búsqueda de una atmós-fera mágica de un mundo irreal. Esta Ilustración trabaja sobre el contraste de alto detalle y blanco. Donde el personaje principal ilumina la imagen en su luz. La mirada es un aspecto que trabajo en todas mis ilustraciones.

Ilustración realizada para Mateo Leiva, creador de la saga “Vampiros en el Puerto”. En esta Ilustración se trabaja sobre detalles ocultos, textura sucia realizada a través del uso de manchas para su co-loreado. La mirada en este personaje debe resaltar pues manifiestan su temperamento iracundo a pesar de su controlada actitud

4948

I L U S T R A C I O N E S

Realización de ilustraciones utilizando diversas técnicas y estilos para distintos usos.

I L U S T R A C I Ó N

D I G I T A L

Lalo - 2009• Personaje por encargo.• Tiralíneas.• Luces y pintado en Photoshop.

Lalo, protagonista del disco “El Incauto” para la banda Masacre. Nuevamente la mirada es la res-ponsable de la expresión en la ilustración. Por la naturaleza del personaje se pinta con a modo de cuero y suciedad por manchas que le dan rudeza.

Corpo Odioso - 2011• Ilustración personal.• Tiralíneas.• Textura y efectos en Photoshop.

El detalle se hace presente en esta ilustración para impresionar al observador. La mirada, la boca , el rostro completo es quien transmite toda la fuerza y expresión en esta imagen. La textura y los arreglos realizados en Photoshop se encargan de darle atmósfera, una que evoca a los pergaminos, como una antigua ilustración.

5150

I L U S T R A C I O N E S

I L U S T R A C I Ó N

D I G I T A L

Realización de ilustraciones utilizando diversas técnicas y estilos para distintos usos.

Mata a la Bestia - 2012• Ilustración por encargo.• Tiralíneas.• Luces y pintado en Photoshop.

Ilustración para carátula de una banda de Dead Brutal Metal de San Antonio. En esta ilustración trabajo mas los efectos de luces, dándole a la ilustración una atmósfera particular.

Tiberius - 2013• Ilustración por encargo.• Grafito• Luces y pintado en Photoshop.

Ilustración para un cuento de terror homónimo del escritor emergente Michel Deb. Igualmente en esta ilustración las luces y el color juegan un rol fundamental para la expresividad y atmósfera. El uso de una luz fría en colores oscuros ubican al observador en la noche, el momento preciso en que la imagen y la historia se sitúan.