ANIMACION BASICA by marina

ANIMACION BASICA CON IMAGE READY

ESTA ANIMACION SE PUEDE HACER CON TEXTO O IMAGENES, SE PROCEDE DE MANERA SIMILAR , EN UN PROXIMO TUTO LO HARE CON IMAGENES Y VERAN QUE ES PARECIDO



ABRIMOS DOCUMENTO NUEVO EN PHOTOSHOP Y LO PINTAMOS, PUEDE SER DE CUALQUIER COLOR YO LO PINTARE DE NEGRO Y ESCRIBINOS UN TEXTO EN COLOR/MIRAR BIEN LAS CAPAS)


https://i.servimg.com/u/f31/12/51/04/14/tuto110.jpg

SI MIRAN CADA CAPA TIENE UN DIBUJO DE UN OJO, ESTO SIGNIFICA LA VISTA DE LA CAPA, OSEA SI LA MOSTRAMOS O NO
DESELECCIOANMOS EL OJO DEL PRIMER TEXTO, VERAN QUE EL DOCUMENTO NEGRO QUEDA SIN EL TEXTO


https://i.servimg.com/u/f31/12/51/04/14/tuto210.jpg

ESCRIBIMOS OTRO TEXTO EN OTRO COLOR


https://i.servimg.com/u/f31/12/51/04/14/tuto310.jpg

OCULTAMOS EL OJITO DEL SEGUNDO TEXTO Y NUEVAMENTE NUESTRO DOCUMENTO QUEDARA SIN EL TEXTO


https://i.servimg.com/u/f31/12/51/04/14/tuto410.jpg

ESCRIBIMOS EL TERCER TEXTO EN OTRO COLOR


https://i.servimg.com/u/f31/12/51/04/14/tuto510.jpg

EL TUTORIAL MUESTRA COMO HACER CON TEXTOS SIMPLES, AUNQUE SE LE PUEDEN HACER EFECTOS A CADA UNO DE ELLOS HACIENDO CLICK EN OPCIONES DE FUSION.

BUENO SEGUIMOS, YA TENEMOS LOS TEXTOS LISTOS, AHORA VAMOS A ANIMARLOS, PARA ELLO HACEMOS CLICK EN IMAGE READY


NOS LLEVARA A LA ZONA DE ANIMACION DEL PROGRAMA , SE VERA ASI


https://i.servimg.com/u/f31/12/51/04/14/tuto710.jpg

PUEDE SER QUE LA VENTANA DE ANIMACION NO SE ENCUENTRE ABIERTA , PARA ABRIRLA IR A EL MENU DE ARRIBA>VENTANAS>Y SELECCIONAR ANIMACION


https://i.servimg.com/u/f31/12/51/04/14/tuto810.jpg

UNA VEZ ABIRTA LA VENTANA DE ANIMACION VEREMOS QUE SOLO HAY UN CUADRO


https://i.servimg.com/u/f31/12/51/04/14/tuto910.jpg

SIEMPRE SE CREA UN CUADRO POR CADA TEXTO O IMAGEN QUE TENGAMOS, EN ESTE CASO TENEMOS 3 TEXTOS, ASI QUE HAREMOS 3 CUADROS, COMO TENEMOS UNO SOLO, LO DUPLICAREMOS HASTA TENER LOS 3, PARA ELLOS HAREMOS CLICK ADONDE MUESTRA LA IMAGEN


https://i.servimg.com/u/f31/12/51/04/14/tuto1010.jpg

PARA QUE VEAN MEJOR ACA LES MUESTRO LAS FUNCIONES


https://i.servimg.com/u/f31/12/51/04/14/grande10.jpg

UNA VEZ QUE TENEMOS LOS TRES CUADROS LISTOS SELECCIONAMOS EL PRIMER CUADRO Y DEJAMOS SELECCIONADO SOLO EL OJO CORRESPONDIENTE AL PRIMER TEXTO QUE QUEREMOS QUE APAREZCA, OSEA QUE DEBEMOS DESELECCIONAR LO QUE NO QUEREMOS QUE SE VEA EN ESTE PRIMER CUADRO


https://i.servimg.com/u/f31/12/51/04/14/tuto1110.jpg
LUEGO SELECCIONAMOS EL SEGUNDO CUADRO Y SOLO DEJAMOS ACTIVADO EL OJO DEL SEGUNDO TEXTO

https://i.servimg.com/u/f31/12/51/04/14/tuto1210.jpg

POR ULTIMO SELECCIONAMOS EL TERCER CUADRO Y DEJAMOS SOLO ACTIVADO EL OJO DEL TERCER TEXTO


https://i.servimg.com/u/f31/12/51/04/14/tuto1310.jpg

AL IR TRABAJANDO CON LAS CAPAS SIEMPRE TENER EN CUENTA LO QUE CADA CUADRO DE ANIMACION MUESTRA, ASI SABREMOS SI ESTAMOS EN BUEN CAMINO

AHORA LO QUE HAREMOS ES DARLE EL TIEMPO DE RETARDO, OSEA EL TIEMPO DE VISUALIZACION DE CADA UNA DE LAS CAPAS, PARA ELLO HACER CLICK EN DONDE MUESTRA LA IMAGEN Y HACEMOS CLICK EN SELECCIONAR TODAS LAS CAPAS


https://i.servimg.com/u/f31/12/51/04/14/tuto1410.jpg

PARA QUE COMPRENDAN MEJOR HICE MAS GRANDE LA IMAGEN DEL BOTON DONDE DEBEN HACER EL CLIK


https://i.servimg.com/u/f31/12/51/04/14/grande11.jpg

LOS CUADROS DEBEN QUEDAN TODOS SELECCIONADOS, EN COLOR AZUL


https://i.servimg.com/u/f31/12/51/04/14/tuto1510.jpg

BUENO PONGAMOSLE EL TIEMPO EN ESTE EJEMPLO PONDRE 0,2

https://i.servimg.com/u/f31/12/51/04/14/tuto1610.jpg

PARA VER COMO VA QUEDANDO HACER CLICK EN PLAY( VER IMAGEN DE FUNCIONES MAS ARRIBA)
DEBE QUEDAR ASI:



SI DESEAN QUE SEA MAS LENTA LA ANIMACION VAYAN JUGANDO CON LOS TIEMPOS, LO MISMO QUE CADA TEXTO OUEDE TENER UNA FORMA O TAMAÑO, ESOE STA EN SU GUSTO, YO NADA MAS LES ENSEÑO LOS PASOS

UNA VEZ TERMINADO GUARDAR COMO GIF: ARCHIVO>GUARDAR OPTIMIZADA COMO>


https://i.servimg.com/u/f31/12/51/04/14/tuto1810.jpg

ESPERO HABER SIDO CLARA CUALQUIER COSA ME PREGUNTAN

Marina a mi no me sale lo de tipo gif

ahhh lo de guadar, tenes que seleccionar la opcion

guardar optimizada como

segun lo que vi ahi, elegiste la opcion guardar como solamente, recuerda que tiene q decir, OPTIMIZADA

Entonces solo le doy a guardar??

debes guardarla optimizada osea asi:

menu de arriba

archivo>guardar optimizada como>

mira cuando la va a guardar si esta guardando como gif, si es asi, asignale un nombre a tu gif y guarda

en que lado esta menu???

el menu de arriba del photoshop, el que esta arriba, archivo es la primera opcion, la que usas para crear documento nuevo

aaaah ok

pero estando en image ready tenes que guardar

ya lo voy hacer desde el principio

mirar haber que tal lo e echo

ahh ta bien che, ya vas a ver q cuando le agarres la mano vas a empezar a hacer con imagenes, te quedo lindo