RUDEWORKS / El blog-portfolio de RUDE

29/06Exploit Yourself

8

blr-runner.jpgUPDATE: Me avisan de que acaba de hacerse público el making of del spot, lo que yo te digo, una obra de arte de principio a fin.

Desde que el amigo Rafiki pasó a formar parte de Big Lazy Robot no ha parado de participar en proyectos estupendos, el último conocido es Exploit Yourself (o The Runner), un spot ficticio para Nike protagonizado por un zagal robótico que corretea por las azoteas de una ciudad digital (en efecto, así es).

Miraoslo en HD que es cosa fina, como para perderse ni un detalle.

02/06¿Por qué uso Fireworks?

31

why-fireworks.pngMe gusta pensar que, con el paso de los años, mis métodos de trabajo han evolucionado y mejorado. Cuando comencé a diseñar para web, la herramienta que escogí fue Photoshop, imagino que por aquella época era la que mejor dominaba y me pareció lo más lógico para empezar. Más tarde me decidí a probar Illustrator, el experimento fue satisfactorio, el tamaño de los archivos generados era mucho menor, podía reaprovechar elementos, moverlos y editarlos con mayor facilidad, etc.

Hace cerca de un año comencé a interesarme por Fireworks, la herramienta de gráfica para web de Adobe, parecía tener sentido darle una oportunidad. Al principio echaba de menos algunas herramientas muy potentes que encontraba en Illustrator, las paletas de texto y color me parecían muy pobres (heredadas de Flash) y desde luego no era el software más estable que había probado (el resto tampoco es que sean bloques de hormigón). Aun así decidí seguir adelante y exprimirlo al máximo.

Tal decisión no podía haber sido más acertada, descubrí un sistema de organización infinitamente más lógico al que usaba en Illustrator o Photoshop; gracias al uso de estados, grupos de capas compartidas y símbolos (sobre todo los dotados de 9-slice scaling), no sólo reducía el tiempo que dedicaba a la creación de layouts, también el tamaño de los archivos se minimizaba drásticamente.

FW me ofrecía otra serie de características que hacían más que definitiva mi decisión, quizá las más importantes son…

  • … la estupendísima paleta PATH, con la que el dominio de los trazados vectoriales se convierte en un juego de niños. Se puede hacer prácticamente de todo con ella.
  • … el comando ‘Paste Attributes’. Copia un elemento, selecciona otro, ejecuta dicho comando e instantáneamente pasa a tener aplicados los mismos efectos, borde y relleno de color que el original (también funciona con tipografía), así de fácil.
  • … la herramienta de exportación de areas, con la que se pueden exportar áreas concretas sin necesidad de modificar la imagen en absoluto.
  • … la paleta FIND, con la que podrás reemplazar texto, colores, efectos, enlaces, etc. dentro de un rango de posibilidades, desde una sección del documento actual a varios archivos.
  • … algo que quizá infravaloréis ahora, pero que después de trabajar con él durante un tiempo veréis realmente útil, que es la independencia del tamaño del lienzo en cada página. Os aseguro que es completamente innecesario utilizar más de un archivo para contener un layout completo (incluyendo hovers, versiones alternativas, lightboxes, etc.).

Seguro que olvido otras cosas que utilizo tan a menudo que olvido el lugar tan importante que ocupan en mi workflow, pero la conclusión definitiva es que FW aporta sencillez y velocidad en la creación de layouts de cualquier tamaño.

Espero que este artículo sirva a algunos para animarse a dar el primer paso, si es así, espero que me relatéis vuestras experiencias en los comentarios (así como aportar otras mejoras que haya podido olvidar).

Edit: Los iconos usados en este artículo pertenecen a la colección Refined Creative Suite 4 de Jesse Dodds.

26/05Iconza by Turbomilk

2

iconza.pngLa gente de Turbomilk acaba de lanzar un producto realmente curioso. Se trata de iconza, un pack de iconos 70 iconos gratuitos en cierta medida personalizables (en tamaño y color) directamente desde su web.

Te lo dejan bien clarito en un hilarante vídeo promocional:

This movie requires Flash Player 8

26/05Apply, nuevo freebie de YWFT

0

apply.jpgApply consiste básicamente en una tipografía (en formato OpenType) en la que los caracteres han sido reemplazados por manchas de tinta. Según YouWorkForThem, el método de uso es tan fácil como duplicar la capa en la que tenemos el texto y cambiar la tipografía a Apply.

Es curioso que no se me haya ocurrido nunca hacer este uso de las tipografías de tipo Dingbat.

TBUZZ es un bookmarklet que muestra comentarios de Twitter sobre la web en la que te encuentras actualmente y te invita a contribuir en la conversación. Los creadores, arc90, cómo no.

18/05Kickstarter

1

KickstarterHace unos días que conozco Kickstarter y estoy convencido de que es una de las mejores ideas del año. Se trata de un website que agrupa proyectos de posible realización que necesitan de cierto ‘patrocinio’, cosa que se consigue, básicamente, mediante donaciones.

Obviamente no es tan sencillo, los creadores de proyectos pueden pedir una donación mínima, premiar a los mayores donadores e incluso mantener su proyecto posteando actualizaciones a modo de blog. Os recomiendo que le echéis un ojo, porque de aquí pueden salir proyectos muy interesantes y por una mísera limosna, podéis sacarles más jugo.

16/05Dame Algo

7

dame-algo.jpgEl último proyecto de Paco Sordo ya está en la calle (nunca mejor dicho). Se trata de Dame Algo, una serie sobre unos vagabundos en formato de tira cómica semanal y animaciones que imagino no serán tan constantes vista la altísima calidad de Coleguita de la calle.

LaPendeja ya ha dado su bendición, yo desde aquí les mando todo el apoyo del mundo a Paco y a Santiposper. Espero ver más, ¡mucho más!

Por cierto, sí hace siete meses que no escribo nada, lo sé, ¿qué pasa? ¿Vamos a pelear por ello?

Me he quedado con la boca abierta después de ver que, efectivamente, esto se mueve. Qué cosa más preciosa de verdad.

28/10Matthew Buchanan

1

matthew_buchanan.jpgYa estamos bastante acostumbrados a ver las maravillas que se nos muestran de vez en cuando en la Smashing Magazine (por cierto, desde que ponen uno o dos artículos al día les he cogido un poco de manía, antes molaba más), una de las últimas que me han descubierto es el blog de Matthew Buchanan. Es, cuanto menos, inspirador.

Además el amigo se ha currado un theme para Tumblr basado en la gráfica de Saul Bass y es para quedarse con la boca abierta.

23/10Recopilando iconos para la Adobe CS4

4

adam-betts.jpgmatt-varone.jpgjesee-dodds.jpgActualización: Adam Betts ha publicado unos cuantos iconos nuevos para completar su colección.

Este año el batacazo de Adobe con los iconos de la CS4 estaba más que esperado, así que mucha gente empezó a desarrollar los suyos propios mucho antes de que apareciera en el mercado la suite. El resultado es que ni una semana después de que se empiecen a enviar copias del software ya tenemos tres reemplazos más que decentes para sus iconos:

Adam Betts, cuyos iconos han mejorado el aspecto de mi CS3 durante bastante tiempo, acaba de publicar su nueva versión actualizada y es la más completa de las tres que os presento hoy, incluyendo en el paquete iconos para aplicaciones, sus carpetas, sus tipos de archivo, etc.

Matt Varone ha trabajado en una versión más light en tonos pastel, más aptos para los que no quieren ver su dock convertido en un llamativo arco iris.

Jesse Dodds ha preparado la que ahora mismo estoy utilizando, quizá la que menos modifica el aspecto de los iconos originales pero que consigue que luzcan geniales con muy pocos detalles.

23/10Ay las libreticas

0

Sketches_page_2_by_PReilly.jpgComo siempre los de la Smashing Magazine se las arreglan para hacer una recopilación genial, esta vez es sobre artistas de la Moleskine. Cosa fina, oigan.

22/10La tipografía que usas habla sobre tí

2

typocalypse.jpgVía Drawn! me he encontrado con un set de flickr llamado Typocalypse, una representación gráfica de lo que las tipografías expresan sobre los que las usan. Muchas de ellas no podrían ser más acertadas (véase lo que dice de nosotros la Futura).

20/10designedmemory

0

designedmemory.jpgVía Web Creme me encuentro con una web tan simplona que hasta me da rabia dedicarle un post, pero es que me han encantado los colores, el atrevimiento, el toque ‘saulbassiano’. Lo dicho, designedmemory me han conquistado, y me revienta.

Me acabo de dar cuenta de que no chuta el javascript en las páginas dedicadas de los artículos, malditos seais todos por avisarme.

14/10Mad Men ilustrados

2

MAd Men ilustradosBueno amigos, creo que voy a ir resucitando este sitio que las amenazas no dejan entrar nuevos mensajes en mi buzón de voz (pesaos). Y qué mejor manera que con una de las mejores series que me he encontrado últimamente ilustrada de la mejor manera que se me ocurre que podría estarlo. Dyna Moe es el autor de estas geniales ilustraciones sobre la serie Mad Men.

Vía Drawn!

Nota: Chúpate esa Rafiki.

PromSite