Bokeh: qué es y para qué sirve

Hoy voy a hablaros de un desenfoque especial llamado Bokeh en fotográfia y que produce un efecto muy bonito en determinadas imágenes. También cómo podemos emular dicho efecto desde software. Así que lo primero será explicar qué es y en Wikipedia encuentro:

Bokeh, pronunciado 'boqué', es un concepto japonés (ぼけ boke) que significa desenfoque. En fotografía se utiliza este concepto para referirse a la calidad subjetiva de un objetivo por la estética de las zonas desenfocadas que produce en una fotografía.

Se trata por tanto no de la cantidad de desenfoque que un objetivo produce, sino de cómo es. Para la fotografía de determinados motivos, es interesante que el fondo quede desenfocado para evitar distracciones al observar la fotografía y resaltar de este modo el motivo. Mientras que unos objetivos muestran los objetos desenfocados como manchas circulares, otros lo hacen en otras formas, colores y contrastes. Estas formas como manchas suaves de color que toman los objetos desenfocados es lo que caracteriza el bokeh de un objetivo.

Fin de semana

- Come más carne -

Iconos sólamente con CSS3

CSS es una herramienta potentísima en las manos adecuadas, y prueba de ello son los veintisiete logotipos que quedan tras el salto, ya que han sido creados íntegramente con CSS3.

Por impresionante que parezca no hay ningún uso de imágenes o técnicas extrañas para lograr los logos que os dejo tras el salto, todo son líneas de código CSS3 (usa Firefox o Safari para verlos mejor, pero no las imágenes jpg sino desde código)). Aunque todo hay que decirlo, algunos difieren un poco de su logotipo real, pero son fallos perdonables por las limitaciones de la técnica y humanas.

Fuente 1stwd

Cojines con poca tinta

Durante la carrera o en el instituto, lo que más temíamos antes de la entrega de un proyecto era que la tinta se empezara a acabar y dejara esos degradados tan característicos en mitad de un dibujo o una imagen, no tanto por tener que repetir esa lámina, sino porque había que ir a comprar tinta, y el tiempo no es algo que suela sobrar a horas de la fecha límite de entrega. Y además, dónde compras un cartucho de tinta de madrugada (cosas de dejarlo todo a última hora).

A Thomas Dabner le habrá sucedido en más de una ocasión y ha decidido diseñar estos cojines con poca tinta, para que cada vez que los veamos recordemos esa sensación de frustración y no se le olvide comprar recambios.

Están disponibles en los tres colores de tinta (cian, magenta, amarillo y negro) e incluso tienen un pequeño detalle en forma de la típica hoja de prueba que realizan las impresoras cuando cambiamos el cartucho. Dependiendo del tamaño cuestan entre 20 y 25 euros cada uno. Un poco caros, pero ideales para el sofá de la oficina o el despacho.

Otro artilugio más que añadir a la lista de compra de todo diseñador, por aquello de querer ser diferentes y al final acabamos siendo iguales. ¡Viva la igualdad!

8 maneras de fastidiar a un diseñador gráfico

Siguiendo la entrada de ayer sobre las discusiones Cliente-Diseñador-Cliente continúo hoy con un post que apareció el pasado año por ParafernaliaKitch y que hoy lo dejo por aquí. Nos cuenta 8 maneras de fastidiar a un diseñador gráfico por parte del cliente, aunque existen muchas más. Igual si todos tubiéramos buenos comerciales que hicieran de filtro no nos pasarían estas cosas (y sería 8 maneras de fastidiar a un comercial gráfico).

1. Microsoft Office:

Cuando tengas que enviar un documento a un diseñador gráfico, asegúrate que lo envíes desde un Office de Microsoft. La versión de PC si es posible. Si tienes que enviar una imagen, lo que debes hacer, en vez de enviarlo en jpg, es colocarlo en un Word o Powerpoint. No te olvides de bajar la resolución a 72 dpi, así tendrá que llamarte de nuevo por una versión de mejor calidad. Si lo estás enviando por email, olvida adjuntar la imagen de vez en cuando.

En mi caso personal, he llegado a ver cartelería en Din-A0 hecha con Powerpoint... pero también he visto logos con Autocad. En la viña del señor...

Nom Nom Nom: Camiseta diaria

RipTapparel (o RipTee, de camiseta en inglés) es una tienda online de camisetas efímeras y diarias: cada día disponen de un modelo nuevo y sólo disponible para su compra en esas 24 horas. Una vez acabado, hay una nueva y la anterior desaparece para siempre.

La de hoy jueves 26 es Nom Nom Nom, un gráfico Pacman realizado por Kuwahara. por 10 dólares es tuya (¡menos de 8 pavos!).

Diseñador versus Cliente

Cliente -> Diseñador

• Te he contratado para vender más, no para que me enseñes el último efecto que has aprendido a hacer. Cíñete a mis necesidades.


• Sí, quiero usar la tipografía corporativa de mi empresa. Si a ti no te gusta, habla con el diseñador que hizo la identidad y lo discutís.


• Me da igual que el logo de mi empresa “rompa la armonía del diseño”, quiero que en el folleto aparezca.


• Es verdad que ese formato es muy rompedor pero ¿harás tu el envío? Es que Correos dice que él no.


• Me importa un bledo que lo hayas hecho en P-137. Nosotros trabajamos con el Aranzadi, no con la pantonera. Basta con que me digas “naranja”, creo que seré capaz de entender a qué te refieres.


• Repite conmigo: “La pieza final es para darle caché al cliente, no a mí”. Piensa un rato en ello y luego dale otra vuelta al folleto.


• Por más que insistas yo sigo sin ver una “C” aquí. ¿No tenías tipografías suficientes? ¿Te paso alguna?


• ¿¿¿¡¡¡Cuanto dices que cuesta una página en blanco con mi logo abajo!!!??? Espera a necesitar un abogado, que te voy a aplicar yo también el “minimalismo” en lo jurídico.


• Qué os creíais ¿que los diseñatas éramos santos? Este a mi tampoco me hace gracia, pero había que ser justos ¿no?

Diseñador -> Cliente

• Photoshop no es Dios. No sabe qué había más allá de lo que salió en la fotografía a la hora de sacarla. Por tanto, tampoco puede mostrar a Menganita, “que estaba ahí al lado”.


• Por la misma regla de tres, no se puede dejar el mismo ancho de una fotografía y hacerla el doble de alta. Se deforma. Y no, yo no puedo hacer nada.


• Al equipo de Adobe le da igual que lo haya visto hacer en CSI. Una foto de móvil no se puede ampliar al 1600% y que tenga calidad y definición. Da igual que el que le vendió el teléfono le dijera que Nokia tiene las mejores cámaras.


• El móvil es para hablar por teléfono. Cuando quiera enviarle una foto a su diseñador, use la Nikon. Si va a querer que además quede bien, use un fotógrafo.


• Esos archivos raros que hay en el CD que pone “Identidad Corporativa” no son para rellenar. Da igual que usted no pueda abrirlos, envíeme esos, y no el jpg o el gif.


• Da igual lo que le contaran en el curso de ofimática de la empresa: Powerpoint, Word o Excel no son los medios óptimos para enviarle una imagen a alguien. Ni siquiera son dignos.


• Si su diseñador le pide su logotipo, no es para que usted abra la página web de la empresa y copie el gif de cabecera. Si eso valiese, ya se le habría ocurrido al diseñador. Tampoco sirve una foto de su tarjeta de visita, que le veo venir.


• No hemos sido unos vagos a la hora de hacer su folleto. Esos espacios en blanco están ahí por algo.


• Una imagen a 72ppp cambiada a 300ppp sigue sin estar a alta resolución, sólo ha conseguido que pese mucho más. Y no, yo sigo sin poder hacer nada.


• Entiendo los colores “verde inglés”, “rojo cocacola” o “rosa chicle”. Los colores “verde dama de honor” o “azul coche moderno” son un algo menos concretos.


• Cuando el diseñador le dice que el texto que ha enviado no entra en el espacio que tenemos, es para que reduzca el texto, no para que le cambie las comas de sitio.


• Meter o quitar cuatro párrafos nuevos en el último momento no es “una chorrada de 3 minutos”. Aquí las gráficas e imágenes no se “recolocan” cuando añade o quita texto. Y no, eso no significa que Word sea mejor. Cuando consiga que Word haga eso en una maquetación a 3 columnas con las gráficas a dos o una, volvemos a discutirlo.


• Que le presente 2 opciones no quiere decir que haya hecho 2 opciones. He hecho 15 y he seleccionado estas dos, así que no, no puedo “centrar el texto y probar como queda en verde”.

Vía: Designios

Jabato Games: nuevo blog sobre programación - jabatogames.blogspot.com

Os dejo el enlace hacia el nuevo blog de WaitSignal (servidor) sobre videojuegos y programación. Espero que os resulte tan interesante como esta Comunidad. Ambos blogs son el complemento perfecto para realizar un trabajo de gran calidad.

Enlace: JabatoGames

Saludos.

100 Fotografías Macro

La fotografía macro es aquella que nos permite ampliar y ver con detalle aquellas cosas demasiado pequeñas para el ojo humano. Con una buena óptica, podemos obtener perfectamente 10 aumentos e incluso más y conseguir obeservar detalles nuevos que hasta ahora se nos escapaban. Fauna, flora o cualquier otra cosa.

Aquí os dejo con 100 macrofotografías impresionantes:

OptGroup: la etiqueta olvidada

Apareció hace unos días una entrada en CreativosOnline sobre una etiqueta HTML bastante olvidada, aunque está ahí, y que tiene bastante utilidad al realizar menús desplegables dentro de nuestros formularios. Se trata de OPTGROUP. Yo en su momento la estudié muy de refilón y ya la tenía en el limbo del completo olvido.

El elemento OPTGROUP te permite agrupar opciones lógicamente dentro de un deslegable en un formulario. Esto es particularmente útil cuando el usuario debe elegir de entre una larga lista de opciones ya que es más fácil apreciar y recordar grupos de opciones relacionadas que una larga lista de opciones sueltas. En HTML 4, todos los elementos OPTGROUP deben especificarse directamente dentro de un elemento SELECT (es decir, no pueden anidarse unos grupos dentro de otros).

Y aquí un ejemplo:

Hola Mundo Hola Abeto Hello World Hello Abeto