Freaklances: la serie

¿Trabajas en publicidad convencional o interactiva por cuenta propia? ¿vendes tus fotos al mejor postor? ¿trabajas desde haces años en una empresa pero como autónomo? ¿Has creado guiones instruccionales para e-learning en tu casa? ¿Eres realizador de vídeo independiente? Si has contestado afirmativamente a alguna de estas preguntas no lo dudes… eres o has sido “Freaklance”.

Pues así podríamos empezar a describir esta serie de animación flash 100% española: Freaklances. Al estilo Cálico Electrónico (que aparece en uno de los episodios), esta serie creada por Alex Otero y Julio Garma nos muestra la vida y el día a dia de un diseñador freelance, como tantos de nosotros.

Un poco más abajo te dejo los 8 capítulos que existen hasta la fecha, aunque habrá más. Y es que un producto de tan alta calidad tiene su tiempo de producción. Mi nota: 11 sobre 10. Pensé que nada superaría a Cálico Electrónico pero Freaklances, debido a su temática, lo ha hecho.

En su canal de Vimeo podrás encontrar toda la primera temporada, aunque en breve comenzará la segunda.

AT-AT Day Afternoon

AT-AT Day Afternoom nos cuenta la vida de un pequeño cachorro de AT-AT, dándole vida a la conocida máquina de guerra futurista. Simplemente, un trabajo excelente. Y si eres seguidor de Star Wars, lo verás con ojos muy tiernos, asegurado.

Gran cortometraje del directos canadiense Patrick Boivin que, por otro lado, es conocido como el rey del stop-motion. En su canal de Youtube podrás ver muchas de sus obras.

I Love HTML: mi nueva camiseta

Este es mi nuevo diseño de camiseta para Threadless, la web de camisetas de diseños únicos en la red. Se trata de una revisión de la archiconocida y clásica camiseta de I Love NY, pero actualizada a los nuevos tiempos del html. Acabo de enviar el diseño de la camiseta y aún está pendiente de revisión para empezar a ser puntuada y, si alcanza una posición alta, ser impresa y vestida por todo el mundo. Aunque igual por temas de copyright la cosa puede andar algo difusa...

Edición Jueves 30/09/10: la camiseta ha sido aceptada y ya podéis votarla desde la imagen que hay justo debajo. Debéis registraros en la comunidad de Threadless! para poder puntuar.

Habrá que esperar con el dictamen oficial, mientras os dejo los links:

Vota este diseño: "I Love HTML," para ayudar a que sea impreso en Threadless!

Manual de Corel Draw X5

Corel Draw es un potente programa que nos servirá igualmente para diseño gráfico, diseño web, edición y retoque de fotografías, trabajar con vectores y también para hacer ilustraciones. En febrero pasado se lanzó su nueva versión, el CorelDraw Graphics Suite X5.

La verdad que Corel Draw es un software con un potencial bastante desconocido en el campo del diseño aunque en rotulación es todo estándar por méritos propios.

Al igual que hace Adobe con cada una de las nuevas suites de diseño que ha lanzado al mercado, Corel Corporation ha dejado a disposición de los usuarios de Corel Draw un completo manual donde se explican cada una de las funciones de su programa para que podamos exprimirlo al máximo.

El manual tiene 322 páginas divididas en siete capítulos:

1. Introducción
2. Procediminetos Iniciales
3. Cómo trabajar con colores
4. Sugerencias y técnicas
5. Notas técnicas de diseñadores expertos
6. Guía de contenido digital
7. Galería

Descárgate el manual completo en PDF desde aquí.

Y si te interesa cómo va la cosa sin comprarlo, puedes descargarte una versión de prueba totalmente operativa durante 30 días desde la web oficial.

Frases

Un gran diseño es uno que funcione

Opinión del usuario sobre el diseño

Modos de color

Hace algún tiempo os hablaba sobre los dos principales modos de color: RGB y CMYK, dejando para más adelante pendiente hablar del resto de modos y de sistemas de color existentes. Pues bien, he encontrado un interesante artículo hablando sobre ellos en Dzoom, un blog en castellano especializado en fotografía,y que creo conveniente copiar íntegramente por aquí.

Viene introducido con imágenes que harán todo algo más comprensible, al menos, si estás habituado a utilizar Adobe Photoshop.

Introducción: ¿Qué Entendemos por Modo de Color?

Como te he comentado antes, el modo de color determina la forma en que un programa de retoque, por ejemplo, pintará los pixels que componen una determinada imagen.

Abre una imagen cualquiera en Photoshop y dirígete a Imagen > Modo, podrás ver el modo de color y también la profundidad de bits, que determina el número máximo de colores a representar en cada píxel.

Cómo se hace la tinta

Hacía ya bastante tiempo que no disfrutaba así viendo un video, y aún menos de un tema tan trivial como puede ser un proceso de fabricación de un producto. Pero el producto se trata de la tinta para litografía offset y esto, si has trabajado en entornos de este tipo, es más que interesante. Conocía de sobra como son las tintas utilizadas en imprenta offset, sus embalado en latas, su textura, color real y su olor, pero desconocía totalmente como era su fabricación en sí. Y ésta es menos automatizada de lo que yo pensaba.

Curioso video grabado por la canadiense The Printing Ink Company (La Compañía de la Tinta de Impresión), empresa dedicada a la fabricación de tintas grasas para offset y tintas hexacromáticas para plotter o impresión digital. Viéndolo te darás cuenta del por qué las tintas offset son semitraslúcidas y cómo, en realidad, muchos de los Pantones que utilizamos como tintas planas son mezcla de otros principales (en las imprentas hay verdaderos artistas trabajando como oficiales de impresión y que ya hacen estas mezclas milimétricas perfectamente). Son una mezcla de pigmentos y aceites vegetales en un entorno muy controlado.

Fallen

Un corto de animación bastante diferente. Nos cuenta la historia de un meteorito que aprende la lección más importante de la vida mientras cae hacia la Tierra. Sin diálogos, no los necesita para contarnos lo que podría ser un guiño a la película la Guía del Autoestopista Galáctico.

Antes que existieran los ordenadoress, ya había atajos de teclado

Pues eso. Visto en el Ateneu.

190 filtros para GIMP

Las posibilidades de Gimp son casi infinitas, pero hay ocasiones en que el desconocimiento de ciertas herramientas nos impide sacarle el máximo partido al programa. Que no todo es Photoshop y, encima, Gimp, es software libre y gratuíto. Para conseguir hacer algunas tareas algo más sencillas contamos con G’MIC, un plugin que nos automatizará más de 190 filtros y efectos para Gimp.

El funcionamiento no podría ser más simple. En una lista seleccionamos el filtro que queremos aplicar, mientras observamos una previsualización del efecto que vamos a obtener.

Muchos de estos filtros ya vienen por defecto en Gimp, pero la mayoría de los efectos de G’MIC, consisten en varias capas o herramientas combinadas para conseguir el efecto final. Así, en lugar de aplicar por ejemplo, cuatro filtros distintos modificando las variables de cada uno, podemos usar el plugin para hacerlo con un sólo click.

51 razones para no casarte con un diseñador gráfico

Según leo por AdventureGraphs y luego por AteneoPopular, hay una lista de las 51 razones por las que no deberías casarte con un diseñador gráfico (o diseñadora). Supongo que vendrá de algún listado en inglés, ya que la traducción tiene algunos fallos. Por eso prefiero ponerla completa y corregida:

1. Los diseñadores son gente muy rara.

2. Hay miles de millones de ellos en el mundo.

3. Son egoístas y ególatras y, además, siempre llevan la contraria.

4. Ganan muy poco.

5. No aceptan las críticas, las reciben pero no las tienen en cuenta.

6. Los diseñadores se odian entre sí (bueno, entre amigos no).

7. No saben sumar ni restar, ni mucho menos hacer cuentas en el supermercado.

8. No saben cambiar ni un foco sin hacer antes un boceto.

9. Les gusta ver los créditos completos de las películas (siempre ven películas raras que nadie conoce).

10. No dejan adornar nada en casa sin hacer una junta previa.

Fin de semana

Humor en estado puro

56 miniconsejos para novatos y no tan novatos

1- Nunca dejes de aprender.

2- Haz tutoriales y cambia todo lo que puedas de ellos para entender su funcionamiento.

3- Se una esponja. Absorbe conocimientos de todos sin miedo a pensar que eres inferior.

4- Aprende a aprender de ti mismo. Descubre tus puntos fuertes y originales.

5- Lee libros. De verdad, inténtalo.

6- Lee la documentación, no reinventes la rueda, aprende a usar lo que ya existe.

7- Nunca creas que ya lo sabes todo.

8- Blogs y foros son tu mejor profesor.

9- Nunca copies y pegues. Aprende.

10- Ten siempre un proyecto personal (sólo para ti) en desarrollo, es la mejor forma de aprender.

11- Siempre que puedas aprende poniendo la teoría en práctica.

12- Nunca pares de aprender. Piensa que puedes mejorar.

13- Tómate bien las críticas constructivas. No te pongas a la defensiva.

14- Nunca te tomes una crítica de forma personal.

15- Intenta observar el resultado de tu trabajo en diferentes plataformas, monitores, sistemas…

Relojes cromáticos

Si conoces la teoría del color y como se forma la luz, sin duda estos son tus relojes. Yo pondría uno en la cocina, si ésta fuera mía. Así de paso puedes recordar los colores primarios, complementarios y demás mientras echas aceite sobre las tostadas o te recreas con un té con leche algo dulce (a estas horas aún no he desayunado, ¿se nota?).

Los fabrica SonoDesign en las islas británicas a 35 libras esterlinas (41 euros) y hay dos modelos, el de la escala cromática de toda la vida y que se parece mucho a una pantonera y otro algo más decorativo. Ambos están realizados en cristal templado.

Fuente española: Ibarra

Una tipografía que nació en el siglo XVIII por el impresor zaragozano Joaquín Ibarra y Marín y el grabador Antonio Espinosa de los Monteros, caracterizándose por su calidad y su gran legibilidad respecto a otras tipografías.

Esa es la historia que podemos contar, de forma muy breve, sobre la única fuente española empleada dentro de Microsoft Office 2007. Aunque si te va como a mí todo esto de la tipografía, su historia y sus entresijos, quizás deberías pasarte por Departamento de Ingeniería Electrica e Informática de la Universidad de Zaragoza, que fueron las artífices de la recuperación de esta fuente 100% española perdida en los tiempos analógicos. Es curioso ver como vectorizaron los caracteres y crearon los no existentes a partir de fotografías y siguiendo todas las reglas tipográficas. Y estamos hablando del año 1993, por eso esa web "tan fuera de mercado".

Ni que decir tiene que la fuente es gratuíta y libre de utilizar en todo lo que quieras, pudiéndotela descargar desde aquí (busca tu versión y pulsa con el boton derecho encima -> guardar destino como).

Y si quieres te pasas por la Wikipedia que hablan de todo esto también.

Compara fuentes con Typechart

Typechart una herramienta online bastante interesante. Podemos definir o seleccionar una fuente que usualmente utilicemos en nuestros proyectos, o simplemente nos guste, y automáticamente nos dará alternativas válidas bastantes parecidas a la fuente original. Viene bien por aquello de tener fuentes para casos B o emergencias, o por tener un pequeño cambio de aires saliendo de la rutina.

Además, te incluye las líneas para usarla vía CSS en tus trabajos webs y te dice si es fuente nativa de aquel o cual sistema operativo.

También permite ver cómo quedaran en Windows o MacOs, por aquello de que se emplean resoluciones distintas de pantalla.

Nueva web: FranciscoAlonso.com

Ya está el pequeño proyecto de acabado: FranciscoAlonso.com. Imagen corporativa, site, blog y e-marketing para un despacho jurídico en Granada y Jaén bastante diferente. Ha costado el incluir tanta referencia legal y jurídica, pero ¡se ha conseguido sin desfallecer en el intento!

Guárdatela por tus favoritos que nunca se sabe cuando puedes necesitar los servicios de un profesional así, aunque si podemos evitar conflictos siempre mejor.

Index Book y Diseñadero

Index Book es una editorial especializada en libros de diseño gráfico y creatividad visual, con sede en Barcelona, cuyo ámbito de actuación y distribución de alcance mundial la convierten en referente indiscutible en el sector del diseño.

Así reza en su página web y así he querido escribirlo en este blog: tal cual. Por que es veraz y doy fe de ello. Esta editorial está situada en el barcelonés barrio del Eixample y es todo un referente a nivel nacional y europeo en la edición de publicaciones, obras y material vinculado a nuestro gremio: el diseño gráfico y todo lo que engloba. Obras de inspiración, recopilaciones, anuarios, revistas periódicas y un sin fin de manuales y hasta textos legales.

Si no les conocías tardas en consultar su web (que por cierto no ha cambiado con el tiempo y sigue igual de fiable que siempre) o pasarte por su local-tienda en Consejo de Ciento con Conde Borrell (metro Urgell, línea roja). Realmente no tiene pinta de tienda, pero allí he realizado compras, aunque iba ya con los deberes hechos desde casa. Suelen tener bastante lío, pero si tienen en libro en la web, allí puedes bichearlo físicamente.

Por otro lado y debido a que Cádiz actualmente pilla lejos de Index Book, recomendaría Diseñadero en el sevillano barrio de Los Remedios. Aunque hace casi un lustro que no paso por sus instalaciones, parece que siguen fieles a su filosofía minimalista y comprometidos con su espíritu librero y formativo. Si puedes, y te pilla más cerca que a mí, pásate a ver sus Low Cost Books, que siempre hay cosas a muy bajo coste (en mi época era el llamado Rastrillo, ahora queda más cool usar el inglés, o eso parece). Yo igual me paso por allí a ver pantoneras en mi próximo paso por la capital andaluza.

Esta entrada no está patrocinado por ninguna de las dos tiendas, aunque si sus responsables lo leen y quieren hacer alguna donación de material... ¡bienvenido sea! (mmm... ¿había dicho yo algo de una pantonera?).

Fondos de pantalla

Os dejo por aquí cuatro fondos de pantalla que me he encontrado por ahí. Me parecen bastante simpáticos, especialmente el que ilustra esta entrada (siento especial atracción por el mundo galáctico de Star Wars).

Si pulsáis sobre ellas, las tendréis en grande listas para que las uséis en vuestro sistema operativo (resolución mínima de 1280x800, así que casi que van sobradas).

Flickr supera los 5mil millones de imágenes

Pues efectivamente, Flickr acaba de superar la barrera de las 5 mil millones de imágenes y fotografías alojadas. Calculadora en mano, sale a casi una imagen por habitante en la Tierra, que no está nada mal. Me parece a mi que estaríamos hablando de la mayor biblioteca de imágenes jamás creada y encima es de acceso público. Así que si necesitas imágenes, creo que es el mejor recurso a utilizar aunque antes deberías leerte sus condiciones de uso o las licencias de cada imagen para evitarte sorpresas posteriores a nivel profesional.

A este ritmo, en menos de un año se llegaran a los 6 mil millones de imágenes y quién sabe donde estará el límite...

Textos de prueba para nuestras webs

Ya sois muchos los que me preguntáis al ver las fases beta de mis webs: "¿¿¿¿latin????" Esta pregunta viene realizada porque utilizo textos de prueba para ocupar los espacios y tener una idea de mi proyecto maquetado de forma completa. Personalmente, tiendo a utilizar el famoso "Lorem ipsum..." por mi etapa como maquetador en revistas (Quark Xpress incorpora la opción de relleno automático de esta manera). Pero en lugar de tener que abrir este software, lo hago a través de Limpum, pero existen muchas más webs.

Usa tus propias fuentes con CSS

Desde siempre nos han enseñado que el HTML se basa en la procesación del trabajo por parte del navegador y los recursos de la máquina cliente. Por tanto, se trasmite texto plano y se le daba forma con las fuentes instaladas en el ordenador del navegante. Lo máximo que podíamos conseguir era definir unas familias tipográficas según nuestra preferencia y, si estaban instaladas, ser usadas por el navegador a la hora de mostrar la información en pantalla. La alternativa era, si queríamos expresamente utilizar una fuente determinada, utilizar imágenes en lugar de texto o bien usarlas en animaciones Flash.

Pero esto se acabó. Utilizando la propiedad @font-face podemos incorporar y utilizar la fuente que queramos mediante reglas CSS. Esta propiedad existía hace tiempo, pero no es hasta ahora que podemos considerarla prácticamente implementada por todos los navegadores. Yo, de hecho, la estoy incorporando a mi nuevo website personal que ya está en modo beta. Para el tipo de fuente, puede usarse en formato OpenType (.otf) o bien, en formato Truetype (.ttf).

Carrera espacial

Space Race es una nueva camiseta realizada por Rubyred y de venta en RedBubble. Vale, 20 pavos quízá sea elevado teniendo en cuenta los precios de otras camisetas que he ido poniendo por aquí, pero la calidad de la ilustración igual lo merece. ¡Además puedes elegir el color de la prenda, una novedad en el vestuario digital que voy posteando!

Los logos de Internet Explorer

Me había fijado ya en la nueva versión de logotipo de Internet Explorer para su novena versión, pero no le di mayor importancia ya que, más que nueva versión, podríamos hablar de un simple restyling a la moda. Deberían pensarse los de Microsoft acortar el nombre e ir a caballo ganador con Explorer + Versión, que es más liviano y presenta muchas ventajas desde el punto de vista gráfico y de marketing.

Personalmente me gustaba más el logotipo que se empleaba con la versión 5, allá por 1999. No puedo remediar ser un enamorado de las tintas planas y no de los degradados, biselados y demás elementos actuales.

Los colores más poderosos del mundo

Desde ColourLovers nos llega un verdadero estudio sobre las 100 empresas más importantes del mundo (a nivel digital) y los colores de sus logotipos. Se establecen en realidad varias categorías, que puedes ver directamente en su web: las más importantes del mundo web, las más importantes en Estados Unidos, redes sociales a nivel mundial... Lo interesante es que la gran mayoría se encuentran en dos bloques de color: rojo y azul. El color del impulso y el de la reflexión. El del socialismo y la democracia. ¿Izquierda y derecha? Bah, pasemos un poco de la política y centrémonos en el color.

Y hay muy poquitos logotipos importantes verdes, partiendo de la base de que el de BP debería ser negro.

Desde australia, Umeric

¿Qué hago yo escribiendo en el blog en domingo? Pues hoy es un día bastante tranquilo y tengo algo bonito que poner por aquí. Es un vídeo de minuto y medio de duración de autopromoción del estudio australiano Umeric. Se dedican a esto del cine, la animación y el diseño de una forma muy personal. Este vídeo recopila algunos de sus mejores trabajos para la televisión. A mí, personalmente, me encanta su forma de concebir su trabajo.

The Glumpers

The Glumpers es una graciosa serie de animación 3D de producción 100% española. De hecho es buenísima (mira todos los capítulos y me cuentas). Ya no lo sólo por el humor y la simpatía que despierta, sino por su realización y producción. En concreto es una serie de episodios pilotos realizados por Motion Pictures y coproducida por Televisió de Catalunya. Actualmente, se emite por la TV3 catalana.

Si la simple coexistencia entre dos personas puede hacer que salten chispas, imagínate entonces lo que podría suceder en una casa habitada por seres con 6 con personalidades totalmente conflictivas.

Los Glumpers son una pandilla, un grupo de amigos que viven juntos cuyas opuestas y muy estereotipadas personalidades interactúan continuamente.

Su lugar, su casa, se convertirá en un tipo de reactor nuclear en el que la mínima interacción entre sus partículas puede causar una reacción en cadena de consecuencias desastrosas.

Desde aquí mi recomendación de que los veas desde su canal de Youtube.

Falta de ética

Una de las facetas del diseñador suele ser la fotomanipulación. Con las herramientas adecuadas, una buena materia prima y con conocimientos se puede lograr cualquier cosa a apartir de fotografías. No existe fotografía digital sin retocar: incluso al disparar la cámara, ésta procesa la imagen que capta su sensor de una forma determinada ajena al fotógrafo. Y luego siempre las postprocesamos (o casi siempre). Que si Gimp, que si Photoshop, que si...

Pero cuando hablamos de manipulación de imagen debemos tener en cuenta la ética profesional: una cosa es retocar porque así lo necesitemos, por estética u otro motivo, y el otro es manipular con fines propagandísticos, políticos o comerciales. Una cosa es poner al Rey con todos sus nietos juntitos (para la reunión familiar y queden todos muy monos) y otra cosa es la noticia aparecida ayer en El Periódico sobre una fotografía del presidente egipcio.

Creo que esto es pasarse y, en casos así, negarnos a trabajar. Igual que lo de "trucar" certificados, diplomas, firmas, documentación... que a más de uno nos habrá pasado.

Y es que estas son cosas propias de las dictaduras. En la extinta Unión Soviética ya se realizaba hace más de 50 años para eliminar personas de ciertas fotos según la conveniencia con el Gobierno, China las realiza asiduamente y Corea del Norte aún no está demasiado informatizada, pero el régimen socialista existente se sirve de la manipulación propagandítica igualmente.

Fin de semana

originalmente en inglés

GIMP Portable

Hoy quería aprovechar para hablaros de la versión portable (sin instalación) de GIMP. Y es que aprovechando mi nuevo pendrive, he decidido incorporarlo al mismo "por si acaso". Nunca se sabe cuando puedes necesitarlo. Y encima es gratuíto y libre.

Como todos sabemos, es vital importancia tener siempre a la mano un buen programa de edición de gráficos, más si te desarrollas en un ámbito que lo solicite como la fotografía o el diseño gráfico, claro que no excluyo otras profesiones en donde se necesite e incluso el ámbito escolar.

Así que os recomiendo la versión portable de GIMP (acrónimo de GNU Image Manipulation Program), que realiza la misma función que la versión instalable.

Portable GIMP es un editor de gráficos en su versión portátil, que aunque es para traerla en tu dispositivo de almacenamiento portátil (como he hecho yo con mi pendrive) no le resta ninguna función de su versión normal. ¡Y no necesita instalación! Eso implica una sustancial rebaja en la cantidad de memoria necesaria: sólo 12mb.

Consejos para crear un logo

Dándome una vueltecita por Snap2Objects he visto un texto con consejos a la hora de proyectar y concebir un logotipo. En concreto son 5 y son bastante valiosos. Aunque tienen un marcado carácter recordatorio para los que nos dedicamos a esto, quizá sean muy a tener en cuenta por los principiantes y amateurs (que no todo es copiar y pegar del Google Imágenes). Y es que el 99% de los humanos piensan que eso de los logotipos está chupado y hasta un crío lo hace, o cualquiera. Sí, sí, claro... Yo conozco una persona que por 200 euros te opera el culo ¿Alguien se atreve?

Alfro

Y de nuevo desde TeeFury una camiseta efímera bastante interesante: Alfro, un Alf muy Afro (vale, lo de la explicación del nombre no tiene demasiada gracia). ¿Seguirá comiendo gatos?

Por 7 pavos (9 dólares) es vuestra...¡sólo durante hoy viernes!

El poder de la publicidad

La publicidad puede serlo todo, incluso más el producto en sí mismo. Aquí tenéis un anuncio sobre lo que un anuncio, y podemos extrapolar a toda la publicidad, es capaz de hacer.

Y alguno todavía se sorprenderá...

Tipografía anatómica

El artista gráfico y escultor Andreas Scheiger recientemente leyó el libro “The Alphabet and Elements of Lettering” (El alfabeto y los elementos el texto) por el famoso diseñador tipógrafo Frederic W. Goudy en 1918, en el cual analiza el alfabeto y compara las letras con los organismos humanos. Scheiger se fascinó con esta lectura y decidió trasladar la idea a una representación literal vista aquí en su Evolution of Type series (Evolución de la Tipo).

IE9: beta disponible ¡por fin!

Sí, amigos, Microsoft acaba de lanzar hoy la nueva beta de Internet Explorer. Es la noticia del día y casi del año. Por fin miles y miles de programadores web dejarán de volverse locos desarrollando versiones "raras" para visualizarse en este navegador. Bueno, aún habrá millones de usuarios utilizando las versiones "de la muerte", pero con IE9 se acaba de plantar la semilla de la utilización de estandars globales. Si estás de enhorabuena como yo, sigue leyendo. Sino, pásate por aquí y así te reafirmas en tu decisión errónea.

Nuevos cursos de Diseño Gráfico y Web

En breve, muy en breve, se estrenan nuevos cursos de diseño gráfico y web en Forinsur Cádiz para esta temporada 2010/11. Había colaborado con ellos ya, pero esto es algo más que una colaboración: impartir cursos de software profesional a todos los niveles, desde el más básico e iniciación al más avanzado y profesional.

Desde ya tenéis cursos grupales y personalizados disponibles para todo el paquete gráfico de Adobe además de Quark Xpress (maquetación) y la suite Corel Draw X5. Y mi apoyo al software libre se ve en la incorporación con total novedad de cursos de Gimp e Inkscape.

¡Nos vemos muy pronto en el aula!

Frases

Sueño en HTML, contemplo el mundo con CSS, respiro Pantones y me alimento de vectores

José Toknine (servidor) en un filosófico momento

Adobe implementa HTML5 en Illustrator

Buenísimas noticias para los que trabajamos con vectores en Illustrator y, que encima, sean partidarios de los nuevos estándares como HTML5, ya que Adobe ha confirmado hace muy poco que Illustrator se hace compatible con HTML5 y CSS3.

El pack que hará esto posible nos permite crear ilustraciones con etiquetas canvas y CSS3, por lo que serán compatibles con los navegadores que a su vez sean compatibles con HTML5 de forma completa (todos una vez salga IE9 de una vez).

Podéis descargar el pack en su versión Preview 1 desde la web de Adobe.

Yujuuuuu!!!

Los iconos de Google Maps saltan a la realidad de la mano de un gaditano

Una de las chinchetas señalizadoras de Google Maps irrumpe en la calzada. Y el muñeco que camina por Street View pasea por las calles de la ciudad. Se trata de Google's World, serie de ilustraciones de Alejo Malia, un joven gaditano de 22 años que está dando la vuelta al mundo en internet gracias a estos dibujos.

Las gigantes presencias de los iconos de Google mezcladas con escenarios reales fueron dibujadas hace un año, pero es ahora cuando su autor las ha "recuperado y modificado" y gracias a la viralidad en la Red han recorrido las portadas de algunos de los medios especializados en tecnología más leídos del mundo.

Letras de película

El pasado 28 de Julio en el Centro Cultural de España de Buenos Aires (CCEBA), allá por la Argentina, tubo lugar una más que interesante conferencia acerca de los créditos cinematrográficos y del uso de la tipografía en ellos. Fue realizada por Julio Sanz Melgui del Centro de Investigaciones y Desarrollo de la Imagen de la Universidad de Castilla-La Mancha.

Letras de película es una presentación audiovisual en torno al comportamiento expresivo de la tipografía a lo largo de la historia del cine. Mediante la revisión de las apariciones de la letra en forma de luz, principalmente en las secuencias de créditos cinematográficos, se explora la evolución de las corrientes artísticas contemporáneas y la influencia de estas en el diseño gráfico. Particularmente en el diseño tipográfico y su integración en las piezas de títulos cinematográficos contribuyendo a los estereotipos de los géneros en el cine.

De Saul Bass a Danny Yount, de Maurice Binder a Oliver Kuntzel, de Kyle Cooper a Juan Gatti. Los grandes nombres de la historia tipográfica del diseño de créditos. Piezas inolvidables: La Pantera Rosa y West Side Story, James Bond y Barbarella, Teléfono rojo y Atrápame si puedes. Momentos de cine y letras de película.

Primeros pasos con Canvas en HTML5

Sin duda una de las mayores novedades que trae consigo HTML5, es el API para generar y renderizar dinámicamente gráficos, imágenes y animaciones a través de su elemento Canvas.

Cuando introducimos el elemento Canvas, se creará por defecto un área de color blanco de 300 pixels de ancho por 150 pixels de altura cuyos valores pueden ser modificados a través de sus atributos.

Exceptuando Internet Explorer, todos los navegadores actuales dan soporte para el Canvas HTML5, como podemos ver en la siguiente tabla:

¡Feliz día del programador!

Hoy es el 256º día del año, de modo que –apropiadamente– se celebra el Día del Programador. Según parece en Rusia, además, consiguieron que fuera oficialmente un día festivo para quienes se dedican a ello como profesión. Y es que una fecha como hoy aparece hasta en Wikipedia.

Aunque en realidad la fecha depende de si el año es bisiesto o no, por aquello de ser el día 2 elevado a 8. Tanto este año como el que viene es en este mismo días 13 de Septiembre, pero en 2012 será el día 12. Yo, personalmente, brindaré a la noche con una copita de vodka. ¡Salud camaradas programadores!

Adobe Hispano 2010

Vuelve el evento online más importante de la comunidad Adobe en español: Adobe Hispano, que en esta oportunidad reúne a 20 conferencistas de 11 países diferentes durante 4 días, hablando sobre las distintas tecnologías que envuelve a Adobe. Este ciclo de conferencias es, como siempre, gratuito y para poder acceder tendrás que registrarte en la web, recibirás un día antes del evento un email con la dirección y con los pasos a seguir.

La policía del diseño

¿Cuantos carteles, rótulos y publicidad ves por la calle que deberían encarcelar a quién lo creó o al menos expatriarlo a la Antártida?

Pues Stephen Woowat es un diseñador gráfico formado en la universidad de Staffordshire (Inglaterra), uno de los trabajos que ideó durante sus estudios fue "The Design Police" una especie de policía capaz de evaluar el buen o mal diseño y mejorarlos.

Cuidado con los comentarios condicionales HTML

Es conocido por todos los desarrolladores y diseñadores web los problemas que existen con Internet Explorer 6 para visualizar correctamente nuestro trabajo. Interpreta el HTML, CSS y demás como quiere. Además existen múltiples problemas de visualización de ficheros.

Es el caso de mi web, http://www.toknine.com/. Existían problemas con la visualización de archivos PNG con fondo transparente y tuve que usar un comentario condicional para poder solventar este hecho. Suele ser una tarea ardua el hacer estos condicionales y muchos estudios y programadores arrojan la toalla sin prestar soporte a esta versión casi decana de IE.

Pero sorprendentemente acabo de leer que esto ralentiza bastante la carga de la web por los navegadores, ya que al utilizar comentarios condicionales hacemos que la carga, si existe, de los archivos CSS se produzcan al final bloqueándolos hasta ese momento.

Para solucionarlo, únicamente debemos poner un comentario condicional vacío después del title de la página para que todo vaya sobre ruedas.

Ya no tendremos más bloqueos de CSS ni lentitud en la carga, y todo con una simple línea como esta:

<!--[if IE 6]><![end if]-->

¡Nunca te acostarás sin saber algo nuevo!

¿Cúal es el valor de una web o un blog?

Interesantísimo artículo desde Ingresos Al Cuadrado sobre el verdadero valor económico de una web o un weblog y el nuevo mercado de compra-venta de webs y blogs e incluso su alquiler como futuros negocios virtuales a su semenjanza con la vida real. Y todo visto desde el puro valor económico, como mera inversión. Por aquí os lo dejo:

¿Valor de un Blog? o el ¿Valor de una página web? "Vaya pregunta”, te dirás.

Bueno te entiendo y no eres el único. A muchas personas se les complica el panorama cuando llega el momento de ponerle el precio a su blog o su página web, ya sea porque tienen intención de venderlo, ya sea porque alguien les ofreció comprárselos (si si, has leído bien, esto ocurre de vez en cuando, y si no me crees, lee este artículo).

Pasos de cebra ergonómicos

Desde Corea llega este nuevo concepto de diseño en marcas viales horizontales urbanas: los pasos de peatones ergonómicos. Actualmente es sólo un concepto, pero podría llevarse a la realidad en las ciudades europeas y mundiales.

La mayoría de la gente (yo me incluyo) cruza por los pasos de cebra de una forma muy parecida a la descrita, siendo casi completamente inconscientes de ello: simplemente es más cómodo y lo hacemos así. Y al hacerlo, vamos en contra de la seguridad y las reglas viales. Así que ¿porqué no pintar los pasos para peatones tal y como los cruzamos? Así de paso podemos proteger más al peatón frente a los vehículos a motor en estos puntos tan críticos para ellos en las grandes ciudades.

Ahora bien, yo suelo desplazarme en motocicleta y veo peligroso aumentar de tal forma la cantidad de pintura en el asfalto. De hecho, en ciudades como Barcelona, se tiende a pintar pequeñas marcas en los pasos de peatones en lugar de esos enormes pianos que hacen que resbalen las ruedas de nuestras monturas y provocan tantísimos accidentes. ¿No se podría hacer una mezcla o un híbrido? O bien utilizar pintura que no resbale de esa forma con el agua...

Toknine: mi nueva tarjeta de visita

Esta es mi nueva tarjeta de visita personal. Dentro de poco estarán ya en el tarjetero. Y es que la tarjeta de visita, especialmente en nuestro gremio, es una primera presentación muy valiosa: dice mucho de uno mismo.

Mis tarjetas de visita, al igual que el resto de mis elementos gráficos, siempre me han descrito muy bien: serio, equilibrado, organizado y con moral ecológica (o eso intento: mis tarjetas son impresas en papeles reciclados y con tintas de bajo impacto contaminante). Y también con un punto divertido. Imprescindible para poder seguir trabajando en esta profesión.

Las tarjetas no dejan de ser uno de los componentes esenciales dentro de la propia imagen corporativa y externa y a mí me tocaba ya renovar la mía, al igual que estoy haciendo con mi web.

Así que te digo, ¡hola!

Teardrop: nueva fuente gratuita desde Guadalajara

El otro día me enteré por él mismo que Blastto, un chico amigo castellano de esta casa y estudiante de diseño, había terminado por fin su primera tipografía y quería ofrecerla gratuitamente. La verdad es que Teardrop, que es como se llama esta tipografía, tiene un aire muy experimental que para nada te hace pensar que procede de la meseta española.

Os copio un poco la noticia que él mismo publicaba acerca de su obra primogénita en este campo. Una galería de ejemplos con esta fuente y el link de descarga, a continuación:

La tabla periódica del HTML5

Te presento la tabla periódica de los elementos...¡HTML5! Josh Duck, un australiano que vive en Londres, se ha currado esta tabla periódica donde en lugar de encontrar los elementos habituales, encontramos los de HTML hasta su nueva revisión, la 5.

Si pulsas sobre la imagen, la verás más grande. Pero casi que mejor te recomendaría que visitaras la web de Josh Duck porque al pulsar sobre cada uno de las casillas, podrás conocer su función. Además, incluye dos de las etiquetas propuestas al W3C para su inclusión en la revisión: track y device.

Fin de semana

E.T. nunca estuvo sólo...

Pincel Corrector

Tal y como decía en la anterior entrada sobre cómo conseguir un efecto de piel de porcelana en nuestras imágenes y fotografías, os dejo aquí otro útil tutorial de como emplear la herramienta Pincel Corrector de Adobe Photoshop. Y nada mejor que un caso práctico de fotografía, eliminando brillos molestos del rostro, habitualmente producidos por el uso de flash. Igualmente, este tutorial viene de Dzoom.

Lo primero que voy a hacer es mostrarte el antes y el después de aplicar el retoque que veremos hoy. En la siguiente imagen puedes ver los buenos resultados que es posible conseguir con él en zonas como nariz, barbilla, pómulos...

Piel de porcelana con Photoshop

Muchas veces queremos conseguir el mismo efecto profesional en nuestras fotografías que el empleado en moda o revistas. Puesme he encontrado este tutorial por Dzoom bastante explícito y que ayudará a más de uno. Y además he encontrado otro sobre la herramienta Pincel Corrector con otro tutorial bastante interesante y que voy a postear a continuación. Así que mírate ambos para controlar estas funciones a la perfección. ¡Allá vamos!

Obviamente tienes que empezar por la selección de la foto que vas a tratar. La técnica que te vamos a enseñar hoy sirve para disimular imperfecciones de la piel. Un retrato es la situación más típica, pero también puedes elegir otros motivos como: manos, pies, etc.

Continúa leyendo para saber todos los pasos.