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

Diseño para camiseta con motivo tipográfico

• Evaluación de: Contenido M3 y M4; acumulativo M1 y M2; materiales complementarios.

• Límite entrega: 2008/11/04
• Conceptos principales: forma, color, composición, tipografía, imagen digital
• Herramienta a utilizar: Fireworks
• Formato: PNG plano (no nativo)
• Tamaño imagen: 500 x 500 píxeles.
• Resolución: 72 píxels/pulgada
• Tamaño máximo del archivo: 150Kb máximo.
• Color: Contraste a elegir

Presentación

El grafismo para camisetas es un campo tradicional de experimentación gráfica creativa y en creciente expansión. La innovación en las técnicas de estampación ha facilitado la posibilidad de estampación, por parte de cualquier persona. Paralelamente el desarrollo de servicios en Internet permite que cualquiera pueda crear una tienda virtual para vender sus diseños estampados. Ahora mismo se puede ofrecer diseños estampados en camisetas y otros elementos tradicionales de merchandising (gorras, bolsos, tazas, ...) con mucha facilidad.

Esta "democratización" convive con el gran interés y la experimentación creativa que está teniendo el grafismo estampado sobre camisetas por parte de diseñadores y empresas de moda.

Encargo

• Crear el diseño íntegramente con las propias herramientas de Fireworks. No se permite importación de archivos externos, ni material fotográfico, todo debe de ser creación propia del/a estudiante con la herramienta de Fireworks.
• Las siglas serán el motivo gráfico protagonista de la composición.
  • Se puede hacer de ellas el uso que se quiera. Situarlas conjuntamente o separadas. Una sola vez o repetidamente.
  • La práctica implica un trabajo de observación de las características gráficas y geométricas de la forma tipográfica y una elección consciente de la fuente tipográfica en beneficio de la composición a crear.
• Se pueden acompañar las siglas con otros elementos gráficos...
  • ...siempre que sean de creación propia. (realizadas por el/la propio/a estudiante con Fireworks).
  • ...siempre que no quiten protagonismo al motivo principal.
• Elegir un contraste de color y ajustar el trabajo al mismo.
  • Elegir un contraste de entre los siguientes:
    • Contraste de tonos múltiples (o de colores en sí)
    • Contraste de luminosidad (o de claro-oscuro)
    • Contraste de saturación (o de cualidad)
    • Contraste de cálido-frío
    • Contraste de complementarios
    • Contraste de colores contiguos (o análogos o también vecinos)
  • Se puede usar cualquier color en el fondo o en los motivos mientras el conjunto de la composición se ajuste al contraste de color elegido.
• Usar Fireworks como herramienta de trabajo.
• Usar el gráfico de la camiseta adjunto a este enunciado y montar el diseño en él.
• Presentar el trabajo en formato PNG
  • No usar el formato PNG-nativo de Fireworks, usar el formato PNG-estándar.
  • El fichero a entregar no tiene que superar los 150 Kb de memoria.
  • Para conseguirlo utilizar la herramienta de optimización de Fireworks y después guardar el archivo con el menú "Exportar".
• Publicar el trabajo en el wiki. Decidir la licencia (regulación derechos de uso) con la que se publica.

Forma de entrega

• Publicación: Desde la propia página de usuario hay un botón para abrir el formulario de entrega.
  • Primero se tiene que subir el gráfico al wiki.
  • Luego abrir el formulario y rellenar 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 la propia página de usuario en donde está enlazado. La comunicación sólo debe hacerse cuando la entrega sea la definitiva.

Condiciones del gráfico a presentar:

• Formato: PNG (estándar)
• Tamaño imagen: 500 x 500 píxels
• Resolución: 72 píxels/pulgada
• Tamaño de archivo: 150 Kb máximo.

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 necesarios.
• 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 28 de octubre.
• Si se publica el trabajo antes de la fecha de entrega se puede anunciar en el Foro y pedir a tus compañeros/as 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 del propio 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 y aplicación de los conceptos estudiados (equilibrio compositivo, contraste color, forma tipográfica, tamaño composición, resolución, memoria a ocupar, formato, etc...).
• Aprovechamiento de la forma tipográfica como elemento gráfico y compositivo.
• El acierto en el uso de un contraste de color elegido y en centrarse en dicho contraste sin usar otros.
• Valoración de la destreza en el uso de herramientas de dibujo, calidad de los acabados y valoración de la optimización para conseguir una imagen según las condiciones del encargo sin pérdida de calidad aparente.
• Adecuación a la aplicación propuesta y calidad del ajuste del diseño al esquema de la camiseta.
• 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 imagen.

Referencias

Color:

• enlloc/docència/color y blog "Del Color" (I.Sabaté & D.Gómez) Material de soporte docente - en catalán -
  
• pourpre.com - en francés -
  
• cloford.com - en inglés -

Imagen digital:

• Material didáctico: Módulo-2 :: Imagen digital
• Material complementario "Formatos gráficos para web" y "PNG en Fireworks"
• Guía de Fireworks - Tutorial-3 - a partir del paso 26 para optimización.

Derechos de autor:

• Información sobre licencias de uso y derechos de autor (necesario leer para decidir licencia a aplicar a tu trabajo)
• Política de uso de imágenes y Políticas de copyright en GRF wiki.

Otras referencias:

• Servicios estampación y creación de tiendas online:
  • Spreadshirt
  • Cafepress
  • eCamisetas
• Diseñadores/marcas:
  • Desigual
  • Custo-Barcelona
  • kukuxumusu
• Otros diseñadores y tiendas online:
  • Mimousha
  • Pampling
  • Threadless

Recursos

Abrir el fichero: imagen:camiseta.png

Encontraréis una capa llamada "camiseta" donde esta dibujado el contorno de una camiseta, usar este trazado. La imagen tiene un tamaño de 500x500 píxeles con una resolución de 72ppp. Una vez realizado el diseño se procede a optimizarlo para su envío correcto (ver sección de encargo).

EXPLICACIÓN PAUTADA DEL PROCEDIMIENTO: Ante todo 1.-bajarse la imagen en el propio ordenador. Clicar encima de la imagen y guardarla en vuestro ordenador. Proceder a 2.-abrirla con Fireworks, veréis que hay la capa de la camiseta. Ya podéis comenzar a trabajar con el archivo, veréis que se irán creando varios niveles o sub-capas, dependiendo del diseño creado (texturas bitmap, trazados vectoriales, texto,...). Una vez finalizado el diseño, 3.-proceder a acoplar todas las capas o sub-capas utilizadas (menos la de la camiseta) (lo haréis seleccionándolas en el panel "Capas" para luego elegir "Allanar selección" en el menú "Modificar"). Posteriormente realizar la acción de pegar dentro: a) seleccionar el diseño creado (preferiblemente estará en una sola capa acoplado. b)copiar c)seleccionar el trazado de la camiseta d)ir al menú edición/pegar dentro. Veréis como se incorpora dentro de la camiseta, respetando los bordes de la misma. Finalmente proceder a su optimización (ver ventana de optimización y Tutorial-3 de la Guía de Fireworks) para su correcto envío.

Recursos para la elección del color:

• Color schemes generator 2 (en castellano, inglés y checo]. Permite elegir un color y combinarlo con su complementario (contrast), contiguo (analogic) y otras combinaciones (triad, tretad). Proporciona la codificación del color en RGB hexadecimal. También simula la visión de personas con distintas discapacidades visuales. Es utilizable online y se puede descargar bajo una licencia Creative-Commons Atribución No-Comercial-CompartirIgual.

• Rueda de colores Herramienta de HP que muestra las relaciones entre los colores. Se pueden usar distintas combinaciones para ver los colores complementarios, análogos, etc... Clicar el enlace "mostrar colores" para ver la combinación y "RGB-Descargar colores como archivo" para obtener los datos de los colores.

• Accesibilidad - Rueda de colores (en inglés, francés y italiano) Rueda de color que ayuda a hacer accesibles las WWW (u otros medios gráficos) considerando a personas con Deuteranopia, Protanopia y/o Tritanopia. Muestra como ve un color cada una estas personas. (Accessibility Color Wheel version 1.4 by Giacomo Mazzocato)

• Color Shcemer Online y Color Shcemer Studio. Una herramienta para elegir el color y ver las relaciones entre ellos. La versión Studio descargable es más completa. Es gratuita con algunas limitaciones y molestias que se eliminan comprándola.

• Colour Shcheme Chooser herramienta que muestra paletas de colores según los criterios que apliquemos (análogos, complementarios, monocromáticos, etc). Funciona online.