Autor
Espero que les sirva para empezar a conocer el Image Ready que es una potente herramienta de animación. Esto es solo una introducción a las miles de cosas que con Photoshop e Image Ready juntos, podemos llegar a hacer...
Lo primero que hice, fue diseñar en Photoshop los graficos que van a componer este pequeño botón animado. Para este sencillo ejemplo, yo hice un botón y luego le cambié su color de azul a rojo. Fijense como tengo cada botón en una capa y pulso sobre ese icono de la ventana de herramientas que directamente me abre Image ready y me traspasa todos los datos a él, incluidas las capas...
Una vez tengo el Image abierto, (ahora ya estamos en el Image Ready), deberian ver algo parecido a lo que vén en la siguiente imagen. Si no vén alguna de las ventanas que se ven en mi imagen, arriba pulsen en Ventana y seleccionar al menos animación, capas, herramientas y optimizar. Depués pulsen sobre el icono que vén en la siguiente imagen en la ventana de animación y os duplicará el cuadro actual:
vayan a la ventana de capas y pulsen sobre el ojo de la capa de arriba, con lo cual ahora en el nuevo cuadro que habian duplicado se verá azul, como en la capa de fondo:
Ahora vamos a utlizar una función del Image Ready muy interesante y que se llama INTERCALAR. Lo que hace es crear una transición automáticamente desde el primer cuadro al segundo. Es decir, en nuestro caso irá pasando de rojo a azul poquito a poco. Pueden intercalar el número de cuadros que quieran, pero tienen en cuenta que a mayor número de cuadros, más pesará en bytes la imagen y esto a veces no interesa demasiado. Por ejemplo, yo he usado 5 cuadros:
Por último, pueden modificar el tiempo que estará presente en la animación debajo de cada uno de los cuadros, hasta dejarlo a su manera. En la ventana de animación, pueden también dar al botón de play en todo momento para ver la animación también.
En la ventana de optimizar tienen que seleccionar el formato Gif ya que las animaciones deben ir todas en él. El número de colores pueden pornerlo a 256 o menos. A menor número de colores, menos peso en bytes del botón, pero los gráficos
pierden calidad..
Ya sólo nos queda ir al menú de archivo y en guardar optimizada como..., le ponen un nombre y ya es todo suyo...
Sé que al principio, este tipo de programas resultan muy complicados. He tratado de ponerles un ejemplo muy sencillito para que les sirva de introducción. Espero que ustedes ahora practiquen en casa y prueben con nuevas cosas, que así es como realmente se aprende...
Clari0n.
En línea
