Afiche Sernam - Taller de Diseño

Diseño polera

Flyer Ecología

Flyer Stop Motion

Vectorización de imagen con Illustrator

IMAGEN ORIGINAL

IMAGEN VECTORIZADA

Vectorización de imagen con Illustrator

IMAGEN ORIGINAL

IMAGEN VECTORIZADA

Vectorización de imagen con Illustrator

IMAGEN ORIGINAL

IMAGEN VECTORIZADA

Poster

Fotografía restaurada con Photoshop

                                 

Trabajo en capas photoshop

Tarjeta de presentación 2

Tarjeta de presentación 1

Flyer

EPE1 Banner 920 x 240

EPE1 920 x 240 / 100

Trabajos Clase Tipografía y Composición

Todos los trabajos fueron realizados con una pluma recortada de 2½ mm.

 Pangrama Tipografía Gótica Rotunda

Pangrama Tipografía Carolingia

Banner 960 x 220

Los logos de las campañas en la mira de los expertos

Un interesante análisis, por parte de expertos, de los logos de campaña de los candidatos presidenciales publicado en la web de revista "Qué Pasa".

Cristián Leporati (CL): director Escuela de Publicidad UDP. José Allard (JA): director Escuela de Diseño PUC. Pedro Álvarez (PA): consultor Tironi Asociados. Autor de Chile, marca registrada. Roberto Osses (RO): académico Diseño Universidad de Chile.

Michelle Bachelet

“Es un logo que connota sobriedad, es muy republicano y en la línea estética de los logos de candidatos de EE.UU. A su vez, refleja individualidad, ella es el centro y recalca su meta: presidenta”. (CL)

“Resulta interesante que se utilice su nombre y no su apellido, sin duda esto genera mayor empatía con las personas. La tipografía utilizada es conocida como una letra ‘“humanista moderna’”. (RO)

"La representa un símbolo abstracto, un carácter tipográfico, estrategia que utilizan muchas empresas. Tengo la impresión que en el caso de la ex presidenta, la marca “Bachelet” es más potente que la marca “Michelle”. De hecho aparecía como la segunda marca más valorada después de la Coca-Cola”. (PA)

“Tiene algo de Obama y su ‘O‘, utiliza la misma idea de la letra, es un juego simpatico lo de la banda presidencial”. (JA)

Marco Enríquez-Ominami

“Él cambia mucho su imagen de campaña, sobre todo la tipografía, lo cual puede resultar perjudicialporque disminuye el reconocimiento. La palabra MEO presenta problemas fonéticos. La utilización de una estrella roja, muchas veces vista antes en campañas políticas, me parece muy poco rupturista”. (RO)

“Como logo no es bueno, largo y de difícil lectura, lo que dificulta aplicaciones gráficas. El rojo y el negro son los colores de la revolución bolchevique, del MIR, representan cambio, revolución y violencia”. (CL)

“El tiene un discurso progresista, pero recurre a un identificador gráfico típico de candidato con la inclusión trilladísima de la estrella. La tipografía utilizada en el naming -que viene por default en los sistemas operativos de todos los PC- es muy delgada ¿Por qué no usar la sigla MEO, interesante y diferente, con gran potencial?”. (PA)

José Antonio Gómez

“Parece la marca de un producto de consumo, incluso podría ser el logotipo de un pequeño mall de barrio. Si alguien no conoce algo de política chilena, esta imagen no remite a nada que tenga que ver con un político”. (PA)

“Es bien pobre, poco elaborado y no muy elegante. Es una marca que podria ser hecha por cualquier persona. La paleta de colores, poco pensada”. (JA)

“Uno de los logos más débiles desde mi punto de vista, sobre todo cromáticamente, donde busca mostrar imparcialidad al excluir el rojo (izquierda) y el azul (derecha), sin embargo la imagen tiende a los colores fríos, lo que puede provocar distancia. La tipografía no contribuye en dar calidez, es seca y con agudas puntas en la “M” y “Z”. (RO)

“Es poco formal y lleno de colores; connota trabajo en equipo, diversidad y una forma distinta de hacer la política, pero el punto es si lo que pretende posicionar el logo tiene consistencia con el político de carne y hueso. Gómez es parte del establishment”. (CL)

Claudio Orrego

“Es quien de manera más evidente saca partido a la campaña de Obama, tratando de posicionar la letra ‘O‘ de su apellido como su símbolo. El logo presenta problemas de grosor en los trazos. Recuerda inevitablemente el inicio de las películas de la Metro- Goldwyn-Mayer. (RO)

“Logo de baja calidad, mezcla de señal de tránsito con santito y promesa incluida. Poco claro, antiguo y de lectura simple”.(CL)

“Muy parecido al Metro de Londres y se presta para la parodia. El vínculo entre el formal y ‘terneado‘ candidato con el eslogan no me cuadra. ¿Atreverse a qué?”. (PA)

Andrés Velasco

“Se ve muy limpia está bien tratada la imagen, muy sofisticada, muy tipo United Colors of Benetton. Esta dirigida a su público. Quizás demasiado sofisticada para ampliar el espectro de votantes”(JA)

“La tipografía que utiliza Velasco es la misma de la “G” de Golborne, la misma que usa Gómez, y muy similar a la de Orrego, esto se debe a la fuerte influencia de la campaña de Barack Obama, en donde aparecieron estas letras conocidas como geométricas modernas”. (RO)

“No utiliza un logotipo y recurre a una imagen que quiere sugerir, no persuadir. A diferencia de los otros candidatos, el peso de la promesa recae en el eslogan (Voy, Vamos, Ven). Ese gesto fue popularizado por Churchill, transformándose en una marca del político británico, aunque no sé si tendrá algo que ver con la “V” de Velasco”.(PA)

Andrés Allamand

“Tiene el tradicionalismo estético de las campañas norteamericanas. La estrella busca ser la continuación de la estrella de Piñera, pero cromáticamente mucho más politizada, la mezcla de azul (en mayores proporciones) y rojo da cuenta de aquello”. (RO)

“Bastante convencional, sigue con la misma idea de Piñera, le falta diseño, no hay mucho tiempo dedicado al desarrollo de la marca”. (JA)

“El identificador gráfico o ‘jineta‘ de Allamand es sobrio, corporativo y no reniega de su filiación de derecha. Me parece más honesto que el de Golborne. El ‘firme contigo‘ añade el toque populista en dosis moderada. Se vincula a conceptos que uno podría asociar con el candidato (leyes, política, derecha, gobierno, trabajo, etc)”.(PA)

Laurence Golborne

“Es atractivo en términos visuales e intenta desmarcarse de la lógica de las marcas de empresas serias, descoloridas y abstractas, y acercarse a las tipografía de marcas vinculadas a la cultura o los deportes, empáticas y coloridas”.(PA)

“Las complejidades fonéticas de su apellido promueven el uso aislado de la letra ‘G‘. Tiene la estética de las brigadas muralistas, pero llevadas al mundo digital, una ‘izquierda actualizada‘”. (RO)

“Logo orgánico, moderno, lleno de colores que connotan diversidad e integración en una mano que se cierra en un signo: “Estamos OK” (CL)



Fuente: www.quepasa.cl

Vocabulario Técnico Diseño Gráfico

Adobe Ilustrator: Aplicación de diseño gráfico utilizada para la creación de todo tipo de dibujos y en particular, logotipos.

Adobe Photoshop: Aplicación de diseño gráfico utilizada para la edición y tratamiento profesional de imágenes. Entre otros usos, permite la incorporación de efectos 3D a una imagen plana, tales como sombras, iluminación, bisel y relieve.

Anagrama: Conjunto de formas o figuras que sirven de representación gráfica a una marca comercial. Se confunde a menudo con logotipo aunque se diferencia de éste en que no se usan caracteres alfabéticos. 

Background: Imagen que se ubica en el fondo de una composición de imágenes o espacio alrededor de la figura principal de la imagen.

Bit Map: Mapa de bits, definición de una imagen por sus puntos constituyentes.

CMYK: Cyan, Magenta, Amarillo y Negro. Los distintos colores de tinta del proceso de impresión a cuatro colores.

Escala de grises: Representación de una imagen en la que cada pixel es representado por un valor individual que representa su luminancia, en una escala que se extiende entre blanco y negro. 

Fade: Efecto de oscurecimiento masivo de una imagen, generalmente para lograr una transicion armónica con la siguiente imagen.

Glow: Efecto de resplandor sobre un área de la imagen.

HTML: Siglas de Hyper Text Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (< >).

Imagen Corporativa: La percepción que una determinada persona o un colectivo tienen de una entidad. Es la imagen mental ligada a una Corporación y a lo que ella representa. Las organizaciones proyectan valores y actitudes a través de su imagen.

Identidad Corporativa: El conjunto de características específicas y personales de una Entidad, las cuales crean una forma perceptible y memorizable de sí misma y la diferencian de los demás entidades.

Identidad Visual: La parte visible de la identidad de una empresa. A menudo se utilizan de manera indiscriminada Identidad Corporativa eIdentidad Visual. No obstante, la primera se encuentra en un plano superior a la segunda.

Isotipo: El isotipo se refiere a esta parte simbólica o icónica de las marcas. Se habla de isotipo cuando reconocemos la marca sin necesidad de acompañarla de ningún texto. 

Imagotipo: Un imagotipo es un conjunto icónico-textual en el que texto y símbolo se encuentran claramente diferenciados e incluso pueden funcionar por separado.

Isologo: En este caso, el texto y el icono se encuentran fundidos en un solo elemento. Son partes indivisibles de un todo y sólo funcionan juntos.

Layer: Capa. Herramienta que proveen algunas aplicaciones de diseño gráfico para superponer imágenes dentro de un mismo archivo gráfico y componerlos a conveniencia del diseñador.

Logotipo: El elemento visual tipográfico que da nombre a la entidad.

Línea de base: Línea imaginaria sobre la que reposan los caracteres que componen un texto.

Marca: Este término es mucho más global y recoge todos los aspectos que definen a una compañía, aspectos físicos y abstractos: filosofía, personalidad, comunicación, tono de voz, logotipo, look & feel, papelería…

Negativo: En impresión offset, la pieza a imprimir (el positivo) es transferida a una placa de impresión. Previamente, se produce un negativo donde la imagen original es revertida - las áreas oscuras son mostradas claras y viceversa. Los colores son reemplazados por sus complementarios.

Pixel: La unidad de superficie de imagen sobre la cual se pueden definir atributos, tales como color e intensidad de luz.

RGB: RGB (en Inglés Red, Green, Blue, en Español rojo verde azul) es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores de luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente.

Saturación: Medida de la concentración de un color en un punto dado.

Sustrato: Material en el cual se realiza la impresión.

Tipografía Corporativa: Tipo de letra que se utiliza para escribir los textos relacionados con la Imagen Corporativa. 

Sistema de impresión: Un sistema de impresión es un grupo de procesos, programas y actividades, enfocados a optimizar el proceso de impresión. Existen diferentes sistemas de impresión tales como : 

• Offset: El offset es un sistema de impresión que usa placas de superficie plana. El área de la imagen a imprimir está al mismo nivel que el resto, ni en alto ni en bajo relieve, es por eso que se le conoce como un sistema planográfico. 

• Digital: Por medio de los programas existentes para "desktop publishing" (Pagemaker, Quark Xpress...) podemos seguir todo el proceso de una publicación sin la intervención de agentes externos. Obviamente los costos y el tiempo se reducen en gran medida.Flexografía: Este método de impresión es una forma de impresión en relieve. Las áreas de la imagen que están alzadas se entintan y son transferidas directamente al sustrato. El método se caracteriza por tener placas flexibles hechas de un hule o plástico suave y usar tintas de secado rápido y con base de agua. 

• Huecograbado: En este sistema de impresión las áreas de la imagen son grabadas hacia debajo de la superficie. Todas las imágenes impresas en huecograbado están impresas en un patrón de puntos incluyendo la tipografía. Esto produce áreas huecas en los cilindros de cobre. Se aplica tinta a los cilindros y ésta llena los huecos. 

• Serigrafía: es el método de impresión que funciona a base de la aplicación de tinta a una superficie a través de un "estencil" montado sobre una malla fina de fibras sintéticas o hilos de metal, montadas sobre un bastidor. 

• Flexografía: es una técnica de impresión en relieve, puesto que las zonas impresas de la forma están realzadas respecto de las zonas no impresas. La plancha, llamada cliché o placa, es generalmente de fotopolímero que, por ser un material muy flexible, es capaz de adaptarse a una cantidad de soportes o sustratos de impresión muy variados. Es un método semejante al de un sello de imprenta.

Técnicas de Impresión

El proceso de impresión, se basa en la obtención de las páginas o pliegos impresos, según la maqueta. Para reproducir el número de copias que deseamos, utilizaremos uno de los siguientes sistemas de impresión:

- Sistema de Impresión Offset: son máquinas de pliegos o rotativas con uno o más colores y que utilizan planchas preparadas.

- Sistema de Impresión flexográfica: en rotativas o en máquinas de pliegos para el cartón por medio de clichés de fotopolímero en diversos soportes: papel, cartón, plastico, ...

- Impresión por serigrafía: este sistema se realiza a a través de unas pantallas de tela sobre diversos soportes.

- Impresión digital: con una forma impresora variable sobre papel.

En estos procesos, de impresión se realizan con equipos que utilizan varias técnicas y soportes. Es muy importante tener en cuenta el control de parámetros tales como, viscosidad, tiro, y color de la tinta, espesor, porosidad, encolado y otros del papel, registro, densidad, trapping, ganancia de impresión.

Tutorial: Cambio de rostros con Photoshop CS6

Tutorial: Crear un logotipo con Illustrator CS6

Diseño Gráfico