Tag Archives: Recursos
¿Queréis el diseño de una web en PSD de vardere, mapachitos? Pues aqui +70
Link
Perlita para freelances.
Link
Fotoilustración: en tierra de nadie

Gracias a las redes sociales en línea de creativos, tematizadas y de índole profesional, se va asentando una nueva Cultura Visual que inunda nuestros fondos de pantallas y enlaces compartidos en Facebook o Twitter. Entre esos nuevos giros o aportes gráficos a la Cultura del Diseño —término en el que otro día nos detendremos— hay una nueva línea gráfica en torno a la fotoilustración (photoillustration) de la que es difícil escapar a sus encantos.
Hay mucho material publicado en torno al flujo creativo que llena la autovía de la fotoilustración, incluso hay miles de tutoriales para conseguir resultados asombrosos a golpe de click, capa a capa en Photoshop. El problema de este huracán de información que encontramos en las redes sociales de creativos en linea es que arrasa con la capacidad de análisis en favor de imitar la forma en el menor tiempo de producción posible. “3 pasos para conseguir fuego en Photoshop“, “5 técnicas para crear un fondo marino en Photoshop“, etc.
Todas esas técnicas y tutoriales están muy bien —me declaro consumidor de esa información— pero… ¿toda fotografía procesada por Photoshop deja de ser fotografía? ¿Cuándo una fotografía es una fotomanipulación? ¿Qué diferencia hay entre una fotomanipulación y una fotoilustración? ¿Donde termina la fotoilustración y empieza la ilustración? Es hora de hacerse las preguntas, aunque no podamos responderlas todas de manera exacta.

“¡Y qué más da, Abel! ¡Qué manía de etiquetarlo todo, qué manía de encasillar!”, dirán algunos. Y es respetable, sin embargo en el caso que nos ocupa es más que necesario por dos motivos:
- En primer lugar no podemos obviar que es inherente al proceso creativo cuestionarse así mismo constantemente para analizar el mundo en el que se encuentra y situarse en él. Es una actitud que le ha dado nombre y apellido a todos los movimientos pictóricos y fotográficos. Y esta forma de etiquetar la creatividad no debería diluirse en la era digital.
- El segundo lugar, la definición o etiquetado de una técnica de creación, nos dará un compendio de normas técnicas y estéticas a tener en cuenta. Por lógica estética y formal, habrá prácticas en la producción de una creatividad en formato fotoilustración que nunca funcionarían en una fotografía o en una ilustración.
Definiendo la fotoilustración

Y eso que la fotoilustración no es un invento extraído de las entrañas de la última versión Photoshop. De eso nada. La fotoilustración nace del vientre de la Publicidad (finales del s. XIX) como mecanismo de menor coste (frente a la fotografía) para solventar las necesidades de promoción y posicionamiento de los productos. En el fantástico libro El arte del póster (Editorial Lisma) podemos hacer un seguimiento de su evolución, desde lo estrictamente pictórico o el Collage, pasando por la ilustración con base fotográfica (ej. Gil Elvgren) hasta los días de la era digital.
Este aspecto de la fotoilustración quizás sea el más importante: la conjunción de sus elementos simbólicos generan un mensaje o historia en la mente del receptor, unas veces más abstracto que otro. Es un valor añadido que la fotoilustración hereda de su madre la ilustración. La diferencia entre fotoilustración y fotomanipulación es prácticamente imperceptible visualmente. Quizás a un nivel más filosófico parece que, a diferencia de la fotoilustración, la fotomanipulación no tiene la obligación de incluir un mensaje, funcionando como escaparate de lo estrictamente estético. Con esto llegamos a un punto en que podemos definir la fotoilustración. En el blog Acerca de la fotografía usan estas palabras:
Podemos considerar que es fotoilustración toda imagen fotográfica, sea compuesta de fotografías en collage y fotomontaje, electrónicos o convencionales; o de fotografía combinada con otros elementos gráficos que cumpla con la función clásica de la ilustración. Esta función la podemos resumir como aquella que tiene como finalidad la mejor comprensión de un objeto, de un hecho, de un concepto o de una idea, bien representándola miméticamente o bien interpretando visualmente rasgos esenciales para su comprensión, a través de procedimientos de retórica visual y de simbolización.



La producción de la fotoilustración
Llegados al punto en que hemos definido en la medida de lo posible la fotoilustración, tenemos que plantearnos una cuestión antes de buscar “cómo hacer fuego con Photoshop” o “cómo simular un fondo marino con un par de filtros“: ¿Qué quiero contarle al mundo con esta fotoilustración?.



Siendo así cómo habrá que valorar la calidad del trabajo; promedio de destreza técnica y retórica visual. Ambos lados de la balanza deberán estar compensados. Por otro lado, para diferenciarla aún más de la fotografía y la fotomanipulación, la fotoilustración podría permitirse saltarse las leyes de la física, la perspectiva, la proporción, etc…, en favor de acentuar la retórica o simbolismo gráfico del mensaje o historia que queremos hacer llegar. A pesar de ello, la línea entre la fotoilustración, la fotomanipulación, el diseño gráfico y el arte digital sigue siendo a veces imperceptible.
Creativos de referencia
Sven Prim, Jerico Santander, Peter Jaworowski, Matthew Albanese, Alberto Seveso, Pawel Nolbert, Archan Nair, Roberto Gamito, Marcin Cecko, Mike Campau y Peter PRN es un pequeño extracto de la infinita lista de nombres que componen el campo de la fotoilustración y la fotomanipulación.
Comprobaréis que los orígenes son diversos: unos fotógrafos, otros ilustradores, otros diseñadores gráficos… Absolutamente todos reconvertidos en esta nueva especie de malabaristas de la retórica visual y los filtros de Photoshop.
El futuro de la tipografía en la web

Conforme se van asentando las bases de un nuevo modelo de producción de sitios y aplicaciones con la llegada de HTML5, nacen nuevas necesidades a las que grandes empresas como Google, como no, ya tenían previsto dar soporte o van solventando sobre la marcha.
Nuevos recursos, nuevas necesidades
Éste es el caso de nuevas propiedades de las hojas de estilos en cascada de tercer nivel, que desde hace ya aproximadamente un par de años vienen proponiendo soluciones desde el código CSS para problemáticas estrictamente visuales que se han ido asentando en la nueva cultura visual de la web participativa (bordes redondeados, sombras en los elementos, un mayor catálogo tipográfico, etc).
En concreto y actualmente, la regla @font-face —a través de la que el diseñador web puede proponer una mayor riqueza tipográfica para la web— tiene un soporte mayoritario por los actuales navegadores. Pero no todo es jauja. De esta ventaja nacen los siguientes problemas que se han de solventar:
- Cargar un archivo de fuente aumenta notablemente la tasa de transferencia de un sitio ya que cada visita suma al servidor las peticiones del archivo. Teniendo en cuenta las actuales velocidades de conexión, en principio esto afectaría sólo a sitios con un contrato modesto en su servicio de hospedaje.
- Al igual que otro tipo de material, los catálogos tipográficos cuentan con licencias y derechos de autor que no siempre promueven la filosofía del Creative Commons
De dónde venimos, a dónde vamos

Teniendo en cuenta estos factores y que anteriormente la regla @font-face tenía un soporte minoritario, dos grandes alternativas han sido hasta ahora sIFR o Cufón. Su continuidad es incierta, pero podríamos teorizar con su paulatino desuso por los siguientes motivos:
- sIFR depende de Flash —y Flash tiene un futuro incierto—. Además el juego completo de sIFR (archivos css, javascript, actionscript y objetos flash) es tanto o más pesado que embeber el archivo de fuente original.
- Cufón es menos pesado que sIFR, pero su implementación sigue siendo más tediosa que usar la regla @font-face.
Font Directory: las soluciones de Google y las posibles soluciones de otros
Así pues, es en este justo momento en que @font-face tiene mayor soporte por todos los navegadores y sitios de referencia implementan su aparición (p. ej: Smashing Magazine, algunas plantillas en Tumblr), cuando Google sorprende —no nos extraña, coincidiendo con su evento Google I/O 2010— con Google Font Directory: un catálogo tipográfico libre que podemos utilizar aplicando la regla @font-face sin necesidad de realizar las peticiones del archivo fuente a nuestro propio servidor. Solventando de esta manera las dos limitaciones que señalábamos anteriormente.
Dando un pequeño salto en el futuro y conociendo el rechazo que provoca el esfuerzo de omnipresencia que hace Google por acompañarnos en todas nuestras tareas como diseñadores y desarrolladores —y aún peor: en nuestro momentos de ocio en la red—, no sería de extrañar que algún aventurado emprendedor abra una cuña de mercado dando alternativas a este servicio.
Imaginad una empresa mediadora entre los derechos de autor de los catálogos tipográficos que ofrece servicios premium de gestión de fuentes (un buen catálogo y hospedaje) a desarrolladores; una especie de YouTube de las tipografías. Esta es la primera idea, si hay algún emprendedor en la sala seguro que se le ocurre alguna más.
Conclusiones
En cualquier caso queda patente que la llegada de HTML5 y el soporte total de CSS3 ofrecerán las ventajas que ya hemos releído en infinidad de sitios, abrirán la puerta a nuevos modelos de negocio —o el fomento de algunos ya existentes— y sobre todo enriquecerán el diseño de la red.