PURE: The Heart of an Angel created by Lightz of the IF Skin Zone


 

 Avatar animado
lovespyke
Posted: Nov 12 2005, 11:12 AM


Advanced Member


Group: Admin
Posts: 63
Member No.: 3
Joined: 18-September 05



Alguien me lo pidió en el tag de Dark Soul, y bueno, aquí está el tutorial.

1. Escogemos las fotos de las que vamos a hacer el avatar.
Las copiamos, abrimos un nuevo documento de 95x95 en el Photoshop, y las pegamos.

2. Ahora las redimensionaremos para que queden bien. Muchas veces querremos guardar la proporción entre las imágenes, así que lo que haremos será ligar las capas unas a otras, haciendo clic en la casilla de la derecha del ojo, como se ve en la imagen, hasta que te salga una cadenita:
user posted image
De esta forma, al cambiar el tamaño de una de las imágenes (haciendo Ctrl+T), cambiaremos el tamaño de las otras. Lo mismo ocurrirá si queremos centrar la imagen, o lo que sea.
Recuerda que para ver las capas inferiores sin que la capa superior te las tape, puedes ocultar las capas haciendo clic en el "ojo" que aparece al lado de las cadenitas.

3. Ya tenemos la base del avatar. Ahora nos falta animarlo, así que nos vamos al programa Image Ready (lo incluye el Photoshop) user posted image

Hacemos clic en la hojita para duplicar el marco de animación tantas veces como capas tengamos. En nuestro caso, 3 capas, 3 marcos de animación:
user posted image

4. Ahora haremos la animación en sí. El proceso es muy sencillo. Hacemos clic en el primer marco de animación y ocultamos las dos capas superiores comos e ve en la imagen:
user posted image
Eso significa que lo primero que vamos a ver en nuestra animación será la capa de abajo.

Repetimos el mismo proceso con el segundo marco, en el que veremos la segunda capa.
user posted image

Y con el tercero:
user posted image

Haz clic en el botón Play de debajo de los marcos. Como ves, tenemos la animación, pero va demasiado rápida.

5. Escogeremos el tiempo de transición. Debajo de los marcos, hacemos clic donde pone "0 seg" y en el menú desplegable que nos aparece, escogemos por ejemplo "0.5 seg"

Ya tenemos nuestro avatar!!

6. Ahora lo guardaremos como archivo *.gif desde el Image Ready.
Para ello, vamos a Archivo>>Guardar optimizada como y ya lo tenemos!

NOTAS FINALES:
Este avatar es un avatar básico animado. No descarto añadir algún truco u opción más en el futuro. Además, es sólo un ejemplo de animación, no de avatar.
Para hacer un avatar bien currado usando animaciones, debes trabajar primero en el photoshop con brushes, texturas y texto. Una vez lo tengas y tengas capas con las imágenes de la animación, pasa al Image Ready a animarlo.

Si tienes dudas, sugerencias, o lo que sea, tan sólo postea aquí.

Tutorial redactado por lovespyke para Milenium Designs. Prohibido usarlo en otros sites sin permiso.
Top

Topic Options



Hosted for free by InvisionFree (Terms of Use: Updated 7/7/05) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.2081 seconds | Archive