Comunidad de diseño web y desarrollo en internet online

Diseño Web Animacion Progresiva en Photoshop

Citar            
MensajeEscrito el 13 Ago 2012 08:59 am


Aprenderemos a usar el timeline y las caracteristicas de asignación de fotogramas clave entre multiples estados, sobre varios atributos de los estilos de capa, para obtener la posibilidad de modificarlos de forma progresiva a lo largo del tiempo, consiguiendo animaciones suaves de nuestros diseños, que podremos exportar posteriormente en varios formatos, para ser utilizadas junto con código, por ejemplo javascript, en la asignacion de elementos dinámicos animados para nuestras paginas.

Usaremos las formas basicas y las propiedades y efectos de los estilos de capa, para crear un botón y una barra de scroll con estilo propio, que animaremos modificando sus valores y generando las variaciones en el tiempo necesarias, para una vez exportado el material resultante en formato gif, tener la posibilidad de utilizarlo en nuestros trabajos.



Saludos.

Por arumadigital

Claber

28379 de clabLevel

350 tutoriales

 

firefox
Citar            
MensajeEscrito el 17 Ago 2012 05:04 pm
Excelente tu tutorial pero cuando lo guardo en .gif y lo intento abrir no se animador sino estático.

Por g3kdigital

15 de clabLevel



Genero:Masculino  

comunicador visual creativo

chrome
Citar            
MensajeEscrito el 17 Ago 2012 11:34 pm
Comprueba que los ajustes de exportacion del Gif para Web sean los mismos que aparecen en el video. Ademas debes previsualizarlo desde un Navegador. por ejemplo.

Saludos.

Por arumadigital

Claber

28379 de clabLevel

350 tutoriales

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.