RUDEWORKS » Blog http://rudeworks.com Diseño, tecnología, recursos, animación... El blog y portafolio de RUDE amigos! Thu, 02 Jul 2009 13:51:17 +0000 http://wordpress.org/?v=2.6 en Exploit Yourself http://feedproxy.google.com/~r/rudeworks-rss/~3/sXK1cyH6KoE/ http://rudeworks.com/blog/exploit-yourself/#comments Mon, 29 Jun 2009 16:08:15 +0000 RUDE http://rudeworks.com/?p=1598 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.

Artículos relacionados

]]> http://rudeworks.com/blog/exploit-yourself/feed/ http://rudeworks.com/blog/exploit-yourself/ ¿Por qué uso Fireworks? http://feedproxy.google.com/~r/rudeworks-rss/~3/KqPKX47bgg4/ http://rudeworks.com/blog/%c2%bfpor-que-uso-fireworks/#comments Tue, 02 Jun 2009 11:03:55 +0000 RUDE http://rudeworks.com/?p=1596 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.

Artículos relacionados

]]> http://rudeworks.com/blog/%c2%bfpor-que-uso-fireworks/feed/ http://rudeworks.com/blog/%c2%bfpor-que-uso-fireworks/ Iconza by Turbomilk http://feedproxy.google.com/~r/rudeworks-rss/~3/joFm7GC8nr4/ http://rudeworks.com/blog/iconza-by-turbomilk/#comments Tue, 26 May 2009 14:15:49 +0000 RUDE http://rudeworks.com/?p=1590 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:

Artículos relacionados

]]> http://rudeworks.com/blog/iconza-by-turbomilk/feed/ http://rudeworks.com/blog/iconza-by-turbomilk/ Apply, nuevo freebie de YWFT http://feedproxy.google.com/~r/rudeworks-rss/~3/myQen0E6SAs/ http://rudeworks.com/blog/apply-nuevo-freebie-de-ywft/#comments Tue, 26 May 2009 10:28:12 +0000 RUDE http://rudeworks.com/?p=1588 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.

Artículos relacionados

]]> http://rudeworks.com/blog/apply-nuevo-freebie-de-ywft/feed/ http://rudeworks.com/blog/apply-nuevo-freebie-de-ywft/ TBUZZ http://feedproxy.google.com/~r/rudeworks-rss/~3/p5Sh3wftslk/ http://rudeworks.com/blog/miniposts/tbuzz/#comments Sat, 23 May 2009 11:03:57 +0000 RUDE http://rudeworks.com/?p=1586 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.

Artículos relacionados

]]> http://rudeworks.com/blog/miniposts/tbuzz/feed/ http://rudeworks.com/blog/miniposts/tbuzz/ Kickstarter http://feedproxy.google.com/~r/rudeworks-rss/~3/WbE6cZDUVnM/ http://rudeworks.com/blog/kickstarter/#comments Mon, 18 May 2009 06:23:51 +0000 RUDE http://rudeworks.com/?p=1585 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.

Artículos relacionados

]]> http://rudeworks.com/blog/kickstarter/feed/ http://rudeworks.com/blog/kickstarter/ Dame Algo http://feedproxy.google.com/~r/rudeworks-rss/~3/u-O-RM9YgPo/ http://rudeworks.com/blog/dame-algo/#comments Sat, 16 May 2009 17:50:34 +0000 RUDE http://rudeworks.com/?p=1583 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?

Artículos relacionados

]]> http://rudeworks.com/blog/dame-algo/feed/ http://rudeworks.com/blog/dame-algo/ Papercraft heart made of gears http://feedproxy.google.com/~r/rudeworks-rss/~3/sDHOuZEdW_E/ http://rudeworks.com/blog/miniposts/papercraft-heart-made-of-gears/#comments Tue, 04 Nov 2008 09:25:11 +0000 RUDE http://rudeworks.com/?p=1581 Me he quedado con la boca abierta después de ver que, efectivamente, esto se mueve. Qué cosa más preciosa de verdad.

Artículos relacionados

]]> http://rudeworks.com/blog/miniposts/papercraft-heart-made-of-gears/feed/ http://rudeworks.com/blog/miniposts/papercraft-heart-made-of-gears/ Matthew Buchanan http://feedproxy.google.com/~r/rudeworks-rss/~3/bAlkRFHQ8iU/ http://rudeworks.com/blog/matthew-buchanan/#comments Tue, 28 Oct 2008 09:29:26 +0000 RUDE http://rudeworks.com/?p=1580 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.

Artículos relacionados

]]> http://rudeworks.com/blog/matthew-buchanan/feed/ http://rudeworks.com/blog/matthew-buchanan/ Recopilando iconos para la Adobe CS4 http://feedproxy.google.com/~r/rudeworks-rss/~3/CqlK8wPkKAQ/ http://rudeworks.com/blog/recopilando-iconos-para-la-cs4/#comments Thu, 23 Oct 2008 08:53:56 +0000 RUDE http://rudeworks.com/?p=1578 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.

Artículos relacionados

]]> http://rudeworks.com/blog/recopilando-iconos-para-la-cs4/feed/ http://rudeworks.com/blog/recopilando-iconos-para-la-cs4/