Práctica-2 gráficos-1 2s 2008

Anuncio de una marca. Identidad gráfica y comunicación

• Evaluación de: contenido módulo M6, lecturas complementarias y Transversal; acumulativo M1, M2, M3 y M4

• Límite entrega: 22/12/2008
• Conceptos principales: comunicación visual, identidad visual, imagen de marca, publicidad, fotomontaje, dibujo vectorial
• Herramienta a utilizar: Fireworks y Flash
• Formato: SWF (con JPEG incrustado)
• Tamaño imagen: 800x280 píxels
• Resolución: 72 píxels/pulgada (el JPEG)
• Tamaño máximo del archivo: 150Kb
• Color: Coherente con el programa de identidad gráfica

Presentación

El trabajo consiste en hacer un anuncio para una de las 10 marcas analizadas combinando un fotomontaje con elementos de dibujo vectorial. El anuncio se publicaría supuestamente como gráfico apaisado en la portada de un sitio web.

Es un trabajo en el que hay que tener muy en cuenta el programa de identidad gráfica analizado y en el que se introducen también cuestiones relacionadas con el color, la aplicación tipográfica, la composición y la comunicación visual.

A nivel de imagen digital se trabaja el fotomontaje y el grafismo vectorial.

Encargo

• Elegir una de las 10 organizaciones analizadas en la PEC2 (Super3, Pantene pro-V, Firefox, Lkxa, por la belleza real/Dove, TVE, Nivea, Ariel, Damm Inedit o iPod).
• Elegir 2 fotos de entre las 5 que se suministran como recurso junto a este enunciado (ver abajo). Atención: solamente elegir 2 fotos!
• Crear un gráfico publicitario que:
  • Actúe como comunicación publicitaria de algún producto, servicio o actividad de la marca escogida.
  • Sea coherente con el programa de identidad gráfica analizado de la marca (tener en cuenta que debe insertarse en una web, igual no es necesario que aparezca el logotipo porqué ya está en el encabezado, pero sí seguir otros aspectos de identidad)
  • Contenga texto (una frase o lema)
  • Contenga elementos de ilustración vectorial de creación propia
  • Contenga un fotomontaje a partir de las 2 fotos elegidas (ver abajo). Atención: No se admitirá como fotomontaje la simple superposición o disposición de una foto junto a la otra. Debe realizarse un ejercicio de integración y combinación de ambas imágenes.

Características técnicas:

• Crear el fotomontaje adecuándolo al anuncio y a la identidad gráfica optimizándolo para JPEG sin perder calidad aparente pero ajustándose al tamaño de archivo a conseguir (máximo 150Kb del archivo SWF con el archivo JPEG incorporado).
• Crear un archivo Flash de 800 x 280 píxeles
• Usar como color de fondo un recuadro de color (el color de fondo del lienzo no se reproduce bien en las páginas del wiki).
• Importar el JPEG (con el fotomontaje creado) a Flash.
• Crear en Flash los gráficos vectoriales y elementos de texto; realizar la composición.
• Exportar el archivo Flash a formato SWF (ShockwaveFlash).
• Publicar ambos archivos: el archivo SWF y el archivo JPEG utilitzado para el fotomontaje en el wiki.

Forma de entrega

• Publicación: Desde tu página de usuario tienes un botón para abrir el formulario de entrega.
  • Primero tienes que subir el gráfico JPEG y el archivo SWF al wiki
  • Luego abre el formulario y rellena los campos; el propio formulario tiene las instrucciones para hacerlo
• Comunicación oficial de entrega: Comunicar su publicación al consultor a través de un mensaje al buzón Entrega de prácticas que incluya un enlace al ejercicio o bien a tu página de usuario donde éste está enlazado. La comunicación sólo debe hacerse cuando la entrega sea definitiva.

Condiciones de los gráficos a presentar:

• Composición anuncio con fotomontaje incorporado:
  • Formato: SWF
  • Tamaño imagen: 800 x 280 píxels
  • Tamaño de archivo: máximo 150Kb
• Fotomontaje:
  • Formato JPEG
  • Tamaño imagen: libre (igual o inferior a 800 x 280 píxels)
  • Tamaño de archivo: inferior a 150Kb (ya que el archivo SWF con el JPEG integrado tiene esta cantidad como límite de memoria a ocupar).

Dudas y bocetos

• Preferentemente dirigir las dudas al Foro, así todo el mundo se beneficia de las respuestas. Intentar ser claro en las preguntas e incluir los enlaces y referencias que sean necesarias.
• Se pueden solicitar comentarios sobre los bocetos previos de la práctica enviándolos al buzón "Entrega de Actividades". El consultor sólo se compromete a comentar los enviados antes del 16 de diciembre.
• Si se publica el trabajo antes de la fecha de entrega se puede anunciar en el Foro y pedir a los/las compañeros/as que hagan comentarios y sugerencias. Usar las páginas de discusión de cada trabajo para hacer sugerencias a otras personas. Visitar la página de discusión de cada trabajo y tomar en consideración los comentarios que se han hecho para modificar si cabe el trabajo antes de la fecha de entrega.

Criterios de evaluación

• La adecuación al encargo.
• El respeto a las condiciones de imagen requeridas (uso de las fotos, creación de un fotomontage, creación propia del grafismo vectorial, elementos de ilustración, tamaño composición, memoria a ocupar, formato, etc...).
• Uso efectivo de estrategias de comunicación visual en un gráfico de carácter persuasivo.
• La correcta aplicación del análisis de la identidad gráfica.
• La identificación de la marca a partir de sus rasgos en la aplicación.
• El tener en cuenta criterios tipográficos en la aplicación del texto y la legibilidad del mismo.
• El tratamiento digital de la imagen a partir de las 2 imágenes de partida y adecuación de la misma al anuncio y al programa de identidad visual.
• Valoración de la optimización JPEG para conseguir una imagen según las condiciones del encargo sin pérdida de calidad aparente.
• La creación gráfica con herramientas vectoriales combinando elementos de ilustración y de texto con el fotomontaje en mapa de bits.
• Valoración de la destreza en el uso de herramientas de dibujo y la calidad de los acabados.
• El grado de creatividad y originalidad gráfica del conjunto.
• Correcta indicación de datos de autoría y condiciones de uso (copyright) de la creación propia.

Referencias

• "Módulo 4: Composición y expresión gráfica":
  • "Etapa 1:Composición de la imagen, marco y estructuras"
  • "Etapa 3: Imagen y tipografía"
• "Módulo 6: Comunicación Visual"
  • "Plano denotativo" en "Etapa 1: el proceso de comunicación visual"
  • "Imagen persuasiva" en "Etapa 2: Imagen, diseño gráfico y comunicación visual"
  • "Etapa 3: Identidad gráfica" (toda la etapa)
  • "Modos de relación interfaz-usuario" en "Etapa 4: estrategias de comunicación visual"

Optimización JPEG:

• Guía de Fireworks. Optimización de gráficos. Tutorial 3 - paso 26 y siguientes.

Bibliografía:

• CHAVES; Norberto () "La imagen corporativa. Teoría y práctica de la identificación institucional". Ed. Gustavo Gili. (la editorial proporciona algunos extractos en su web)
• CHAVES; Norberto y BELLUCCIA, Raul (2003) "La Marca Corporativa". Ed.Paidós

GRF wiki:

• página Identidad gráfica
• análisis de 10 imágenes de marca (PEC2, estudiantes octubre08-enero09)

Artículos

• Artículos sobre identidad gráfica en Foro Alfa
  • Luciano Cassisi (2006) Marca y marca gráfica (Foro Alfa)
  • Raúl Belluccia (2007) Marca y transmisión de sentido (Foro Alfa)
  • Joan Costa (2007) Hacia dónde van las marcas (Foro Alfa)
  • Jordi Blasi (2006) Las marcas como representantes de valores
  • Joan Costa (2005) La guerra de las moscas
  • Fabián Bautista Saucedo (2006) Branding y emociones humanas
• New MailChimp Logo By Jon Hicks

Publicaciones

• Brand New opinions on corporate and brand identity work

Recursos

Título: Added for use by the Objects for Layers group
Autor: Lulu-belle Ramsbottom...cant wait for christmas! - 2008
Licencia: CreativeCommons Atribución
Descargar

Título: Stone Head
Autor: Michael (mx5tx) - 2006
Licencia: CreativeCommons Atribución
Descargar

Título: Rubik's Magic Cube
Autor: DanieVDM -2006
Licencia: CreativeCommons Atribución
Descargar

Título: Van Gispen 407B
Autor: .Fabio - 2005
Licencia: CreativeCommons Atribución
Descargar

Título: family photo: everyone plus the dog
Autor: freeparking - 2007
Licencia: CreativeCommons Atribución
Descargar

Orientaciones para el fotomontaje

• Descargar las 2 imágenes elegidas y trabaja el fotomontaje en Fireworks. Puedes usar las fotografías enteras, recortadas o fragmentos de ellas.
• Puedes elegir el tamaño de imagen (tamaño en píxels) que quieras en función de la composición que vas a hacer en Flash y del resto de elementos gráficos y tipográficos que vas a incorporar.
• Guardar una versión de trabajo en el formato fuente de Fireworks (PNG-nativo) por si se quiere hacer cambios en el diseño (no siempre nos quedamos con la primera o segunda opción).
• Usar las herramientas de optimización para JPEG de Fireworks para obtener un tamaño de archivo que, junto al resto de elementos a incorporar en Flash, no supere los 150Kb. Realizar la optimización del fotomontaje en Fireworks siempre será mejor que hacerlo dentro de flash puesto que se tiene más y mejor control sobre el proceso de optimizar la imagen.
• Exporta la imagen optimizada en formato JPEG y luego impórtarla en Flash para incorporarla a la composición en formato swf del anuncio final.