Posteado por:
Hola Amigos hoy les traigo algo que no es nuevo pero si muy divertido y es crear tus propios Graphics Interchange Format o mas comúnmente conocidos como GIF pues verán aunque parezca no es muy difícil y creo que con el tutorial indicado cualquiera con un poco de creatividad los puede realizar, es por eso que me di a la tarea de crear este pequeño tutorial en imágenes para aquellos que quieren aprender......
pues comencemos, les mostrare como crear un GIF animado muy básico es un punto de partida para que una vez tengan un poco de destreza puedan crear uno mas elaborado....
Trabajare con esta imagen
pues comencemos, les mostrare como crear un GIF animado muy básico es un punto de partida para que una vez tengan un poco de destreza puedan crear uno mas elaborado....
Trabajare con esta imagen
El primer paso es abrir la imagen con la que deseamos trabajar, con el Adobe Photoshop.....
Una vez que tenemos la imagen abierta, el siguiente paso es duplicar la capa, esto lo hacemos para poder trabajar en dos planos, si queremos trabajar en mas planos solo hay que copiar cuantas capas necesitemos para hacer la animación....
el siguiente paso es seleccionar la capa que creamos para poder trabajar en ella..
una vez seleccionada la capa, elijemos la herramienta lazo, yo prefiero esta para seleccionar pero se puede hacer de otras maneras.....
con esta herramienta seleccionamos el área a modificar que en este caso es la cara del personaje, esto lo hacemos dando clic y seleccionando todo el contorno de la cara....
enemos seleccionada el área, pues continuemos, ahora con la herramienta de mover, rotamos en área seleccionada hasta donde deseamos para darle el efecto de movimiento..... como verán en la imagen.
Pues bien tenemos la imagen rotada ahora solo queda retocar los bordes eliminado el resto de la otra capa esto lo hacemos con las herramientas de pincel y la herramienta cuentagotas para duplicar el color del fondo..... quedara la imagen así:
ahora si comenzamos con la animación, esta la hacemos seleccionando la opción de animación como veremos en la imagen siguiente.
seleccionamos esta opción, hecho esto, duplicamos los cuadros en la animación, como en la imagen...
ahora seleccionamos el primer cuadro y en este hacemos visible solo la primera capa de la secuencia como se aprecia en la imagen...
el siguiente paso es seleccionar el segundo cuadro donde haremos visible solo la segunda capa...
ahora seleccionamos los tiempos de la animación las imágenes hablan mas que la palabras:
ya casi esta listo ahora solo queda guardarlo, esto lo hacemos en archivos, guardar para web y dispositivos....
Y el resultado de nuestro trabajo se vera asi...... jajaja muy facil verdad
- Compartir en:
Otros posts que te van a interesar:
- Qué hacer ante una relación sofocante...
- Crear server mu online con mu facil (muy facil y rapido)
- Como hacer una carpeta invisible
- 7 tips para hacer un buen post
- Adobe.Photoshop.CS5 Lite.Edition autoinstalable
- Adobe CS6 Master Collection [Español] [Full] [2012]
- Adobe Flash Player 11 11.1.102.55 (Firefox, Chrome, Opera)
- Como Preparar Terere
- Como poner un par de ojos en tu escritorio
- Tutorial Xara3d !
Para poder comentar necesitas estar Registrado. O.. ya tienes usuario? Logueate!
Basado en phpost
Ayuda
Chat
xxx
Protocolo
Términos y condiciones
Privacidad de datos
Report Abuse - DMCA
Copyright ©MyZoneX, 2013. All Rights Reserved.