Conem re litem quisciae explit, qui doluptae. Nam repediscia quo blaut denectio te di dollibus ism fugiature Faccae nihicia volorero comnis eatiuntias aut est, simagnis moditasi cusam, nos voloren imoluptatur, sit, natiam ipsaperatus quaturendi ratibus aernatiat fugia deri volorro qui corem faccatur, cument qui num doluptist, voluptur, accuptis dolores equunt, endis ex el etur? Faci siti doluptaest, quam facercia as voloreribus aut fuga. Officipienda dunt perist qui odit volore se poreperia ius quam faceseq uibus, que sitistrum eliquibus aspite corumquae eictatur sus voluptae volores eos quo moluptat. Nequidi onsende llupta exernat etur, omni-
min venest quatur sam exeritatus. Iquiam iliquo demos ipsam eum alibusdam esequi solo blate pore comnisto core quunt, sum re et volor se ab is nestiorum quae quiande bisciatem sus ium, sa volendae quunt qui ullupta que pratur si non eosant et reprat eum rerumqui atem etur, nus esequid et res sitem venitiis a porepro eaque cus eaqui ne mil eatem que nos ex eveni blabor aute eaquaDi atquidemolut lam comnit omnisqu atquis eum quibeatestio quidus as quam lam quodic torerum ra nempos sus quis magnatum quam num velest dellut aut eatesti bers-
picium sequod erchil esti vente none nimi, ut laudandit entenem. Aborepudae parum, ut omnienim am, cullupt aquatem pelestis exerovid milluptatet et, id eum alis sunt volent, sum, aspel ipsunt voluptiae laborum acid est, ut doluptibus prat auta quias as sequos idernam re coreici untiand ebitatist qui qui verumqui as eum alita si imi, venimol upturibus mo ipient, sapersped exernatur rem nihicienis essitio omnienduci tet aboribus, verum est volessit, solut facid earumqu aerciae doles nis id quatusant perestis ut volorum re qui voles doloritaest faccuptur?
Conem re litem quisciae explit, qui doluptae. Nam repediscia quo blaut denectio te di dollibus ism fugiature Faccae nihicia volorero comnis eatiuntias aut est, simagnis moditasi cusam, nos voloren imoluptatur, sit, natiam ipsaperatus quaturendi ratibus aernatiat fugia deri volorro qui corem faccatur, cument qui num doluptist, voluptur, accuptis dolores equunt, endis ex el etur? Faci siti doluptaest, quam facercia as voloreribus aut fuga. Officipienda dunt perist qui odit volore se poreperia ius quam faceseq uibus, que sitistrum eliquibus aspite corumquae eictatur sus voluptae volores eos quo moluptat. Nequidi onsende llupta exernat etur, omni-
min venest quatur sam exeritatus. Iquiam iliquo demos ipsam eum alibusdam esequi solo blate pore comnisto core quunt, sum re et volor se ab is nestiorum quae quiande bisciatem sus ium, sa volendae quunt qui ullupta que pratur si non eosant et reprat eum rerumqui atem etur, nus esequid et res sitem venitiis a porepro eaque cus eaqui ne mil eatem que nos ex eveni blabor aute eaquaDi atquidemolut lam comnit omnisqu atquis eum quibeatestio quidus as quam lam quodic torerum ra nempos sus quis magnatum quam num velest dellut aut eatesti bers-
1
picium sequod erchil esti vente none nimi, ut laudandit entenem. Aborepudae parum, ut omnienim am, cullupt aquatem pelestis exerovid milluptatet et, id eum alis sunt volent, sum, aspel ipsunt voluptiae laborum acid est, ut doluptibus prat auta quias as sequos idernam re coreici untiand ebitatist qui qui verumqui as eum alita si imi, venimol upturibus mo ipient, sapersped exernatur rem nihicienis essitio omnienduci tet aboribus, verum est volessit, solut facid earumqu aerciae doles nis id quatusant perestis ut volorum re qui voles doloritaest faccuptur?
Índice Ilustración vectorial:
9-15 Pgs.
·Motivo Floral ·Logotipo y versiones
10-11 Pgs. 12-15 Pgs.
Ilustración raster:
17-21 Pgs.
·Abecedario ·Retrato
18-19 Pgs. 20-21 Pgs.
Animación:
23-25 Pgs.
·Animación Flash
24-25 Pgs.
Pre- impresión:
27-29 Pgs.
·trabajos laboratorio de imagen
28-29 Pgs.
Apéndice
31-34 Pgs.
Ilustraci贸n Vectorial
Primera prueba del motivo floral (Faltaba n las espigas)
Motivo floral terminado , con espigas y menos gama cromรกtica.
10
El primer trabajo se trata de realizar un motivo floral con Adobe Illustrator incluyendo una serie de elementos. • Realizar un motivo floral en illustrator formado como mínimo por los siguientes elementos: 1. Espiga 2. Figuras perforadas 3. Flor 4. Fondo semitono de color. Mediante una serie de imágenes tratadas con photoshop trazo las imágenes vectoriales y las dispongo para formar una típica ornamentación de esquina. En el primer trabajo faltaban las espigas y finalmente al añadirlas he simplificado los co-
lores y guardado el archivo por si en el futuro resulta útil para incluir en algun proyecto. En este ejercicio he practicado algunas acciones del illustrator que tenia oxidadas, ya que para este tipo de ilustraciones suelo recurrir a las numerosas bibliotecas gratuitas que se encuentran en la red. En todo caso el resultado final de las imágenes procesadas con Illustrator no tienen para mí demasiado interés, es un programa que uso casi en exclusiva para el diseño de logotipos.
11
Logotipo funcionando en escalasreducidas y guia de aplicaci贸n del mismo.
Tipografia corporativa, la familia Century Gothic
12
Logotipo de la facultad de Bellas Artes Alonso cano, una composición aurea con inspiración arquitectónica • Realizar el diseño de un nuevo logotipo para la Facultad de Bellas Artes de Granada. Presentar un pequeño manual que debe contener como mínimo los siguientes elementos: 1. Logotipo en grande (al tamaño máximo que admita el formato elegido) con los colores corporativos definitivos. debe incluir símbolo y logotipo (tratamiento tipográfico) Incluir una pequeña memoria sobre la intención, origen del símbolo, qué se pretende transmitir, elección de los colores, disposición y tipografía.
2. Escalado de tamaños: 90%- 80% - 70% - 60% - 50% - 40% - 30% - 20% - 10% indicando el menor tamaño reproducible (rondando los 2 cm. de ancho aprox.) 3. Versión en escala de grises o blanco y negro, negativo a color y negativo a blanco y negro. versión mono- croma con los colores corporativos y negativo de los mismos. 4. Indicación de los colores corporativos utilizados en Pantone o indicando proporción CMYK.
Compuesto por un símbolo y logotipo. El símbolo, basado en dos geometrias diseñadas a partir de proporciones armónicas y atravesadas por una espiral aurea que establece un diálogo entre las formas y sugiere un entorno dinámico a traves de la estructura esencialmente arquitectónica. El conjunto nos remite a la firma de A. Cano a la vez que nos sugiere la fachadadel edificio de la facultad.
Century Gothic, una tipografia que se adapta a los nuevos medios ¡y además ahorra tinta! Estoy especialmente interesado en la tipografia.
gido la Century gothic, la cual se caracteriza por el uso de geometrias puras y armónicas.
Como en cualquier aspecto del diseño nada debe dejarse al azar y es pertinente un estudio de las posibilidades de cada tipografia.
Es una fuente creada especialmente para ser leida en sistemas informáticos con comodidad, así como para ahorrar tinta si se ha de imprimir (hasta un 30% que la Helvética).
Creo que una gran parte de que un proyecto sea exitoso reside en la correcta elección de una buena tipografia que se adecue tanto a la estética como a las exigencias técnicas. En este caso, despues de un análisis he esco-
Century gothic viene instalada por defecto en todos los sistemas informáticos, Macintosh y windows, lo cual hace que sea una fuente ideal para usar en web. Asimismo Century gothic es legible tanto en
13
cuerpos muy pequeños como en grandes titulares ya que es una fuente sans-serif.
Aplicaci贸n en blanco y negro y escala de grises.
Pantone y cuatricomia para su correcta impresi贸n
14
Se trata de Símbolo basado en la forma, no en el color. Sigue siendo reconocible en escala de grises y B/N. Los colores en contraste y las formas orgánicas aportan un contacto que enriquece la estructura juciosa y formal. El logotipo completa la significación en una imágen moderna y reconocible. El logo continua funcionando hasta una anchura mínima de 20 mm. para anchuras más pequeñas se usa el logotipo a la derecha del símbolo.
15
Ilustraci贸n Raster
Abecedario de objetos a peque単a escala donde podemos comprobar su legibilidad.
18
Un abcedario DIY. Construido a base de todos los artilugios que he ido acumulando en la repisa. • Elaborar un abecedario compuesto por las 27 letras mayúsculas del español: A -- B -- C -- D -- E -- F -- G -- H -- I -- J -- K -- L -- M -- N -- Ñ -- O -- P -- Q -- R -- S -- T -- U -- V -- W -- X -- Y -- Z mediante imágenes de objetos obtenidas en revistas, folletos, catálogos, fotografías, Internet, etc. • Limpiar los objetos mediante las herramientas de selección y borrado para dejar el objeto independiente. • Ajustar los tamaños de los objetos para que todas las letras tengan la misma altura. • Distribuir las letras en filas y columnas
uniformemente en proporción al formato. Usar las guías como ayu- da en la distribución. Como ya he dicho estoy bastante interesado en la tipografia, tanto en su estudio como en su creación y en varias ocasiones he experimentado con este tipo de trabajos. En el pasado realicé varios trabajos inspirado por el libro “TALLER DE TIPOGRAFIA” (Charlotte rivers) cree un alfabeto de tampones de linoleo y varias tipografias creativas,
19
con alimentos, cuerdas etc. En este caso ya que estaba inmiscuido en un proyecto de autoedición y voy acumulando miles de herramientas de todo tipo decidí intentar crear el abecedario de esta manera. El resultado fué este alfabeto y un desorden absoluto.
Proceso de realizaci贸n del autorretrato en PS.
Retrato terminado con textura de fondo y colores corregidos.
20
Retrato digital; una tarde pintando sin mancharme los dedos. • Realizar un autorretrato a color, usando técnicas de pintura y dibujo digital. Puede combinarse con técni- cas de dibujo y pintura tradicionales. Partir de un dibujo o mancha escaneando la imagen, para luego avan- zar con las herramientas digitales: pincel, lápiz, dedo, desenfoque, etc. hasta su finalización. • El autorretrato debe ser reconocible sin lugar a dudas. El trabajo no tiene por qué ser hiperrealista, pero debe haber un parecido. No se pide un aspecto final concreto. Las decisiones sobre encuadre, estilo,
co- lor, pose, etc. son libres. Puede ser expresionista, fauvista, clásico o moderno, más dibujado que pintado o viceversa, de cuerpo entero o sólo el rostro, natural o teatral, caricatura o realista, de frente, perfil o tres cuartos... • Pueden usarse fotografías como referencia o base para trazar las líneas maestras o encajar, pero en nin- gún caso se aceptan fotomontajes o interpretaciones mediante filtros tipo posterizar. El retrato debe avanzar mediante el uso de las herramientas mencionadas: pinceles y lápices, la herra-
21
mienta dedo para difumi- nar, uso de los diferentes modos de pintura y capa, uso de los ajustes de imagen y color, etc. Nunca habia tratado de pintar en el ordenador porque me resulta más facil escanear una ilustración a mano, aunque cuento con una tableta gráfica que suelo usar para animar en flash y aunque no tenia mucha fé en el resultado al final me parece bastante bueno. Tendré que seguir experimentando con eso.
Animaci贸n
Capturas de imágen de la animacion (.SWF y .FLA en la carpeta “trabajos”
24
Animación Flash, con un overlay, objetos vectoriales, mapa de bits etc. Bueno, este trabajo me ha resultado muy facil, aunque pesado, ya este año ya habia tenido que hacer varias animaciones muy complejas para un estudio, que además estaban planteadas en unos terminos lejanos a flash por desconocimiento del cliente, lo cual resultó en muchísimas horas de trabajo. Por otra parte me estoy encargando de las animaciones de un ilustrador para un blog y pensaba presentar alguna de las anteriores, pero se me ha instado a presentar una nueva que cumpliese los requisitos de la propuesta.
Al final he tratado varias imágenes con illustrator y el fondo con photoshop.
y siempre trato de incorporar elementos de animación tradicional.
La figura del skater era un movieclip con muchas partes que tenia de otra animación y le he añadido el skate y los movimientos.
Ah! también he añadido algunos efectos de sonido en la propia linea del tiempo de flash.
Creo que el movimiento esta bastante fluido, la tabla esta animada frame a frame y el patinador básicamente tambien. Aunque me gusta Flash, las típicas animaciones vectoriales me resultan un poco cansinas
25
Preimpresi贸n
Arriba: transferencia con disolvente y camiseta con plantilla realizada en el plotter de corte yestampaci贸n con pintura textil. Abajo: cartel de gran formato y plantilla para el plotter de corte.
28
Trabajos de Preimpresion, serigrafia casera, posters y máquina alucinantes. Bueno ya habia trabajado en el laboratorio de imágen, pero nunca habia usado un ploter de corte tan grande.
El corte de la cartulina no lo legamos a realizar. yo habia diseñado un plantilla de H.P. Lovecraft.
Estos son los trabajos que corresponden a esta parte de la asignatura. El poster se lo hice a un alumno de filosofia que presentaba un trabajo y se imprimió en un ploter de más de un metro, quedo muy muy bien. Hasta el dueño de la copisteria se saco uno para exponerlo allí.
29
ApĂŠndice
Arriba: proceso de creación del logo, enmedio el logo final con dos aplicaciones y el código QR con el bandcamp de grup W.A.R. A la derecha el logo en un cartel y unas chapas
Publicación “Tragedia”, un fanzine de 16 páginas con un grabado en la portada, con una tirada de 30 copias.
32
Ha habido durante el curso muchos trabajos de diseño ajenos a la asignatura, ¿los más destacados? He estado inmerso todo el año en muchos trabajos relacionados con la asignatura.
para vender en el mercadillo que organizó la productora E.L.I. del laboratorio de imágen.
Gané un pequeño concurso a traves de facebook, haciendo el logo de W.A.R. (we are robots) con mi diseño de logo, para los cuales también edite las video proyecciones que realizan en sus directos y realizaré la portada de su primer LP. También suelo usar indesign para maquetar todo tipo de trabajos, este año realicé un fanzine maquetado e impuesto en 2 hojas A3
Autoedición, logotipos, maquetación, animación, ilustración y otros trabajos En el ámbito laboral estuve todas las navidades realizando unas animaciones para la Junta de Andalucia (felicitaciones de navidad) el problema es que no podian ser enviadas a iphones ni a ipads dada la incopatibilidad con flash. Espero que aparezca una utilidad para convertir contenido flash a HTML5 que funcione correctamente en el futuro. También he estado usando flash para las animaciones de una revista de humor, que dentro de poco se publicaran en la web.
33