DOSSIER
MEDIOS 1
ALEJANDRO CONDE HERRERO
ÍNDICE Ordenador mediante geometría
4
Diseño de ordenador
6
Vectorizar una habitación real
8
Cartel “Envuélvete de navidad”
10
Cartel “Conéctate a la navidad”
12
Postal “Conéctate con la navidad”
14
Dossier workshop navidad 2011
16
Vectorizar retrato de famoso
18
Vectorizar nuestro retrato
20
Rediseño de portada de revista
22
Diseño de camiseta “Summer is fun”
24
Botella 3D
26
Inserción de elementos en una composición
28
Reconstrucción de una escena creada
30
Montaje de caras
32
Cambio de sexo
34
Orla de clase
36
Fachada mediante vectores
38
Fachada mediante texturas
40
Objetos imposibles
42
Apéndice
47
•
3
1
ORDENADOR MEDIANTE GEOMETRÍA Adobe Illustrator
Ejercicio de iniciación en Adobe illustrator. Primera toma de contacto. En este ejercicio, hay que crear un ordenador mediante formas básicas geométricas (triángulos, círculos, cuadrados,...), desarrollando la capacidad de construir volúmenes mediante planos. Modificando contornos y saturación de color irán surgiendo los volúmenes. Lo más complejo, a la par que entretenido, es el desarrollo de los botones, ya que mediante la saturación de color se podrán obtener volúmenes superponiendo formas.
•
4
5
2
DISEÑO DE ORDENADOR Adobe Illustrator
En el segundo ejercicio propuesto ha de crearse un ordenador desde cero, diseñando el alumno todo. En este caso se crea un equipo todo en uno “all in one”, con un despliegue de tres pantallas, enfocado al el diseño gráfico, puede plegarse generando un maletin para su transporte. Se ha diseñado una mesa de luz con función táctil, pudiendo digitalizar documentos o simplemente dibujar. También se añaden dos barras de sonido a los laterales y una webcam. Un equipo todoterreneo y versatil para el diseñador gráfico. Lo más complejo de este trabajo es crear la perspectiva sin excederse o quedarse corto y adaptar todos los elementos.
•
6
7
3
VECTORIZAR UNA HABITACIÓN REAL Adobe Illustrator
En este tercer ejercicio, se propone vectorizar una foto de una habitación, creando una ilustración, pudiendo tener diferentes aplicaciones posteriores (carteles, flyers, marquesinas, stands...). Con este trabajo se pretende desarrollar la visión espacial, la perspectiva dentro de un dibujo plano. También se trabaja con transparencias para crear sombras y reflejos de la luz, haciendo más creible la ilustración. La foto utilizada es del catálogo interactivo de ikea. Tiene, como complejidad principal, una perspectiva aérea realizada con un objetivo gran angular, lo cual hace que se distorsione todo el mobiliario, pudiendo verse en algunos detalles diferencias de perspectivas. Este trabajo ha sido un reto desde el primer momento, ya que desde el suelo hasta la última esquina del armario tenía una perspectiva diferente, llegando a no encajar unos muebles con otros, creando una confusión visual.
•
8
9
4
CARTEL “ENVUÉLVETE DE NAVIDAD” Adobe Photoshop
Cartel desarrollado para la exposición “Un árbol para todos” en el Palacio Quintanar de Segovia. “Envuélvete de Navidad” es un proyecto gráfico que nace de la inspiración de los envoltorios tradicionales. Es una critica a la crisis que se vive actualmente en nuestra sociedad, por eso el árbol está envuelto en papel “pobre”, las guirnaldas son cables eléctricos reutilizados y la estructura interna es un caballete de dibujo. También queremos expresar que mediante la Navidad, que nos “envuelve” a todos en estas fechas tan señaladas, nuestros problemas por un momento se dejan de lado. Lo más complejo de este cartel ha sido el recorte y selección de los cables que envolvían el árbol, pudiendo ser eliminados a la par que el fondo si no se tenía cuidado.
•
10
11
5
CARTEL “CONÉCTATE A LA NAVIDAD” Adobe Photoshop
Cartel desarrollado para la exposición “Un árbol para todos” en el Palacio Quintanar de Segovia. “Conéctate a la Navidad” surge de la idea de que en la sociedad en la que vivimos, conectados a internet en todo momento, lleguemos a conectarnos también a la navidad, uniendo una festividad tradicional con la actualidad, las nuevas tecnologías. Para ello diseñamos un árbol mediante cables de internet y una bombilla haciendo alegoría a la estrella que corona todo buen árbol de navidad. El texto se construye de tal manera que su estructura genere una maceta, plantado el árbol sobre el texto. La E, siendo el golpe de voz de la palabra, se ha resaltado con el mismo color que la bombilla haciendo un símil con la tilde ortográfica. Con trabajos como este, se pueden experimentar jornadas de buscar soluciones rápidas y factibles.
•
12
13
6
POSTAL “CONÉCTATE CON LA NAVIDAD” Adobe Photoshop
A partir del proyecto inicial para el Palacio Quintanar, la dirección del centro educativo de la Escuela de Arte y Superior de Diseño de Zamora encarga el proyecto “Conéctate con la navidad”, postal para felicitar las fiestas desde el centro. Se cambia el color de la letra E de morado a rojo, color corporativo del centro. Se editan 500 ejemplares. En el desarrollo hubo un pequeño problema con el color debido a que el logo del centro se encontraba en colores Pantone, teniendo que cambiar al color CMYK equivalente.
•
14
15
7
DOSSIER “WORKSHOP NAVIDAD 2011” Adobe Indesign
Para dar por finalizados los proyectos de navidad, se crea un dossier resumen del proyecto “Conéctate a la Navidad”, un pequeño regalo de reyes para promocionar el trabajo realizado por el equipo. Realizado con tipografia de palo seco y en color naranja.
•
16
workshop
navidad
2011
CFGS 1º GRÁFICA PUBLICITARIA
Silvia Ariza
•
Alejandro Conde
•
Dolores Gago
•
Dossier
Proyecto 1: Exposicion “Un árbol para todos”
Proyecto desarrollado para la exposición “Un árbol para todos” en el Palacio Quintanar de Segovia. “Conéctate a la Navidad” surge de la idea de de que en la sociedad en la que vivimos, conectados a internet en todo momento, lleguemos a conectarnos también a la navidad, uniendo una festividad tradicional con la actualidad, las nuevas tecnologías. Para ello diseñamos un árbol mediante cables de internet y una bombilla haciendo alegoría a la estrella que corona todo buen árbol de navidad.
Laura Méndez
Proyecto 2: Felicitación de Navidad
A partir del proyecto inicial, la dirección del centro educativo EASD de Zamora nos encarga el proyecto “Conéctate con la navidad”, basado en el proyecto incial. Se cambian el color de la letra E de morado a rojo, color corporativo del centro. Se editan 500 ejemplares.
Equipo de trabajo:
Profesorado de apoyo:
Silvia Ariza Huerto Alejandro Conde Herrero Dolores Gago Albes Laura Mendez Vergel
Amor Díaz García Avelino Miguélez Rodríguez Carmen Sánchez Rivero
Instituciones colaboradoras:
17
8
VECTORIZAR RETRATO DE FAMOSO Adobe Illustrator
Después de un pequeño paréntesis con el programa Adobe illustrator, se retoma con el ejercicio de vectorizar la cara de un personaje famoso. Para ello se aprende a manejar la pluma, a mayores de lo aprendido anteriormente. Explicadas todas las herramientas de vectorización, se puede realizar cualquier ilustración en vectores. En este trabajo se ha utilizado al humorista José Mota, caracterizado de “La Blasa”, uno de los personajes más conocidos. Es un trabajo con mucha labor. Lo más complejo es realizar los labios y las sombras de la cara, ya que al tener un pañuelo en la cabeza hay tres sombras o grados de negro.
•
18
19
9
VECTORIZAR NUESTRO RETRATO Adobe Illustrator
En este trabajo no se vectorizará una persona desconocida, o una habitación; esta vez será el alumno el centro de atención del trabajo. Se propone obtener, como en trabajos anteriores, una ilustración a partir de una foto. Para hacer el trabajo más liviano se busca una foto graciosa. Con todas las técnicas de vectorización aprendidas anteriormente, el trabajo se realiza con fluidez. Lo más complejo del trabajo no ha sido la técnica, sino adaptarse a que es el propio diseñador quien se vectoriza, teniendo errores de diseño por su forma de verse en algún momento.
•
20
21
10
REDISEÑO DE PORTADA DE REVISTA Adobe Illustrator
Esta vez se realiza un rediseño de una portada de revista real, a la cual se añade el personaje famoso vectorizado en un ejercicio anterior. Para desarrollar este ejercicio hay que aprender a utilizar las herramientas de texto y el buscatrazos. En este caso se ha elegido la portada de la revista de diseño “Experimenta”, se ha modificado el rótulo principal, resaltando la E, y se ha añadido un faldón con las tres secciones de la revista, resaltando también las primeras letras. También se ha generado una sombra difusa al marco mediante una forma plana desenfocada.
•
22
Design Architecture Communication Design Culture Magazine P.V.P. 12€
Revista para la cultura del proyecto Design Architecture Communication Design Culture Magazine P.V.P. 12€
Revista para la cultura del proyecto Design Architecture Communication Design Culture Magazine P.V.P. 12€
Comunicación
Diseño
Arquitectura
Comunicación
Comunicación
Diseño
Diseño
Arquitectura
Arquitectura 23
11
DISEÑO DE CAMISETA “SUMMER IS FUN” Adobe Illustrator
En esta ocasión el trabajo es la creación de un diseño propio para camiseta. La única premisa es que la imagen utilizada fuera la vectorización nuestra, realizada anteriormente. En este caso se han simplificado todas las formas a trazos de línea. El diseño se ha compuesto en dos colores, verde y blanco, colores que funcionan muy bien con negro. Es un trabajo atractivo, ya que realizar proyectos reales incentivan más a su desarrollo . Lo complejidad de este diseño está en adaptarlo a imprenta, ajustando capas y expandiendo contornos para que se pudieran cortar con facilidad en el plotter de corte de vinilo.
•
24
SUMMER
25
12
BOTELLA 3D Adobe Illustrator
Como último trabajo con adobe ilustrator, se propone realizar un diseño de vectores 3D y vectorizar un logo con los recursos del programa (calco interactivo y giro 3D). En el primer ejercicio hay que vectorizar el logo de Absolut y crear, a partir de la silueta de la botella el volumen, ajustando luces, brillos, giro. Tras finalizar la primera parte, se insertará el logo en la botella, con la herramienta mapear ilustración del giro 3D. En el segundo ejercicio se creará un nuevo diseño de la botella de Absolut la copa, vaso... donde se beberá. Se ha escogido el nombre “Devil Absolut” y se ha cambiado en la botella el tapón, modificando el color y añadiéndole cuernos, y se ha creado un diseño de una cola de diablo que recorre todo el perímetro del envase. Los colores utilizados en el diseño son blanco, rojo y negro. En el caso de la copa, inspirada en un cáliz, el logo también recorre el perímetro.
•
26
27
13
INSERCIÓN DE ELEMENTOS EN UNA COMPOSICIÓN Adobe Photoshop
En este primer trabajo con photoshop el objetivo es generar una habitación a partir de diferentes elementos (personas, muebles, fondos,...) obtenidos de diferentes fuentes, ordenándolos por capas, consiguiendo una escena homogénea con todos los elementos insertados. Las herramientas utilizadas en este proyectos son: lazo magnético, varita mágica, goma con diferentes grados de dureza, subexposición y sobreexposición, la deformación y la perspectiva.
•
28
29
14
RECONSTRUCCIÓN DE UNA ESCENA YA CREADA Adobe Photoshop
En este segundo proyecto nos basaremos en lo ya realizado sobre el ejercicio anterior para cambiar por completo, o en su mayor parte la escena creada. Ahora añadiremos un fondo distinto, cambiaremos paredes, objetos del interior, la iluminación de la escena y los reflejos de suelo (aspectos muy importantes a la hora de realizar el fotomontaje). También modificaremos el color de de algunos elementos. Utilizaremos las herramientas anteriormente citadas, añadiendo la opción de pintar con tono y saturación y opacidades de pincel para generar sombras e iluminaciones.
•
30
31
15
MONTAJE DE CARAS Adobe Photoshop
Proyecto en el cual se mezclan diferentes imágenes creando una composición homogénea, un retrato final con un parecido a la realidad, dentro de las posibilidades digitales. Para ello se han mezclado partes de la cara de los alumnos, generando un ser con una cara distinta, adaptando todas las capas, consiguiente un arte final “homogéneo”. Las herramientas utilizadas en este trabajo son: tono, saturación, niveles, contraste y brillo, diferentes grados de goma y tampón de clonar.
•
32
33
16
CAMBIO DE SEXO Adobe Photoshop
En este ejercicio el resultado final a obtener es que el alumno cambie de sexo de manera digital, utilizando el software Adobe Photoshop, mediante capas, transparencias, tampón de clonar, capas con efecto multiplicar, desenfoque... en resumen, con todo lo aprendido hasta el momento sobre este programa, utilizando como herramienta nueva la opción licuar. Para ello se ha tomado de base una fotografía suya, fusionando sus facciones con fotos de sus compañeras de clase, eliminando de su rostro el vello facial, perfilando sus cejas, suavizando su piel y ajustando niveles para igualar los tonos de piel, licuando los perfiles de la cara, reduciendo la mandíbula. También se ha modificado el iris de los ojos, perfilado los labios y, por último, teñido el pelo con brillos azules. La complejidad de este ejercicio reside en que la nueva identidad creada se parezca al alumno, cuidando hasta el mínimo detalle a la hora de homogeneizar las diferentes capas.
•
34
35
17
ORLA DE LA CLASE Adobe Photoshop
Cómo conclusión de los proyectos realizados anteriormente con modificaciones de las facciones de la cara de los alumnos, se propone realizar una orla de la clase. En este caso, se ha tomado como imagen base una fotografía de familia de la serie de televisión “Cuéntame que te pasó”, superponiendo y ajustando las caras de los actores con las de los alumnos. El título de la orla es “Cuéntame quien te diseñó” haciendo un símil al título de la serie. A la hora de desarrollar este proyecto se ha tenido especial atención a que las caras queden integradas, aunque dos de ellas, debido al giro de la cara original, no quedan del todo integradas.
•
36
Cuéntame
Quien te diseñó 37
18
FACHADA MEDIANTE VECTORES Adobe Photoshop
En este trabajo el objetivo es conseguir manejar de una manera adecuada la opción “máscara” del programa Photoshop, la cual permite un retoque más profesional de fotografías. Para ello tomamos como base la instantánea de un edificio, al cual vamos a cambiar su fachada por un diseño creado con vectores. Para una perfecta integración del diseño con el edificio, se inserta entre ambos elementos una capa con textura de piedra. Las herramientas utilizadas son la máscara, con la cual puedes fusionar capas, mostrando mas o menos las capas o cambiando propiedades de las imágenes; y las diferentes opciones de fusión de capas para una correcta integración.
•
38
39
19
FACHADA MEDIANTE TEXTURAS Adobe Photoshop
En este trabajo segundo se ha de perfeccionar lo aprendido en el anterior. Para ello utilizamos esta vez unas texturas reales, en este caso un mosaico de Gaudí y una trama de piedra. La complejidad de este ejercicio está en adaptar las texturas a la perspectiva del edificio, a mayores de la correcta utilización de la herramienta “máscara”. Como se aprecia en la imagen del arte final, el edificio, que es un edificio conocido de Madrid, intenta hacer un símil a los diseñados por Gaudi. Para ello se integra el mosaico en los balcones, prestando atención al motivo de la luna, y en la pared se superpone la piedra. El título del edificio sería “Las lunas de Guadí”
•
40
41
20
OBJETOS IMPOSIBLES Adobe Photoshop
El último trabajo a realizar es la creación de cuatro objetos imposibles, inspirados en Jacques Carleman, utilizando todos los recursos y herramientas aprendidos en el curso. Partiendo de esos objetos se ha de crear la campaña publicitaria de la exposición, la home de la página web y una serie de gif animados. Realizar un proyecto con tantas aplicaciones tiene como finalidad aprender a desarrollar un mismo diseño o proyecto para diferentes aplicaciones (web, impresión, video...), adaptando los formatos y la calidades. Para ello se trabajará con la resolución 300ppp para trabajos de imprenta y 72ppp para imágenes web. Los modos de color utilizados son CMYK y RGB, para impresión y web respectivamente. En las siguientes páginas muestran todo el trabajo desarrollado, con un pie de imagen explicando el tipo de trabajo, modo de color, tamaño y resolución de imagen, pudiendo así ver un panorama general del proyecto.
•
42
Pรกginas explicativas 297x217mm
CMYK
300ppp
43
Cartel anunciador 420x297mm
44
CMYK
300ppp
Gif animado 250x250px
RGB 72ppp
45
46
Home web 1024x768px RGB
72ppp
APÉNDICE
Este ha sido el resumen de los trabajos realizados en la asignatura de medios informáticos, en el ciclo formativo de grado superior de gráfica publicitaria. Guía para estudiantes y profesionales del sector, como ejemplo de lo que se debe y lo que no se debe realizar en el sector del diseño gráfico.
Alejandro Conde Herrero Zamora, Junio 2012
•
47
48
ALEJANDRO CONDE HERRERO CFGSGPA EASD ZAMORA aconde.design@gmail.com