dossier medios informaticos

1

DOSSIERMEDIOS

ALEJANDRO CONDE HERRERO

3

ÍNDICE

Ordenador mediante geometría

Diseño de ordenador

Vectorizar una habitación real

Cartel “Envuélvete de navidad”

Cartel “Conéctate a la navidad”

Postal “Conéctate con la navidad”

Dossier workshop navidad 2011

Vectorizar retrato de famoso

Vectorizar nuestro retrato

Rediseño de portada de revista

Diseño de camiseta “Summer is fun”

Botella 3D

Inserción de elementos en una composición

Reconstrucción de una escena creada

Montaje de caras

Cambio de sexo

Orla de clase

Fachada mediante vectores

Fachada mediante texturas

Objetos imposibles

Apéndice

4

6

8

10

12

14

16

18

20

22

24

26

28

30

32

34

36

38

40

42

47

•

4

1

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,...), de-sarrollando 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 obte-ner volúmenes superponiendo formas.

ORDENADOR MEDIANTE GEOMETRÍAAdobe Illustrator

•

6

2

En el segundo ejercicio propuesto ha de crearse un ordena-dor 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ác-til, 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.

DISEÑO DE ORDENADORAdobe Illustrator

•

8

3

En este tercer ejercicio, se propone vectorizar una foto de una habitación, creando una ilustración, pudiendo tener diferentes aplica-ciones 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 comple-jidad 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 perspec-tiva diferente, llegando a no encajar unos muebles con otros, creando una confusión visual.

VECTORIZAR UNA HABITACIÓN REALAdobe Illustrator

•

10

4

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 tradi-cionales. Es una critica a la crisis que se vive actualmente en nues-tra 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.

CARTEL “ENVUÉLVETE DE NAVIDAD”Adobe Photoshop

•

12

5

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 tec-nologí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 estruc-tura 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.

CARTEL “CONÉCTATE A LA NAVIDAD”Adobe Photoshop

•

13

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 festi-vidad tradicional con la actualidad, las nuevas tecnologías. Para ello diseña-mos un árbol mediante cables de internet y una bombilla haciendo alegoría a la estrella que corona todo buen árbol de navidad.

14

6

A partir del proyecto inicial para el Palacio Quintanar, la direc-ció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 ejem-plares.

En el desarrollo hubo un pequeño problema con el color debi-do a que el logo del centro se encontraba en colores Pantone, tenien-do que cambiar al color CMYK equivalente.

POSTAL “CONÉCTATE CON LA NAVIDAD”Adobe Photoshop

•

15

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.



16

7

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.

DOSSIER “WORKSHOP NAVIDAD 2011”Adobe Indesign

•

17

CFGS 1º GRÁFICA PUBLICITARIA

workshopnavidad2011

Silvia Ariza • Alejandro Conde • Dolores Gago • Laura Méndez

Dos

sier

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 festi-vidad tradicional con la actualidad, las nuevas tecnologías. Para ello diseña-mos un árbol mediante cables de internet y una bombilla haciendo alegoría a la estrella que corona todo buen árbol de navidad.



Equipo de trabajo:

Silvia Ariza HuertoAlejandro Conde HerreroDolores Gago AlbesLaura Mendez Vergel

Profesorado de apoyo:

Amor Díaz GarcíaAvelino Miguélez RodríguezCarmen Sánchez Rivero

Instituciones colaboradoras:

18

8

Después de un pequeño paréntesis con el programa Adobe illustrator, se retoma con el ejercicio de vectorizar la cara de un per-sonaje 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.

VECTORIZAR RETRATO DE FAMOSOAdobe Illustrator

•

20

9

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 ilus-tració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 aprendi-das anteriormente, el trabajo se realiza con fluidez.

Lo más complejo del trabajo no ha sido la técnica, sino adap-tarse a que es el propio diseñador quien se vectoriza, teniendo erro-res de diseño por su forma de verse en algún momento.

VECTORIZAR NUESTRO RETRATOAdobe Illustrator

•

22

10

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.

REDISEÑO DE PORTADA DE REVISTAAdobe Illustrator

•

23

Revista para lacultura del proyecto

DesignArchitectureCommunication

Design CultureMagazine

P.V.P. 12€

Comunicación Diseño Arquitectura




P.V.P. 12€





P.V.P. 12€





P.V.P. 12€


24

11

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 vec-torización nuestra, realizada anteriormente. En este caso se han simpli-ficado 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 incenti-van más a su desarrollo . Lo complejidad de este diseño está en adap-tarlo a imprenta, ajustando capas y expandiendo contornos para que se pudieran cortar con facilidad en el plotter de corte de vinilo.

DISEÑO DE CAMISETA “SUMMER IS FUN”Adobe Illustrator

•

25

SUMMER

26

12 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 bo-tella 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, mo-dificando 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.

BOTELLA 3DAdobe Illustrator

•

28

13

En este primer trabajo con photoshop el objetivo es generar una habitación a partir de diferentes elementos (personas, muebles, fon-dos,...) obtenidos de diferentes fuentes, ordenándolos por capas, con-siguiendo 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, subexposi-ción y sobreexposición, la deformación y la perspectiva.

INSERCIÓN DE ELEMENTOS EN UNA COMPOSICIÓNAdobe Photoshop

•

30

14

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, cambia-remos 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 elemen-tos.

Utilizaremos las herramientas anteriormente citadas, añadien-do la opción de pintar con tono y saturación y opacidades de pincel para generar sombras e iluminaciones.

RECONSTRUCCIÓN DE UNA ESCENA YA CREADAAdobe Photoshop

•

32

15

Proyecto en el cual se mezclan diferentes imágenes creando una com-posición homogénea, un retrato final con un parecido a la realidad, den-tro de las posibilidades digitales. Para ello se han mezclado partes de la cara de los alumnos, generando un ser con una cara distinta, adaptan-do todas las capas, consiguiente un arte final “homogéneo”.

Las herramientas utilizadas en este trabajo son: tono, saturación, nive-les, contraste y brillo, diferentes grados de goma y tampón de clonar.

MONTAJE DE CARASAdobe Photoshop

•

34

16

En este ejercicio el resultado final a obtener es que el alum-no cambie de sexo de manera digital, utilizando el software Adobe Photoshop, mediante capas, transparencias, tampón de clonar, ca-pas 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, fusionan-do 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 identi-dad creada se parezca al alumno, cuidando hasta el mínimo detalle a la hora de homogeneizar las diferentes capas.

CAMBIO DE SEXOAdobe Photoshop

•

36

17

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ó”, superpo-niendo 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.

ORLA DE LA CLASEAdobe Photoshop

•

37

Cu é n t am eQuien te diseñó

38

18

En este trabajo el objetivo es conseguir manejar de una ma-nera 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 inte-gració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 pue-des 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.

FACHADA MEDIANTE VECTORESAdobe Photoshop

•

40

19

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í”

FACHADA MEDIANTE TEXTURASAdobe Photoshop

•

42

20

El último trabajo a realizar es la creación de cuatro objetos impo-sibles, 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 finali-dad aprender a desarrollar un mismo diseño o proyecto para diferentes aplicaciones (web, impresión, video...), adaptando los formatos y la ca-lidades. 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.

OBJETOS IMPOSIBLESAdobe Photoshop

•

43

Páginas explicativas297x217mm CMYK 300ppp

44

Cartel anunciador420x297mm CMYK 300ppp

45

Gif animado250x250px RGB 72ppp

46Home web1024x768px RGB 72ppp

47

Este ha sido el resumen de los trabajos realizados en la asig-natura 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 sec-tor del diseño gráfico.

Alejandro Conde HerreroZamora, Junio 2012

•

APÉNDICE

48

ALEJANDRO CONDE HERREROCFGSGPA EASD [email protected]

dossier medios informaticos

Documents