Práctica-1 gráficos1 1s 2008
De GRF Wiki
Tabla de contenidos |
Enunciado
Pero tenéis que presentar un gráfico en el que se muestre la composición plana, NO una simulación sobre esta imagen.
Práctica 1: Forma y color en un hule estampado
- Evaluación de: contenido módulo M3 + acumulativo M1, M2 y material complementario
- Límite entrega: 2008/04/08
- Conceptos principales: equilibrio compositivo, contraste color, optimización gráficos
- Herramienta a utilizar: Fireworks
- Formato: PNG
- Tamaño imagen: 540x220 píxels
- Resolución: 72 píxels/pulgada
- Tamaño máximo del archivo: máximo 50Kb
- Color: contraste colores contiguos
- Estampado para un hule de mesa
- Composición equilibrada en base a su homogeneidad o a un centro.
- Basada en la repetición de un motivo no figurativo
- Se descartadas barras y quadros
- Todo el grafismo tiene que ser de creación propia
- No se pueden incorporar elementos fotográficos
- Usando un contraste de color de colores contiguos (vecinos o "análogos")
- Usa Fireworks como herramienta de trabajo
- Usa PNG (no Fireworks nativo) como formato de entrega, a 72 píxels/pulgada y con un tamaño máximo de archivo de 50Kb.
- Publica el trabajo en el wiki. Decide la licencia (regulación derechos de uso) con la que lo publicas.
- Publicación: Publicar el trabajo en el GRF wiki usando el formulario correspondiente a la Práctica 1 desde tu página de usuario/a.
- 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 en la que este está enlazado. La comunicación sólo debe hacerse cuando la entrega sea definitiva.
- Preferentemente dirige las dudas al Foro, así todo el mundo se beneficia de las respuestas. Intenta 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 3 de abril.
- La adecuación al encargo y aplicación de los conceptos estudiados (equilibrio compositivo, contraste color, tamaño composición, resolución, memoria a ocupar, formato, etc...)
- Acierto en conseguir una composición equilibrada por su homogeneidad o entorno a un centro
- El acierto en el uso de un contraste de colores contiguos 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
- 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
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 -
- El mundo del color (Typephases Manual de diseño digital)
Imagen digital:
- Material didáctico: Módulo-2 :: Imagen digital
- Material complementario "Formatos gráficos para web"
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.
- Rueda de colores Herramienta de HP que muestra las relaciones entre los colores. Usar la combinación "colores análogos". Clicar el enlace "mostrar colores" para ver la combinación y "RGB-Descargar colores como archivo" para obtener los datos de los colores. La combinación de colores contiguos que da esta rueda es algo extrema, en la práctica puede corregirse con colores más próximos al color de referencia elegido.
- Paleta de colores Colour Scheme Chooser, herramienta que muestra paletas de colores según los criterios que apliquemos (análogos, complementarios, monocromáticos, etc)
- Accesibilidad - Rueda de colores (en inglés) Rueda de color que ayuda a hacer accesibles las WWW (u otros medios gráficos) considerando a personas con Deuteranopia, Protanopia y/o Tritanopia. (Accessibility Color Wheel version 1.2 by Giacomo Mazzocato)
En aplicación de las normas de la universidad, los enunciados de actividades de evalución quedan excluidos de la licencia por defecto del GRF Wiki; son © de sus autores y de la UOC. No pueden ser públicamente reproducidos sin autorización
Trabajos presentados
Si has entregado tu práctica y no sale aquí puede que sea necesario forzar la actualización editando esta plantilla.
PNG, optimización, resolución
Los aspectos relativos a imagen digital en esta práctica se han resuelto con éxito por parte de todos los estudiantes. La optimización para conseguir un fichero de menos de 50Kb sin pérdida de calidad mediante el uso de una imagen indexada ha funcionado bien para este tipo de imágenes mayoritariamente de colores planos o con una gama limitada de colores. Deduzco de lo entregado que las posibilidades del formato PNG para guardar una imagen de cuatro canales (CMYK), de dos canales (RGB) o con una paleta indexada de colores han quedado claras. Y también el hecho que en Fireworks el PNG nativo no es un formato estándar sinó una versión de trabajo y que hay que "exportar" en vez de "guardar" para conseguir un PNG para publicar.
Composición
Tenemos en esta práctica buenos ejemplos de composiciones que no consiguen el equilibrio visual en base al eje vertical (como es habitual) sino en base a la homogeneidad en la distribución de sus elementos en el plano o bien en base a un centro. Hay también algunos casos que se apoyan en la distribución, no entorno a un centro, sino a un eje horitzontal que recorre el mantel.
Hay también quién se ha preocupado de la parte del mantel que "cuelga" de la mesa y ha dado un tratamiento algo diferenciado a la parte que queda en el plano horizontal sobre la mesa y lo que queda en el plano vertical colgando de ella.
En las composiciones equilibradas en base a su homogeneidad hay un problema común en varios casos de los presentados. Es cuando la repetición del motivo llega al límite del mantel. En algunos casos la repetición queda "a sangre"; como se dice en lenguaje de diseñadores e impresores cuando el motivo queda cortado por el límite del papel o soporte. En la mayoría de casos en que esto pasa la composición funciona. Cuando se intenta evitar que el motivo quede cortado el efecto de distribución homogénea se rompe, sobretodo cuando los márgenes de los laterales izquierdo y derecho son distintos a los márgenes inferior y superior.
En las condiciones del encargo se descartaban barras y cuadros. Eso se ha respetado. Aunque muchas composiciones usan como estructura o retícula implícita (que organiza la composición) una malla cuadriculada o una estructura de líneas paralelas. Algo que sí podía hacerse respetando el encargo. En otros casos la distribución de elementos no es tan regular y aún así se consigue el efecto de composición homogénea, propia de los diseños de estampación.
Forma o motivo
El conjunto de los trabajos presentados dibujan un panorama diverso de posibilidades en lo referente al elemento gráfico que se repite para formar la composición. En todos los casos se ha respetado que el motivo no fuera figurativo. Hay una línea más geométrica (mayoritaria) y algunos ejemplos más orgánicos. En la mayoría de casos la repetición se ha basado en la aplicación de transformaciones rígidas (traslaciones, simetrías, rotaciones,...). En algunos casos se han introducido pequeñas excepciones o variaciones en los motivos repetidos.
En algunas composiciones los motivos son excesivamente grandes en relación al conjunto. Los hay que funcionan como fragmento de mantel pero si lo aplicáramos tal cual a un mantel de hule se verían enormes.
Color; contraste de contiguos
El color ha sido quizás una de las principales preocupaciones y también uno de los aspectos más importantes del encargo.
Se tenía que conseguir un contraste de colores contiguos; también llamado de colores "análogos" o "vecinos" porqué en la representación de la rueda de colores están próximos.
El efecto que produce este tipo de contraste es de sincronización armónica entre los colores de la composición. Como a veces se dice de este contraste que "los colores vibren juntos". Son colores que comparten longitudes de onda por lo que la transición de uno a otro es de un contraste suave. Había en el material complementario algunos ejemplos de este tipo de contraste que no sé si todo el mundo tuvo en cuenta.
Hay un tema que ya comenté en el Foro: la rueda de colores no es realmente tal como la pintamos. La "proximidad" entre colores no es homogénea. Lo habéis estudiado en los apuntes con los modelos Lab y otros de la CIE que intentan distribuir el color en función de la percepción visual y que obtienen modelos tridimensionales que no son formas geométricas. Por lo tanto,como dije en el Foro, en función del color elegido teníais que tomar colores más o menos próximos en la rueda. Aquí el uso acrítico de uno de los recursos (la rueda de HP que sitúa los "análogos" siempre a una distancia igual y a una distancia límite) ha llevado a error a algunos. Cuando se elegían colores como el naranja y se tomaban los análogos extremos que daba el programa de HP se obtenía a veces un contraste más próximo al de complementarios-dividido que al de colores contiguos. Esto se agravaba cuando el color que proporcionalmente ocupaba más espacio en la composición no era el central sino uno de los extremos (especialmente cuando este era usado como fondo).
Otro problema ha sido con el uso del blanco, el gris o el negro. También se trató este tema en el Foro y lo corregí para algunas personas que me mandaron bocetos antes de la entrega. Difícilmente tendremos un contraste de colores continguos con la presencia de blanco, negro o gris. Si estos están su papel tiene que ser marginal ya que si su presencia es importante el contraste se convierte en contraste de luminosidad (o claro-oscuro) o de saturación (de calidad en terminología de Itten). Otra deriva hacia un contraste de claro-oscuro se podía dar en contrastes del azul con sus continguos más claros.
Por toda esta serie de problemas de aplicación del contraste no hay muchos trabajos que hayan conseguido relamente un buen contraste de colores contiguos. Quienes lo han conseguido se han movido entre rojos, naranjas, amarillos o entre verdes y amarillos, en su mayor parte.
Hay algunas composiciones sobre las que no sé si me atreviría a comer, pero bueno, hay hules así :-)
Destacados
Destaco y comento algunos trabajos.
Organización de la composición en cuadrícula. Buen contraste de contiguos de amarillo y verdes. El color central es más bien un verde. La composición se corta "a sangre" lo cual funciona, aunque no se corta igual en los dos extremos y parecería lógico que fuera así.
Ejemplo claro de sincronización armónica entre los colores. Aunque al ser azul el contraste con el color más cyan tiene algo de contraste de luminosidad, domina claramente el contraste de contiguos. En parte porqué el cyan se ha corregido oscureciendolo. La repetición regular y los límites "a sangre" consiguen un buen equilibrio basado en la homogeneidad. Los motivos son quizás demasiado grandes en relación al conjunto
Delicada composición que consigue efectos de transparencia gracias al uso del color y un ritmo en la disposición de los elementos que no rompe el equilibrio en base a una composición que se apoya en una estructura reticular. El que el margen izquierdo sea más ancho que el derecho se agudiza por el color más claro; Habŕia estado bien corregirlo. El efecto de contraste de color entre contiguos es bueno. Se consigue por la combinación de verdes y azules; sobretodo porqué se eligen varios tonos dentro de la gama. Cuando se eligen sólo 3 tonos extremos el contraste de contiguos es más difícil de conseguir. El tamaño de los motivos es adecuado en relación al conjunto
Un grafismo potente, de base geométrica pero con un efecto orgánico. En conjunto vemos un contraste de continguos entorno al naranja que es dominante. Aunque el color morado (poco saturado) introduce un elemento de contraste de complementarios con el amarillo. Si desde el naranja llegas al amarillo no pongas morado. Afortunadamente el morado está junto al rojo y el naranja pero no en contacto con al amarillo. Equilibrio visual basado en la repetición regular y la sensación de continuidad.
Diseño "pop setentero" sobre el que no sé si podríamos comer :-). El tamaño del motivo está algo al límite; quizás un tamaño menor sería más adecuado. Buen contraste de contiguos entorno al azul cyan que se consigue gracias a la variedad de colores próximos entre sí que comparten longitudes de onda. Composición con algo de dinamismo pero equilibrada que controla bien los cortes en los límites del soporte.
Claro contraste de continguos a partir de dos colores, rojo y naranja. Estampado que funcionaría bien como hule por el tamaño y distribución del motivo. Para dar la sensación de composición "contínua" igual se tendría que completar algo en los límites, especialmente el izquierdo
