DESIGNAID

Herramientas claves para representar tus ideas

4 para el blogroll.

Hora de actualizar el blogroll! el blogroll es la seccion de vinculos donde comparto los sitios web interesantes para aprender o que nos pueden ayudar en nuestros diseños.  lo puedes encontrar en la ultima columna del blog. sin mas preambulo les dejo 4 vinculos mas que podemos agregar a nuestros favoritos. si tienes alguno que quieras recomendar compartelo en los comentarios o escribeme a designaid.web (en) gmail.com.

Tutorial-enlace.net: Si tienes algo de tiempo de sobra y quieres aprender a crear algo en tu computadora tienes que estar en este sitio entonces. En tutorial-enlace encontrarás muchos links a tutoriales gratis de muchas aplicaciones de diseño: illustrator, Photoshop 3DS max, etc. tambien encontraras tuts de tecnologia, internet, hardware, etc. todos los links y tuts son en perfecto español, asi que es una gran fuente para aprender rapido y facil. (en español)

Underworldmagazines.com: como el nombre lo dice: ¨web, design, inspiration” en este blog encontraras de todo un poco para enterarte que esta pasando en el diseño actual. encontraras recursos gratuitos, recomendaciones,  articulos interesantes, en fin, de todo un poco para estar al dia. muy util sobretodo para freelancers. (en inglés)

Iampariah.com: Este el sitio de uno de los gurús del trabajo editorial con 20 años de experiencia: Pariah Burke. Si trabajas con impresos y usas Indesign, Quarkxpress, Illustrator o Photoshop aqui encontrarás muchos recursos a la mano no sólo para aprender las herramientas sino también consejos sobre como mejorar tu flujo de trabajo. Pariah tiene muchos libros sobre el trabajo editorial y muchos proyectos en los cuales comparte su experiencia. Incluso todos los martes tiene un “webminar” (seminario en linea) llamado “tuesday with Pariah” donde comparte en vivo recomendaciones útiles. (en inglés)

Aviary: se te dañó Illustrator? se te quedo en tu casa el portable de photoshop y necesitas editar algo rapido? no hay problema. prueba las herramientas de Aviary para trabajar en ¨la nube¨. Aviary te permite usar applicaciones web on line que puedes usar en cualquier parte del mundo con una conexion a la red. cuentas applicaciones para editar de imagenes, dibujar vectores, crear musica, editar audio, capturar pantallas, aplicar efectos, seleccionar paletas de colores todo mediante una aplicacion web que sentiras como si estuviese instalada en tu computadora. increiblemente útil para esos momentos de urgencia. (en inglés)

Espero les sea útil.

saludos!

Luis S.

nueva encuesta!

Como ya la encuesta anterior huele a formol es hora de una nueva! en esta oportunidad tengo curiosidad por preguntarles que tanto han jugado con Photoshop CS5 y una de sus funciones mas interesantes: la creacion de modelos 3D. Si! ahora podemos crear modelos 3D desde Photoshop con la misma facilidad que con 3DS MAX por ejemplo. y una de las ventajas es que nos permite pintar encima del modelo tridimensional asi que es muy facil trabajar con texturas.

Lo has probado?

Saludos a todos.

Luis S:

Illustrator CS5: edita tus vectores facilmente con Width tool

Phew! ahora que tengo unos minutos para desempolvar un poquito el blog, le toca el turno a un micro tut de  Illustrator. Aunque siempre pense que Illustrator era perfecto tal cual, la version CS5 nos trae mejores formas de dibujar facil y rapidamente que es igual de importante.

Una de estas nuevas herramientas el Width tool. O mas bien la herramienta de grosor de lineas. aunque parezca simple esta herramienta es increiblemente rapida para crear detalles que nos pueden tomar mucho tiempo. Con width tool puedes crear figuras como esta:

es una linea simple con diferente grosor. Y lo haremos en segundos.

hagamoslo en tres simples pasos. listos? empecemos.

Leer el resto de esta entrada »

Blogroll actualizado y animado!

Hola y bienvenidos a la dosis del blogroll :) Esta vez actualizo un poco el blogroll para incluir 4 páginas donde podemos aprender más sobre animaciones en Flash. Ya sea que te guste la ilustración o el dibujo en general, siempre nos interesa en algún momento crear una una imagen en movimiento y Flash es la aplicación perfecta para hacerlo. Gracias Candy por la recomendación!

Angryanimator: Si estás empezando a trabajar con animaciones con Flash, este es uno de los mejores sitios para iniciarte. Aqui encontrarás explicaciones muy claras y fáciles de seguir para comprender cómo animar personajes: desde la caminata hasta la sincronización de audio con la boca. Me gusta no sólo por lo claro de las explicaciones, sino porque también puedes entender cómo trabajar con la animación clásica en dibujos. (en inglés)

Activetuts: Otro sitio de la red plus aqui encontrarás tutoriales variados sobre Flash de animación. No sólo activetuts publica contenido sobre animaciones, también encontrarás practicas completas y muy creativas para hacer en Flash utilizando un poco de programación. (en inglés)

Flashfacilito: Este es el perfil de flashfacilito (Alex) en Cristalab donde Flashfacilito publica siempre video tutoriales sobre Flash que son muy fáciles de seguir y bien atractivos. Cada video está explicado de una excelente manera asi que es buen punto de inicio si estás empezando a animar con Flash o ya tienes un poco de experiencia. Flashfacilito tiene su canal en youtube donde siempre publica, y tambien lo puedes seguir en twitter en @flashfacilito y por supuesto visitar su pagina en Flashfacilito.com. Lo mejor es que hace tus tutoriales totalmente (en español)

Sitiotutoriales.com:  Estas aprendiendo o ya eres un ninja en Flash? Sea como sea, aqui encontraras muy buenos tutoriales para hacer con esta potente herramienta. Controles de volumen, scrollbars, menus desplegables y muchas otras cosas podras aprender aqui. Lo mejor es que también hay muchos tutoriales sobre Fireworks y Dreamwweaver, asi como PHP, y MySQL que te podrian servir tambien para aprender y en tu idioma (en español)

Espero te sirvan de mucho para seguir animando tus diseños!

saludos.

Luis S.

FLASH CS5: Anima tus personajes con BONES

Y  llegó la hora de otro tut de flash! Al fiiiiinn la última versión de la herramienta élite para animar y crear contenido interactivo de Adobe se suma a la lista de actualización de Designaid. (ya le tocaba hace rato jeje)

En esta oportunidad vamos a conocer cómo podemos animar un personaje fácil y rápidamente para crear movimientos. La herramienta se llama BONE (hueso en inglés) y permite crear un esqueleto al personaje usando kinematica inversa, en otras palabras podemos animarlo con  extremidades como si fuera un títere. Esta herramienta también la puedes encontrar en Flash CS4 y de verdad no sé porqué no la habían incluido en Flash desde hace años atrás cuando otras aplicaciones como Moho ya la usaban hace rato.

Haz click en la imagen para ver el resultado de la práctica: (se abrirá una ventana nueva)

Con lo golpeadito que se mueve Chebacca y baila mejor que yo! XD Recuerdan este personaje? tal vez lo hayan visto antes. Lo usé anteriormente para mostrarles como usar puppet warp en Photoshop CS5. (El reciclaje de personajes se debe a la crisis…. ya saben, en Designaid y tequeños con soya Inc. se maneja un presupuesto limitado y el disponible es para el fondo parrillero jeje)

Gracias a la siempre bien ponderada Tequeños con Soya Inc. por el arte una vez más. (no te quejes jessi al menos tienes publicidad gratuita por aqui  ;) XD )

Listo? empecemos…

Leer el resto de esta entrada »

3DS MAX básico II: Creando animaciones con guias

Hola a todos! En la entrada de esta semana veremos como generar animaciones básicas en 3DS MAX. Si anteriormente has usado Flash para hacer animaciones aquí te sentirás a gusto porque MAX anima de manera similar: agregando keyframes en cada paso de la linea del tiempo.  Algo muy similar a lo que hicimos en la práctica de animación básica pero lo diferente es que esta vez animaremos el modelo mediante una guía que le sirva como una “ruta” a recorrer. Haremos una pelota saltando.

Esta será la animación que haremos:

Aqui se ve la pelota saltarina. Hacia años que no hacia un GIF animado jeje pero asi se ve mejor el movimiento de la pelota.

Para la práctica usaré 3DS MAX 2009 pero puedes hacer la práctica con cualquier otra versión de la misma forma. Descarga el archivo “pelota.ZIP” del BOX de archivos. Descomprimelo y abrelo en MAX para que tengas todo el escenario listo.

Empecemos…

Leer el resto de esta entrada »

Nuevos links para el Blogroll: herramientas super utiles para diseñadores

Hola a todos y bienvenidos a otra merecida actualización del blogroll. (nombre bonito para llamar los links que ven a la derecha ;)  ) en esta oportunidad comparto con ustedes la temática de las herramientas útiles que nos pueden ayudar a trabajar mucho más rápido o más fácilmente a la hora de nuestros diseños. Todas las herramientas son en línea así que no tendrás que instalar nada en tu computadora.

Converticon: Necesitas convertir una foto en un icono? no hay problema. aqui podrás hacerlo fácilmente sin necesidad de bajar ningun programa. Este servicio web te permite convertir cualquier imagen PNG, GIF o JPG y convertirla en un archivo ICO de gran calidad para usarlo como ícono en cualquier computadora. Incluso puedes seleccionar el tamaño del ícono para obtener el mejor resultado. Lo que más me gusta es la interfaz: una mac gratis jeje ;)  (en ingles)

Colorzilla: Colorzilla te permite crear en linea gradientes de colores en CSS3 facilmente. Porqué lo recomiendo? porque es increiblemente fácil y rápido de usar ya que usa la misma interfaz de Photoshop para crear los gradientes que puedes usar en tu sitio web, así que no tendrás que trabajar con programación. Sólo selecciona tus colores y copia el código que produce Colorzilla en tu pagina web y listo. Recuerda que Css3 tiene full soporte en Firefox, Chrome o Safari. (en ingles)

Colorotate.org: Este sitio al igual que Kuler te permite crear una paleta de colores personalizada. Puedes crear tu paleta, guardarla y compartirla con los demás usuarios. Pero lo interesante de Colorotate es que puedes crear rápidamente  de forma interactiva tus paletas utilizando el modelo tridimensional del color. (en inglés)

Gridulator: Uno de los mejores servicios en linea, Gridulator te permite crear distribuciones de columnas en píxeles  para generar tu cuadrícula para tu diseño web (aunque también puede usarse para el diseño de revistas). Sólo dile que medida necesitas las columnas y Gridulator te crea un archivo PNG que puedes descargar para usarlo en tu diseño y acelerar el proceso de diseño. (en inglés)

Espero les sea útil.

saludos! :)

Luis S.

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.