RecursosFormacion
Suscribir por RSS
Bienvenido Invitado.
Para poder utilizar todos nuestros recursos,
Registrate o Identificate
En este momento hay:
  •  67 Invitados
  •   9 Particulares
  •  41 Alúmnos
  •  21 Formadores
  •   1 Colaborador
cargando...

 

Herramientas->Ejercicios de Photoshop->Animaciones con Photoshop

Un "animado" reloj

Detalle de como quedara la animacion de reloj

Creamos una nueva imagen de 400 x 400, 96 de resolucion y RGB

Creamos una capa, para evitar trabajar con el fondo, en la capa creamos un circulo con la herramienta Elipse (pulsando la tecla Shift para conseguir que sea redonda)

Seleccionamos el circulo, y modificamos laseleccion contrayendola 30 pixels; a continuacion cortamos la seleccion, con los que no queda un circulo con un enorme agujero en medio

Sobre esa capa, aplicamos efectos como se indica en la pantalla:

Instrucciones para bisel

Y para contorno

El resultado deberia ser semejante a este

Muestra del aspecto del relojPara que aparezca el circulo central, se ha seleccionado un circulo, con la herramienta de seleccion circular, y se ha aplicado un degradado radial.

Para conseguir el centro del circulo, se puede acudir a las guias, que junto con la utilizacion de las reglas, permiten establecer el centro con total precision.

 

 

 

 

Para colocar las horas, solo debemos utilizar la herramienta de texto, y activar el grid para conseguir la mayor precision posible.

Con la herramienta de seleccion rectangular, podemos dibujar el segundero, y lo rellenamos del color que deseemos. La imagen final del reloj, quedara asi:

Reloj Finalizado

 

 

 

 

 

 

 

Ahora deberemos ir creando las distintas posiciones del segundero. Para ello iremos copiando la capa que lo contiene, y con la herramienta Distorsionar Articulaciones, iremos cambiando el angulo. Veamoslo paso a paso.

Duplicamos la capa del segundero; a continuacion, sobre la nueva capa, activamos la herramienta Edicion->Distorsionar y nos aparece una rejilla sobre el segundero.

Hacemos un click para dejar una articulacion en el centro, y un segundo click en el extremo (los puntos amarillos), a continuacion tiramos del extremo hasta que gire 30 grados

Detalle de los pasos necesarios para mover el segundero

El resultado seran 12 capas cada una con el segundero movido 30 grados; ocultamos todas menos la primera.

 

Solo nos queda la animacion. En estas ultimas versiones, ha desaparecido la herramienta ImageReady, y sus funciones se han incorporado a Photoshop; por lo que abriremos la ventana de Animacion desde el menu ventana

Vista de la pantalla de Photoshop con la ventana de Animacion activa

Utilizando el boton de Insertar fotograma, iremos añadiendo 12, y en cada uno de ellos, desactivaremos la capa que este activa, y dejaremos visible la siguiente; ademas iremos modificando el tiempo del fotograma a 1 segundo.

Detalle de la ventana de Animacion, con todos los fotogramas montados

Por ultimo, solo nos quedara salvarlo como GIF y a presumir del mismo.

27
2012-12-31 23:59:00
animacion imagenes, imagen reloj con movimiento