El tutorial, en su generalidad, es sencillo, todo está bien explicado con imágenes, aunque si hay alguna duda, no dudes en comentar el post

Este será el resultado que tendría que quedar  ::)



Indice:
- Recursos
- 1° Paso: Creación del documento
- 2° Paso: Formación del Marco
- 3° Paso: Color y sombra de fondo
- 4° Paso: agregación del meoth
- Último Paso: Movimiento


Recursos

- Adobe Photoshop, cualquier versión
- Ésta Imagenhttp://i658.photobucket.com/albums/uu304/tasso12/Sinttulo-1-2.png



1° Paso: Creación del documento

http://i658.photobucket.com/albums/uu304/tasso12/Sinttulo-2-2.png
Crearemos el documento con: 191x376 Píxeles y con una resolución de 72

http://i658.photobucket.com/albums/uu304/tasso12/Sinttulo-6copia.png
Luego de crearlo, Click derecho en la única capa que tenemos y eligiremos "Capa a partir de fondo" y luego

presionaremos "OK"



2° Paso: Formación de Marco:
http://i658.photobucket.com/albums/uu304/tasso12/Sinttulo-64opia.png
Con en la Herramienta Marco Rectángulo, Haremos un rectangulo, a una distancia de los bordes, traten de que sea

similar a la imagen.

http://i658.photobucket.com/albums/uu304/tasso12/Sinttulo-3.png
Al temrinar de hacer el rectángulo, clickearemos en "añadir una Máscara vectorial", un botón ubicado en la parte inferior de la

ventana capas, cómo ven en la imagen

http://i658.photobucket.com/albums/uu304/tasso12/Sinttulo-2-4.png
Al finalizar, esto tendría que quedar.

http://i658.photobucket.com/albums/uu304/tasso12/wew.png
Iremos a Filtro > Pixelizar > Cristalizar

http://i658.photobucket.com/albums/uu304/tasso12/Si22nttulo-2.png
Elijiremos un valor de 25 y precionaremos "OK"

http://i658.photobucket.com/albums/uu304/tasso12/Sinttuwdwdlo-2.png
Verificamos aver si está bien, Procura que el rasgado no toque los bordes o estará mal (si toca, prueba haciendo
más pequeño el cuadrado con la herramienta rectángulo)



3° Paso: Color y sombra de Fondo
http://i658.photobucket.com/albums/uu304/tasso12/Sinee32.png
Solo Precionaremos donde indica la imagen, en el cuadrado blanco.

http://i658.photobucket.com/albums/uu304/tasso12/hththtthttulo-2.png
Al terminar el paso anteior, seleccionaremos el color del fondo, Si quieres usar el que usé, solo reemplaza lo que

está resaltado por los números que indica la imagen.

http://i658.photobucket.com/albums/uu304/tasso12/Sintrgrrgrgrgtulo-2.png
Iremos a las opciones de fusión de la capa (Click derecho en la sección de capas > opciones de fusión...

http://i658.photobucket.com/albums/uu304/tasso12/44444.png
Clickearemos en Sombra Interior, y pondremos los datos como indica en la imagen.

http://i658.photobucket.com/albums/uu304/tasso12/fff.png
Tendría que quedar algo así (la forma varía)



4° Paso: Agregación del Meotwh

http://i658.photobucket.com/albums/uu304/tasso12/Sinttuloddddd-2.png
Abriremos el Meotwh desde photoshop, y pulsaremos la opción de Modo de pantalla estándar, para poder ver ámbos

documentos.

http://i658.photobucket.com/albums/uu304/tasso12/Sintfffftulo-2.png
Con en la herramienta cursor (La primera en la barra de herramientas, la del icono del mouse) clickearemos en la

imagen del meowth, mantendremos apretado el click y lo arrastraremos al otro documento.

http://i658.photobucket.com/albums/uu304/tasso12/rgrgrwsv.png
Tendría que quedar así, (el lugar donde está el meotwh no importa, lo que importa son las capas.

http://i658.photobucket.com/albums/uu304/tasso12/fffeffeff.png
Duplicaremos la capa, anterior, la del fondo celeste con: Click derecho > duplicar capa..., luego presionamos "OK"

http://i658.photobucket.com/albums/uu304/tasso12/rgrgrrr.png
Arrastraremos la máscara de capa, a la capa del Meowth, clikeando la mascara de capa y arrastrandola hasta la otra

capa.

http://i658.photobucket.com/albums/uu304/tasso12/ededdsxz-1.png
Eliminamos la capa que no tiene máscara de capa (La que duplicamos)

http://i658.photobucket.com/albums/uu304/tasso12/eecewaz.png
Quitamos la cadena de la máscara de meotwh clickeando en ella.

http://i658.photobucket.com/albums/uu304/tasso12/rrrrrr.png
Así tendría que quedarnos, ahora podremos mover el meotwh libremente.



último paso: Movimiento.


http://i658.photobucket.com/albums/uu304/tasso12/eeeee.png
Vamos a ventana > Animacion, si es que no está activado.

http://i658.photobucket.com/albums/uu304/tasso12/Sintteeeeulo-2.png
Si te aparece esta ventana, clickea en el botón inferior derecho.

http://i658.photobucket.com/albums/uu304/tasso12/Sinsssxsttulo-2.png
Clickearemos en la flecha pequeña y eligiremos 0,1 Segundos

http://i658.photobucket.com/albums/uu304/tasso12/Sinwwwwttulo-2.png
Moveremos el meotwh hasta la parte superior derecha de la pantalla (hasta que no se vea) y clckearemos en nueva

capa en la seccion animaciones.

http://i658.photobucket.com/albums/uu304/tasso12/Sintsdssstulo-2.png
Ahora moveremos el meotwh hasta la parte inferior izquierda y precionaremos en la herramienta intercalar cuadros de

animación y rellenaremos como dice en la imagen.

[Repetiremos el mismo proceso desde la esquina superior izquierda hasta la esquina inferior derecha: movemos el

meotwh, clickeamos en nueva capa, movemos el metowh otra vez, clickeamos en intercalar cuadros pero en 50 en

vez de 70]

Finalmente, para agregarle más realismo, a las capas numero: 1, 72 y 123, le cambiaremos el "0,1 Segundos" por "5,0

Segundos"

http://i658.photobucket.com/albums/uu304/tasso12/Sinddscttulo-2.png
Cambiamos el "una vez" por "infinito" para que se haga infinitas veces.

[IMPORTANTE: Para guardarla tienen que ir a Archivo > Guardar Para web y Dispositivos, sino no se moverá]

- Guarden la imagen en modo GIF
- Subenla a un buen servidor (imageshak.us sirve, photobucket no me sirvió, se veía mal :S)

impresionante tasso 
ya se hacer animaciones xdd

---

¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻

¿ASI DE SIMPLE ERA?, puta madre... xD...

Thanks for the info!!!!...

---

Ingeniero de Sistemas. Doblaje de Voz. Programador Web.

Sabes explicarte, buen tutorial me enseñaste mejor que mi profesor de computación xdd

@Slard

Sabes explicarte, buen tutorial me enseñaste mejor que mi profesor de computación xdd

que lindo profesor de computación que tienes xD
también tengo uno así, no hace nada él, solo nos manda un word con lo que hay que hacer, mientras se come un choripán  ::)

Eres un jorobado maquinilla! Muy grande! Gran artista.

thanks for your help

OMG…! O…O quedó genial hasta yo pude entender como hacer lo de "cristalizar"… jejeje, asi q no hay excusas que no les salen, xdd"…

---

¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻