Category Archives for "diseño"

Sep 02

Cuánto sabes de diseño gráfico (IV)

By admin | comunicación , digital , diseño , formación , humor , publicidad , recomendado , tipografía

Hoy publicamos la cuarta entrega del test sobre diseño gráfico. Como verás, el vocabulario de hoy tiene resonancias sobre caza y pesca, contraseñas secretas y hasta ogras gallegas. ¿Empezamos?

1     Gamut es…

a) Un gamo de las tierras de Helmut.
b) Una jugada de ajedrez parecida al gambito.
c) Un gamo declinado.
d) La gama de colores o el rango de color de un dispositivo o un sensor, es decir el conjunto de colores que dicho dispositivo o sensor puede percibir o representar.

2  La expresión “(255, 255, 0)”…

a) Es la contraseña para entrar al último garito de moda clandestino de Nueva York.
b) Se refiere a la parte contratante de la segunda parte, pero con números.
c) Es una expresión sin ningún sentido porque estos triplets sólo admiten números pares.
d) Son los valores que permiten obtener el amarillo en un sistema RGB (Rojo=255; verde=255; azul=0). En otras palabras, el amarillo en RGB se obtiene combinando rojo al máximo con verde al máximo.

3     Apogee es…

a) El momento de máximo reconocimiento profesional del maquetador o el diseñador gráfico.
b) Un barbarismo que no significa nada.
c) Un primo hermano del Apache, muy conocido por sus errores.
d) Un software que incluye un flujo de trabajo completo para impresión.

4     La expresión “(255, 255, 255)”…

a) Es el número del anticristo porque si lo pronuncias al revés con un polvorón en la boca suena fatal y te pones perdido.
b) Permite obtener el color blanco en el sistema RGB.
c) Es una broma destinada a suscitar rimas de contenido sexual.
d) Da como resultado el color negro en el sistema RGB.

5  XMP…

a) Significa Xerocopia Móvil Postcript, un protocolo para la impresión bajo demanda basada en la Xerografía portátil.
b) Son las siglas del juego “piedra papel o tijeras” en el lenguaje abreviado que se usa en los SMS y Whatsapp.
c) Significa Plataforma Extensible de Metadatos y se refiere a archivos que almacenan los cambios aplicados a un archivo en formato RAW.

 

Tiras de colores entrelazadas

Tiras de colores entrelazadas (Fuente: Pixabay)

 

6     RAW significa…

a) La foto cruda, sin editar con Photoshop.
b) Es el negativo de una foto digital que almacena la información de la imagen en distintos canales y permite editarlos.
c)  Red Amber and White, un nuevo modelo de color promovido por diseñadores de la Costa Oeste americana.

7     Un densitómetro mide…

a) La densidad del soporte de impresión.
b) El espesor de la capa de tinta y el tamaño del punto de trama.
c) Lo espeso que está el diseñador gráfico antes de tomarse el primer café.
d) Lo denso que está el café con leche del impresor.

8     CIE XYZ es…

a) El momento de una partida de barquitos que precede al comentario “hundido”.
b) Un modelo de color que representa los colores en tres dimensiones y según un sistema RGB (rojo, verde y azul).
c) Una nueva quiniela online con sede en las islas Cíes.

9     El término HSV se refiere a…

a) Un nuevo banco internacional con sede en las islas Caimán.
b) Las siglas en inglés que se incluyen en las invitaciones formales para indicar que se espera contestación.
c) Un modelo de color muy utilizado por los programadores de software que deriva del RGB y que representa el matiz (Hue), saturación (Saturation) y valor de los colores (Value).

10     UGRA es…

a) Una ogra gallega o portuguesa.
b) Un organismo suizo que se dedica a la estandarización y el control de calidad del ámbito de la impresión.
c) Es el grito de júbilo de alguien con frenillo cuando gana su equipo de fútbol.
d) El acrónimo de la Unión Gráfica Radicalmente Anacrónica.

En breve publicaremos las respuestas. Permanezcan atentos a sus pantallas.

Ago 29

¿A qué huelen las nubes rojas de Buñol?

By admin | comunicación , digital , diseño , formación , foto , humor , publicidad , recomendado

El miércoles pasado, último miércoles de agosto, se celebró la famosa “Tomatina” de Buñol, así que como todos los años por estas fechas desde que en España hay televisión en color, los informativos inundaron nuestras retinas con pulpa de tomate, zumo de tomate y personas amontonadas y pringadas del rojo jugo.

Este año, además, se cumplían 70 años desde el nacimiento de la fiesta, razón que hizo que Google tomara esta festiva y colorista batalla campal como tema para su doodle del día y que incluso desplazara allí uno de sus famosos vehículos Street View para grabar el recorrido antes y después del evento. Así que el miércoles cuando en medio de mis lecturas sobre colores, matices y pigmentos vi la imagen del buscador, además de reirme un rato, me quedé intrigada pensando qué código de color habrían empleado los diseñadores de Google para replicar ese festival de rojos sobre diversas superficies en una animación apta para web.

Doodle de Google dedicado a la Tomatina

Imagen de una escena del doodle de Google dedicado a la Tomatina

[Puedes ver la animación de La tomatina realizada por Nate Swinehart aquí, además del diseño y el storyboard completo].

Esa misma tarde, en una web  sobre colores y códigos de color que estaba consultando para documentar los artículos de esta serie (Cosas curiosas del color I y Cosas curiosas del color II) encontré un apartado dedicado precisamente al color “tomate”. Decía lo siguiente:

 

Códigos de color para tono tomate

 

Al leer aquella información me asaltaron las dudas: ¿Estaría en lo cierto la web? ¿Sería alguno de esos códigos el código “secreto” del tomate puro empleado en la Tomatina de Buñol? ¿por qué había dos códigos? ¡Cuántas preguntas!

La cosa quedó ahí (tras varias respiraciones profundas mi curiosidad acuciante se aplacó) y yo seguí con mis lecturas sobre colores y pigmentos. Pero hoy he aprovechado un rato libre para investigar qué colores se han empleado en la animación.

Empieza la investigación

El día 26 de agosto hice tres capturas de pantalla de la animación y las guardé en JPG, pero sólo he realizado mediciones en la imagen número 1. Para los muestreos de color he usado el cuentagotas de Photoshop en modo “promedio de 3×3”. Como es evidente que la animación utiliza más de un tono rojo he elegido seis tipos de tono como muestra de la amplia gama que hay. Los 6 puntos que he medido son:

  1. La G de Google (rasgo horizontal, en concreto).
  2. El agujero de la 1ª O.
  3. La mancha de tomate sobre el brazo izquierdo del individuo de la izquierda (es su brazo derecho, pero queda a nuestra izquierda).
  4. La mancha sobre el envoltorio del jamón del chico que está en el “palo jabón” de la derecha.
  5. La mancha sobre la pared a la derecha (la que está más abajo de las dos).
  6. El tomate “volador” (ese proyectil en forma de jabalina que aparece hacia el centro de la foto).

 

Animación de Google de la Tomatina

 

Por cada tono analizado, Photoshop proporciona información de su código hexadecimal y de 4 espacios de color: HSB (matiz, saturación y brillo), RGB (rojo, verde y azul, el modo de color-luz de las pantallas); sistema Lab (que trata de reproducir la forma en que percibimos los colores) y el sistema CMYK (el que se utiliza para imprimir en cuatricromía).

Como los tonos que investigaba eran de una animación web, activé la casilla “Solo colores web”. La tabla siguiente recoge todos los valores que mostró Photoshop para los seis puntos de color muestreados:

 

Datos RGB tonos tomatina

Estos datos permiten analizar muchos aspectos interesantes sobre las formas de medir y expresar los colores de cada espacio de color. Sin embargo, yo he optado por centrarme en la relación entre lo que percibe un ojo “inocente” a nivel intuitivo en términos de claridad-oscuridad e intensidad y los parámetros que arroja Photoshop.

En las siguientes líneas describiré brevemente los 6 principales tonos de rojo que se ven en la imagen y después trataré de descubrir cómo se han creado, en la línea de lo que hacen en el programa“How it’s made?” de Discovery Channel. Se ha escrito un crimen, digo un misterio. Empecemos con la inspección ocular.

Paso 1: Observación

Lo que parece evidente observando la imagen a simple vista es:

a) El rojo más oscuro es el del agujero de la primera “o” (2).

b) El rojo más claro es el de la mancha de la pared (5).

c) La sensación general a nivel cromático de la G (1) es de un rojo muy intenso.

d) La mancha del brazo parece un naranja intenso o un color butano (3).

e) El tomate “volador” (6) tiene distintos tonos y está poco definido como figura porque se trata de un objeto en movimiento (es una captura de una escena de la animación original).

f) La mancha de tomate sobre el saco marrón (4) del jamón parece tener un tono marrón más oscuro que el saco.

Paso 2: Sensaciones frente a valores de Photoshop

Al contrastar mis sensaciones a simple vista con los valores que muestra Photoshop en el apartado RGB observo lo siguiente:

a) Me sorprende ver que para conseguir el tono oscuro del agujero de la “o” se haya usado un valor intermedio de rojo, nada de verde y nada de azul (R: 153; G: 0; B: 0).

b) La mancha de la pared que yo percibía como un tono muy claro, una especie de naranja-beige, resulta que tiene el máximo valor de rojo (255).

c) Me sorprende observar que la G que yo percibo como de un rojo muy intenso no tiene el valor máximo de rojo.

d) Me sorprende descubrir que la mancha del brazo que yo veía como naranja-butano tiene el máximo de rojo (255).

e) En el caso del tomate volador, a simple vista se diferenciaban tres áreas, una blanquecina, una roja y una roja en sombra y yo para el muestreo elegí la zona central roja. Resulta chocante ver que en ese rojo medio medido haya hasta 51 unidades de verde.

f) Me sorprende ver que el marrón oscuro de la mancha del saco del jamón se ha conseguido sólo con rojo, concretamente con 102, porque esperaba que tuviera también un poco de verde y de azul.

Paso 3: Entender lo que ocurre

Una vez visto esto, reviso detenidamente los valores y las imágenes e intento entender por qué los números obtienen estos efectos “antiintuitivos”. Las explicaciones que encuentro son estas:

  • Los valores más altos de rojo los presentan la mancha de la pared y el brazo, pero ambos puntos compensan estos valores con su composición en azules y verdes. En concreto, el tono de la pared tiende al ocre-beige porque tiene mucho verde (153) y bastante azul (102), mientras que la mancha del brazo parece más naranja que roja porque contiene mucho verde (102) y bastante azul (51).
  • La G tiene menos cantidad de rojo que la pared y el brazo (204 frente a 255), pero crea la sensación de un rojo intenso porque carece de completamente de azul y de verde y también por el contraste con el verde del camión.
  • La mancha del saco del jamón que yo veo como marrón está formada por un 102 de rojo, 0 de verde y 0 de azul, porque tal y como define Photoshop el rojo al 102 corresponde a lo que yo percibo como marrón.

 

 

Ago 28

Cosas curiosas sobre el color (II)

By admin | comunicación , digital , diseño , formación , humor , psicología , publicidad , recomendado , sociedad , tipografía

Hoy abordamos la segunda segunda entrega de curiosidades sobre los colores (primera entrega aquí) y aprenderemos sobre el misterio del “blanco roto”, sobre los poderes “anticacos” de los coches amarillos, la razón de que los dólares sean verdes y muchas otras cosas.

 

1 Los 22 tonos de blanco de los esquimales y el misterioso caso del “blanco roto”

Este apartado lo podríamos llamar “Veintidós sombras del blanco de los inuit” sin riesgo de que nos llamaseis verdes o amarillos, por aquello de las cincuenta sombras del señor Gris… Los colores tienen que ver con nuestra capacidad para prestar atención a las cosas y con nuestros intereses y necesidades. De hecho, se ha descubierto que el no prestar atención a algo en concreto puede hacer que ese algo termine resultándonos invisible. Se ha observado también que aquellas cosas a las que prestamos mucha atención suelen resultarnos más visibles y ricas en matices y así los esquimales tienen 22 palabras para referirse a distintos tonos de blanco.

Unos tanto y otros tan poco. Un ejemplo claro de colores que se vuelven invisibles por falta de interés sería la típica situación en la que un hombre medio está convencido de que su mujer habla en chino (o en esquimal 🙂 cuando menciona algo llamado “blanco roto” o cuando pronuncia la combinación de palabras “verde lima”. La extrañeza del hombre medio de este ejemplo obedece en parte a razones fisiológicas (su visión es fisiológicamente menos sensible a las variaciones de color por tener menos receptores en los ojos), pero también deriva de que aprender a distinguir esos tonos no le ha aportado un bien significativo hasta ese momento y por tanto no ha tenido aliciente para aprender a distinguirlos. Si el hombre en cuestión trabajase como diseñador o estilista a buen seguro esos matices de color se habrían vuelto relevantes para él y sería perfectamente capaz de distinguirlos e incluso de aconsejar a su mujer.

 

2 El amarillo trae mala buena suerte

¿Es cierto que el amarillo trae mala suerte? Según a quién le preguntes. Si le preguntas a alguien del mundo del teatro y con cierto grado de superstición te dirá que sí, porque se cree que Molière murió con un traje de este color mientras representaba “El enfermo imaginario”. Pero si le preguntas a los dueños de coches de color amarillo de Estados Unidos te dirán que el color trae buena suerte, ya que según un estudio mencionado por “USA Today” los coches amarillos son menos propensos a los robos. Las razones señaladas por los expertos es que el color amarillo hace que destaquen mucho del resto de coches de tonos oscuros, con lo que resultan más difíciles de robar y de ocultar a la policía y también suelen alcanzar precios más bajos a la hora de revenderlos. Aquí tienes un resumen de la noticia en español; aquí, el artículo original en inglés.

 

3 Colores e interacción

Colores complementarios -rojo y verde, azul y naranja, violeta y amarillo- son aquellos colores cuya yuxtaposición produce un efecto de contraste. El rojo parece más vívido cuando aparece sobre un fondo verde y lo mismo ocurre con el blanco sobre fondo negro.

 

Lámparas LED de color cambiante en un establecimiento

Lámparas LED de color cambiante en una tienda especializada

4 Color y sensación de peso
El color modifica el peso aparente de los objetos. Diferentes experimentos demostraron que si se mostraban ocho objetos del mismo peso el de color negro siempre parecía más pesado. A continuación, y en orden decreciente, irían el rojo, el gris, el morado, el azul, el verde, el amarillo y el blanco. También se demostró que los colores oscuros (que tienen mayor proporción de negro) parecen ser más pesados, mientras que los colores claros, con mayores cantidades de blanco, parecen ser más ligeros.

 

5 Cuatro bodas y un funeral: Colores y simbología internacional

Nuestra relación con los colores tiene que ver con cuestiones fisiológico-perceptivas y también con factores culturales. Así, por ejemplo, en Occidente el color del luto es el negro, mientras que en China y Japón el color que se asocia con el luto es el blanco.

En Occidente las novias se suelen casar vestidas de blanco, pero esta costumbre es relativamente reciente. Fue instaurada por la Reina Victoria de Inglaterra en 1840. Antes de esa fecha, las novias vestían de cualquier color menos negro o rojo. El rojo tiene muy buena prensa en Rusia. De hecho, la palabra “rojo” en ruso significa “bonito”.

 

6 Colores y estado de ánimo

Leonardo Da Vinci aseguraba que la capacidad de meditación aumentaba 10 veces cuando la persona se exponía a la luz violeta. Quizás por eso se recomienda este color en las bibliotecas y en áreas de estudio.

 

7 El color del dinero

Una de las razones por la que todos los billetes de Estados Unidos son verdes es que en 1850 descubrieron que este tono era el más resistente a los disolventes y el que les presentaba mayores dificultades a los falsificadores. Además de este motivo, la antigua secretaria del Tesoro Mary Ellen Withrow señaló en una entrevista para la revista New Yorker que el verde de los dólares simboliza fertilidad y crecimiento.

Ago 26

¿Cuánto sabes de diseño gráfico? (III): Soluciones

By admin | comunicación , digital , diseño , formación , humor , libros , publicidad , recomendado , tipografía

¿Qué tal se te dio la tercera entrega del test de diseño gráfico y preimpresión? Espero que te entretuvieras y/o que te resultara interesante. Aquí van las respuestas.

1     Una línea corta es…

b)      Una línea que ocupa menos espacio que el blanco de sangría.

2     La sangría negativa…

b)      O sangría francesa, es aquella en la que la primera línea no está sangrada, mientras que el resto de líneas sí.

3     La sangría ordinaria…

a)      Tiene la primera línea sangrada y el resto no. Es la más común.

4     RIP…

a)   Raster Image Processor (procesador intérprete de imágenes) es un dispositivo que procesa los datos del PostScript y los convierte en puntos de impresión.

5     Tramar significa…

c)   Descomponer una imagen en puntos de distinto tamaño para dar sensación de tono.

La gestión del color puede traer de cabeza a los diseñadores gráficos

La gestión del color puede traer de cabeza a los diseñadores gráficos

6    La trama AM…

d)   Es un tipo de trama empleado por dispositivos de impresión que también recibe el nombre de amplitud modulada y en el que los puntos son más grandes en las zonas oscuras.

7    La expresión “rendering intent”…

c)     Significa “propósito de conversión” y es una variable que intenta simular cómo quedaría el color al pasar de un espacio de color a otro.

8     Página maestra…

c)    Es una página maqueta no imprimible que se emplea para maquetar automáticamente las páginas de un documento.

9    La expresión “(255, 0, 255)”…

b)       Le indica al programa que debe aplicar 255 de rojo, 0 de verde y 255 de azul. El resultado será el color magenta.

10     El modelo CIE…

b)   Es un modelo que describe el color de forma análoga a como lo percibe el ojo humano, en RGB y representando el color en tres dimensiones.

 

 

Ago 25

¿Cuánto sabes de diseño gráfico? (III)

By admin | comunicación , digital , diseño , formación , humor , publicidad , recomendado , tipografía

Proseguimos con nuestro repaso humorístico-didáctico a cuestiones de diseño gráfico y preimpresión que empezamos hace unos días. A continuación, la tercera entrega.

1     Una línea corta es…

a)      Una línea que no alcanza el coeficiente intelectual del resto.

b)      Una línea que ocupa menos espacio que el blanco de sangría.

c)       Una línea que se alterna con líneas largas para dar variedad visual a la maqueta.

 

2     La sangría negativa…

a)      Es una sangría que empieza con el signo menos (-).

b)      O sangría francesa, es aquella en la que la primera línea no está sangrada, mientras que el resto de líneas sí.

c)       No tiene nada que ver con los franceses, ellos siempre “positifos”, nunca “negatifos”, pas du tout, rien de rien…

 

3     La sangría ordinaria…

a)      Tiene la primera línea sangrada y el resto no. Es la más común.

b)      Qué ordinariez tanto hablar de sangres y sangrías…

c)       Es la que llevan los textos de las páginas web más comunes.

 

4     RIP…

a)   Raster Image Processor (procesador intérprete de imágenes) es un dispositivo que procesa los datos del PostScript y los convierte en puntos de impresión.

b)   Descanse en paz este pobre maquetador que tanta paciencia ha demostrado con los cambios solicitados por el cliente.

c)   Revisión Imparcial del Producto gráfico.

 

5     Tramar significa…

a)   Trazar las líneas-guía de un documento que estamos maquetando.

b)   Hacer cosas malas en un rincón oscuro junto con otros compinches a altas horas de la madrugada.

c)   Descomponer una imagen en puntos de distinto tamaño para dar sensación de tono.

 

Gestión del color fotográfico

Gestión del color fotográfico

6    La trama AM…

a)   Es una trama delictiva que sólo actúa por la mañana (ante meridiam).

b)   Es una trama de color que sólo se puede ver con luz natural mañanera.

c)   Es el tipo de trama personalizada con la que se imprime el periódico AM de Londres.

d)   Es un tipo de trama empleado por dispositivos de impresión que también recibe el nombre de amplitud modulada y en el que los puntos son más grandes en las zonas oscuras.

 

7     La expresión “rendering intent”…

a)    Significa “yo quería rendirme pero no sabía”.

b)    Quiere decir “yo sabía rendirme pero no quería”.

c)     Significa “propósito de conversión” y es una variable que intenta simular cómo quedaría el color al pasar de un espacio de color a otro.

 

8     Página maestra…

a)    Es la que contiene la distribución perfecta de blancos, texto e imágenes, con sus puntos áureos y todo.

b)    Es la página que diseñó el primer maquetista de la empresa con tipógrafo y cartabón en los años 70 y que nadie se atreve a tocar.

c)    Es una página maqueta no imprimible que se emplea para maquetar automáticamente las páginas de un documento.

d)    Es un término irónico para referirse a maquetas especialmente mal diseñadas.

 

9    La expresión “(255, 0, 255)”…

a)       Es un nuevo ritmo ternario muy frecuente en hiphop.

b)       Le indica al programa que debe aplicar 255 de rojo, 0 de verde y 255 de azul. El resultado será el color magenta.

c)       Es una combinación de colores en RGB que producirá el color gris.

 

10     El modelo CIE…

a)   Es un modelo muy apreciado en las islas gallegas.

b)   Es un modelo que describe el color de forma análoga a como lo percibe el ojo humano, en RGB y representando el color en tres dimensiones.

c)   Es un modelo cromático promovido por el laboratorio del CIEMAT.

 

En breve publicaremos las soluciones. Permanezcan atentos a sus pantallas.

 

Ago 24

Cosas curiosas sobre el color (I)

By admin | comunicación , diseño , francés , Idiomas , publicidad , recomendado , sociedad , tipografía

Seguimos inmersos en el mundo del diseño, pero hoy vamos a hablar del color, aspecto fundamental de las artes gráficas y plásticas, así como de la publicidad y la decoración.

A continuación recojo siete curiosidades sobre el color que quizá no sepas.

1 Colores agradables y desagradables

Algunos colores muestran una clara tendencia a producir agrado o desagrado. En una investigación internacional en la que se entrevistó a 21.000 personas, los colores favoritos resultaron ser: 1º azul; 2º rojo; 3º verde; 4º morado; 5º naranja; 6º amarillo. El azul es el color favorito del 46% de los hombres y el 44% de las mujeres. También es el color menos odiado, ya que sólo un 1% de los hombres y el 2% de las mujeres lo eligen como el que menos le gusta. Este tono está muy presente en la ropa y la decoración, pero brilla por su ausencia en el área de la comida, salvo en el caso de algunas bebidas isotónicas (y es que en el mundo natural hay pocos o ningún alimento de color azul). Donde sí está muy presente el azul es en la publicidad, donde se utiliza para los productos de limpieza por su connotación de limpieza y pureza. El azul es un color común junto con el verde para los hospitales, porque se cree que tranquiliza.

 

2 Colores fríos y cálidos

El azul pertenece a lo que llamamos colores fríos. Tendemos a percibir como alejados los colores fríos y como cercanos los colores cálidos como el rojo. Por ejemplo, si tuviéramos un cuadrado azul y a su lado uno rojo, el de color rojo nos daría la sensación de estar en primer plano y el azul nos parecerá que está más lejos. Esto se debe a que estamos acostumbrados a que cuando observamos el horizonte lo que se encuentra más cerca de nosotros tenga un color más brillante e intenso mientras que lo que está lejos aparece envuelto por una especie de bruma azulada, por efecto de las capas de aire que hay entre lo que observamos y nosotros.

Los colores sugieren grados de temperatura. El amarillo, el naranja y el rojo, que son estimulantes, dinámicos y excitantes, son colores cálidos. Ejercen un efecto sobre el sistema simpático y sobre la actividad de las glándulas. La tensión arterial aumenta y se incrementa el ritmo cardíaco y la respiración.

 

3 Paradojas
La caja negra de un avión no es negra, sino de color anaranjado. El término “negra” se aplica porque es una máquina opaca, un tipo de máquina que no permite saber desde fuera lo que ocurre en su interior.

 

Macrofotografía de lápices de color rojo verde y azul

Foto macro de lápices de color rojo verde y azul

 

4 Colores y sexo

Las mujeres presentan mayor sensibilidad a los colores rosados, rojos y amarillos, mientras que los hombres son más sensibles a los colores de la gama azul-verde. [“Percepción visual del rango de color: diferencias entre género y edad”]

 

5 Colores y percepción

En circunstancias normales, los colores cálidos atraen mucho más al ojo y son vistos desde distancias mayores que los colores fríos. El amarillo es el que se ve mejor. En orden decreciente le siguen el naranja, el verde, el azul, el rojo y el violeta. Dado que en la gama de los azules el ojo tiene poca sensibilidad (especialmente una vez cumplidos los treinta), algunos textos de diseño de software desaconsejan elegir el color azul para zonas de detalle fino o que requieran gran atención del usuario (cursores).

A partir de los 30 años empezamos a distinguir peor los colores de la gama de los azules por efecto del oscurecimiento de la córnea y el cristalino. Una vez cumplida esa edad nos resulta difícil distinguir entre los colores con una componente azul como azul y gris, o rojo y púrpura y se ven mejor las radiaciones de longitud de onda más larga, de tonos rojos y amarillos.

 

6 Colores y simbología

La atribución de significados y valores a los colores tiene a veces una base fisiológico-perceptiva pero también mucha influencia cultural e histórica.

En Japón, las películas eróticas se denominan “películas rosas”. En España, la «prensa rosa» se refiere a programas y publicaciones que cuentan la vida privada de los famosos y se llama chiste verde a un chiste con contenido sexual. Entre los musulmanes, sin embargo el verde es un color sagrado.

 

7 Bandera francesa

Los colores que aparecen con mayor frecuencia en las banderas nacionales son el rojo y el azul y la bandera gala es un buen ejemplo de ello. Veamos una curiosidad de esta insignia. La bandera oficial francesa (drapeau), diseñada por el pintor francés Jacques-Louis David, establece el mismo tamaño para las franjas azul, blanca y roja, es decir, un 33% a cada una. Pero en el caso de la bandera de los barcos que se conoce como pabellón (pavillon), por cuestiones ópticas, en el siglo XIX se decidió hacer más estrecho el azul y más ancho el rojo (30:33:37) para que cuando la bandera sea batida por el viento los colores se perciban como del mismo tamaño.

Otra curiosidad de esta bandera es que inicialmente tenía el orden inverso. La insignia francesa adoptada por la Asamblea Constituyente en 1790 era roja, blanca y azul (inversa al orden actual) y aparecía rodeada por un marco azul y rojo. La bandera actual es la que adoptó la Convención en 1794.

Banderas francesas

[Fuente de la información y de la imagen: Wikipedia  ]
Ago 21

¿Cuánto sabes de diseño gráfico? (II): Soluciones

By admin | comunicación , digital , diseño , formación , humor , publicidad , recomendado , tipografía

¿Cómo te fue con la segunda entrega del test de diseño gráfico y maquetación? Aquí van las respuestas.

 

1 Los artefactos son…

c)       Mosaicos de 8 x 8 píxeles que aparecen al comprimir demasiado un archivo JPEG.

 

2 Kerning y tracking…

c)       Son respectivamente el “alcalde” y el “presidente” de la comunidad. Concretamente, el kerning es el espacio entre pares de caracteres concretos, mientras que el tracking consiste en el grado de expansión o compresión de un bloque de texto.

 

3 La profundidad de color es…

b)      La cantidad de colores que pueden representar los píxeles de una imagen.

 

4 Ráster es…

b)      Un conjunto de datos distribuidos en filas y columnas (en el caso de las imágenes, los datos son sobre brillo, color y los elementos se llaman píxeles).

 

5 El término “posterización”…

b)      Se refiere a los saltos tonales por la falta de valores para representar una gama determinada. Sucede cuando el número de tonos es menor de 8 bits por canal. La foto siguiente ilustra la posterización.

 

Esta imagen es un ejemplo de un concepto del test

Esta imagen es un ejemplo de posterización y además está girada (el rótulo información va sobre un poste vertical)

6 El color indexado es…

c)       Un sistema o modo que reduce los colores de un documento a los que aparecen en la paleta Index Color Mode.

 

7 El término “resolución nativa” se refiere a…

d)      La resolución original del archivo, que no ha sido modificada en el proceso de edición.

 

8 GPU…

b)      Significa Graphic Processing Unit, o tarjeta gráfica.

 

9 La resolución interpolada es…

b)      La resolución modificada digitalmente mediante interpolación de píxeles.

 

10 Los objetos inteligentes…

c)       Son un tipo de elementos en Photoshop que actúan como “contenedores” de fotos y permiten aplicar efectos a las capas  y editarlos en cualquier momento sin pérdida de información.

 

 

 

Ago 20

¿Cuánto sabes de diseño gráfico? (II)

By admin | comunicación , digital , diseño , formación , publicidad , recomendado , tipografía

Aquí va la segunda entrega de nuestro test sobre diseño gráfico y preimpresión. ¿Empezamos?

1 Los artefactos son…

a)      Esos cacharros que te regalan al abrir una cuenta en un banco y que no sabes dónde poner.

b)      Lo que te hace tu hijo de seis años por el día del padre o de la madre.

c)       Mosaicos de 8 x 8 píxeles que aparecen al comprimir demasiado un archivo JPEG.

d)      Un eufemismo para referirse a petardos gigantescos comprados en oscuros callejones.

 

2 Kerning y tracking…

a)      Son como Zipi y Zape, hermanos casi idénticos pero con color de pelo diferente.

b)      Son como Hernández y Fernández, diferentes en teoría pero tirando a indistinguibles.

c)       Son respectivamente el “alcalde” y el “presidente” de la comunidad. Concretamente, el kerning es el espacio entre pares de caracteres concretos, mientras que el tracking consiste en el grado de expansión o compresión de un bloque de texto.

 

3 La profundidad de color es…

a)      Una contradicción en los términos, porque ya se sabe que las películas profundas de directores suecos suelen ser más bien en blanco y negro o en gama de grises…

b)      La cantidad de colores que pueden representar los píxeles de una imagen.

c)       Lo opuesto a la calidez de un color.

 

4 Ráster es…

a)      Un póster en dibujo vectorial.

b)      Un conjunto de datos distribuidos en filas y columnas (en el caso de las imágenes, los datos son sobre brillo, color y los elementos se llaman píxeles).

c)       Es una parte de la expresión coloquial “la cagaste, bur(t)lan…”.

 

5 El término “posterización”…

a)      Significa posponer un proceso.

b)      Se refiere a los saltos tonales por la falta de valores para representar una gama determinada. Sucede cuando el número de tonos es menor de 8 bits por canal.

c)       Consiste en ampliar una foto a tamaño póster.

d)      Se refiere a cualquier actividad de postproducción gráfica.

 

Esta imagen es un ejemplo de un concepto del test

Esta imagen tiene dos “misterios” o curiosidades asociadas. ¿Adivinas cuáles?

6 El color indexado es…

a)      Cada uno de los colores que integran la paleta de colores del libro de estilo corporativo de una empresa.

b)      El que aparece en el índice de una pantonera.

c)       Un sistema o modo que reduce los colores de un documento a los que aparecen en la paleta Index Color Mode.

d)      Cada uno de los colores que no se pueden utilizar en un proyecto según el libro de estilo de un cliente.

 

7 El término “resolución nativa” se refiere a…

a)      La resolución propia de una foto realizada con cámara lomográfica o estenopeica.

b)      La resolución de las fotos tomadas con cualquier cámara de fotos analógica.

c)       La resolución que refleja las características del país donde se tomó la foto.

d)      La resolución original del archivo, que no ha sido modificada en el proceso de edición.

 

8 GPU…

a)      Se refiere al Gran Premio Ulterior, una gymkana fotográfica que otorga una copa al fotógrafo que llegue el último y entregue la peor foto.

b)      Significa Graphic Processing Unit, o tarjeta gráfica.

c)       Son las siglas del Grupo Popular Unificado, una asociación de diseñadores que apuesta por usar únicamente software libre para la edición de fotos.

 

9 La resolución interpolada es…

a)      La resolución de un archivo tomado en la zona ecuatorial, es decir, entre los Polos.

b)      La resolución modificada digitalmente mediante interpolación de píxeles.

c)      La resolución estimada por el dispositivo cuando no se conoce la sensibilidad real de la película empleada.

 

10 Los objetos inteligentes…

a)      Son elementos de Photoshop que van por libre, como hijos adolescentes.

b)      Son instancias de Photoshop que se creen muy listas.

c)       Son un tipo de elementos en Photoshop que actúan como “contenedores” de fotos y permiten aplicar efectos a las capas  y editarlos en cualquier momento sin pérdida de información.

 

En breve publicaremos las soluciones. Permanezcan atentos a sus pantallas.

Ago 19

Consejos para aprender Photoshop (I)

By admin | comunicación , digital , diseño , formación , foto

En Cómo aprender Photoshop y no morir en el intento hablábamos de las dificultades que presentan el aprendizaje y la enseñanza de Photoshop por sus características y su complejidad. A continuación recojo algunos consejos que nos pueden ayudar a la hora de introducirnos o internarnos a fondo en Photoshop. El experto en diseño gráfico Richard Lynch, por ejemplo, aconseja lo siguiente:

“Una de las razones por la que los usuarios piensan que Photoshop es un programa tan abrumador es porque intentan aprender demasiado, incluso todo, de una sola vez. Para la mayoría de la gente es mejor aprender una herramienta cada vez. Si hay herramientas en la lista que le ofrecemos con las que no está familiarizado, anótelas y dese la oportunidad de explorarlas UNA AL DÍA, durante media hora. Lea la información sobre estas herramientas que encontrará en la Ayuda de Photoshop y después abra una imagen y explore la herramienta aplicándola. No busque tanto resultados expertos como la oportunidad de aprender cómo se comporta la herramienta. Esta experiencia le hará dar un gran paso hacia la incorporación de dicha herramienta a su flujo de trabajo. Con quince o veinte minutos al día durante un mes cubrirá toda la lista, pero hay muchas opciones de que esté familiarizado con muchas de ellas ya si está leyendo este libro”. (“Utilización de las capas en Photoshop”, pág 57; Anaya Multimedia; Madrid, 2008; las negritas y las mayúsculas son mías).
Lynch considera esenciales los siguientes 35 elementos de Photoshop (entre herramientas, comandos, funciones y filtros):

Comandos básicos Photoshop

Adaptado a partir de Lynch, R. “Utilización de las capas de Photoshop” pp. 51-57.

Richard Lynch es experto en fotografía y diseño gráfico y fundador de la plataforma de cursos online de Betterphoto.

Ago 18

Cuánto sabes de diseño gráfico (I): Soluciones

By admin | comunicación , digital , diseño , humor , recomendado , tipografía

¿Qué tal te fue con las diez preguntas de ayer? Aquí van las soluciones a la primera entrega sobre diseño gráfico y preimpresión.

1 El preflight…

b)      También llamado prechequeo o prevuelo, consiste en la revisión de los originales maquetados antes de imprimir.

 

2 OPI…

c)       Significa Open Prepress Interface y es un protocolo de flujo de trabajo que permite diseñar páginas con imágenes en baja resolución y sustituirlas por imágenes en alta a la hora de imprimir.

 

3 El bokeh…

b)      Es una imagen en la que solo aparece enfocado el elemento principal mientras que el resto aparece totalmente desenfocado o en forma de superficies luminosas poco definidas. (Ver foto de hojas de un árbol más abajo). Viene del término japonés “boke”, que significa niebla o falta de definición. Photoshop permite crear falsos bokeh mediante filtros de desenfoque de campo.

 

4 FTP…

c)       Es el acrónimo de File Transfer Protocol (protocolo de transferencia de archivos) y se refiere a un tipo de servidores que se emplean para intercambiar archivos pesados.

 

5 ICC

b)      Son las siglas para referirse a los perfiles de color promovidos por el Consorcio Internacional del Color.

 

Hojas con efecto bokeh

Hojas con efecto bokeh

6 PDF/X

b)      Es una versión de PDF muy usada en el mundo de la impresión.

 

7 VPN

a)      Significa Virtual Private Network, redes virtuales privadas.

 

8 TIFF

b)      Es un tipo de archivo gráfico de buena resolución que contiene una especie de fotografía de lo que se va a imprimir.

 

9 WYSIWYG significa…

c)       Lo que ves es lo que obtienes, es decir, la apariencia final del elemento será la misma que ves durante el proceso de su edición.

 

10 PostScript es…

c)       Un lenguaje vectorial de descripción de páginas que permite describir en un solo fichero los distintos elementos de un documento (imágenes, textos, gráficos) para su filmación o su impresión directa en impresión digital.