DESIGNAID
Herramientas claves para representar tus ideasBlogroll 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…
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…
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.
3DS MAX básico: Creando nuestra primera animación
YYYY estamos de vuelta con otro tut de MAX! ya me estaban solicitando desde hace rato algo de animación asi que aqui esta! Esta semana haremos una animación básica y se darán cuenta lo fácil que es animar un modelo 3D. Si ya conoces las animaciones en Flash esto será un paseo para ti por lo fácil que será! 
Hagamos una animación de interpolación; cambiaremos la posición de un modelo. Es este caso una esfera…o una pelota más bien:
Algo simple para empezar.
Las interpolaciones podemos crear animaciones rápidamente ya que sólo le decimos a la computadora la posición inicial y final. El programa se encarga de mover el objeto. Maya, Flash, After Effects, y cualquier otro programa de animación usa el mismo principio.
Si estás empezando a usar 3DS MAX esta practica te ayudará mucho a conocer como crear animaciones simples, y si ya conoces MAX entonces disfrutarás aburriendote XD jejeje no mentira, despues estaré posteando animaciones más complejas. ;)
Listo? arranca MAX y empecemos. Usaré la versión 2009 pero lo puedes hacer con cualquier versión de la misma forma.
Photoshop CS5: modifica una imagen con PUPPET WARP
Continuando con la serie sobre las nuevas versiones CS5 de Adobe, les traigo otra innvadora heramienta en la nueva versión de Photoshop CS5.
Al igual que hicimos en la practica de convertir una foto en una pintura, con la herramienta que usaremos vamos a modificar una foto controlando la distorsión de los pixeles. Pero lo que más me gusta es lo divertido que es usarla! podrás mover tus pixeles como si movieras un maniquí!! De hecho se llama: PUPPET WARP. (distorsión de títere o muñeco)
Fijate cómo es el arte original, es un archivo PSD:
Sorry Han, esta es la oportunidad de Chewy para brillar "Solo" XD
Como es una imagen pensarás que es muy dificil poner al personaje en otra posición no? puesss nop. Fijate como se ve después de PUPPET WARP:
Con Puppet warp le moví los brazos y piernas. Parece otro arte pero es el mismo!
Le puedes mover los brazos a Chebacca! Puppet Warp es una de las nuevas herramientas para distorsionar más potente en Photoshop CS5 y abre infinitas posibilidades creativas con lo que puedes hacer con ella.
Luego de distorsionar a Chebacca se me ocurrió usar PUPPET WARP y salvarlo en 3 imágenes diferentes y luego los guardé como un GIF animado. jajajaa! fijate como quedó:
Quien dijo que los wookie no saben bailar?? con furia Chewbacca!!
Este tutorial llega a tu monitor por cortesía gracias a Tequeños con soya INC. …conquistando al mundo ilustración por ilustración.
Empecemos…
