TUTORIAL PARA ICONS ANIMADOS

Jan 07, 2007 22:04


Muchas chikas me han pedido k les enseñe a hacer icons animados. Chikas no soy muy buen explicando pero espero k me entiendan para k hagan sus propias creaciones.
Les advierto k es un poko knsado ya dsp de un tiempo ehh jejejeje
NECESITAREMOS:

WINDOWS MOVIE MAKER
ADOBE IMAGE READY
PHOTOSHOP O PAINTSHOP

Esto es lo k vamos a hacer uno cortito okis


READY???

El primer paso es sacar las capturas. Para esto abrimos nuestro MOVIE MAKER.
Escogemos el video k keramos y lo abrimos. Escoge la escena k mas te guste.
NOTA: Preocura escoger una pekeña ahora k empiezas ok.
En nuestra pantallita donde vemos el video vemos k hay una camarita de foto ok. Ahora lo k vamos a hacer es capturar la escena de pokito a pokito. Esto hay k tener mucho cuidado para k la animacio nos kede lo mejor posible, ASI:


Con la barrita k tiene las orillas verdesitas vas a ir adelantando POCO A POCO  el video y vas a ir tomando la captura UNA X UNA!! No se te olvide PONERLE NOMBRE A CADA CAPTURA COMO 1 2 3 para k lleves el orden. 
Toma las capturas k sean necesarias..yo para esta utilice 18 SC (capturas). Hay otras donde hasat 40 tienes k hacer.
Cuando tengas tus capturas hechas abre tu IMAGE READY

Lo k vasmo a hacer es abrir la captura numero 1.
Despues abres la 2, la copias y pegas encima de la 1.
Despues abres la 3 y la vuelves a copiar y pegar
Y asi sucesivamente hasta k acabes con todas tus capturas.
Te debe kedar algo parecido a esto


Ahora vamos a tu programa dnd generalmente haces graficos. En este caso abrire el PAINTSHOP.
En el PSP vamos a abrir la sigiente textura de 77words (no se ke pasa al poner un LJuser...se mekortala entrada asi k lo pongo asi)
Con tu herramienta de seleccionar vamos a seleccionar el espacio donde kieres ke kede la animacion asi:


Copiamos y pegamos y chekamos kuanto mide en este caso mide: 81x81
Apunta o memorizate las medidas del tuyo y regresemos al IMAGE READY

Ahora con tu herramienta de CROP (se hubica en tu barra de herramientas de lado izq) 


Vamos a ponerle los valores de tu medida k te acabas de memorizar o anotar. En este caso sera 81x81


Vamos a tu imagen y seleccionas lo ke kieres k se vea y kuando lo tengas das doble click y se hara mas chikito y solo se vera un cuadrito:

--------------------------------->>>>>>>

Ahora vamos a hacer mas grande nuestro canvas..oseoa nuestro lienzo.
Vamos a IMAGE/CANVAS SIZE


Y le ponemos los valores de 100x100


Vas a ver k se se le pone komo un marco (eso es xk agrandamos el lienzo mas NO la imagen ok
Ahora abrimos en el IMAGE READY la textura k les di hace rato de  la pegamas en nuestro trabajo y la pasamos hasta abajo de todas las capas (esto lo hace seleccionando entu paleta de capas la textura y la jalas hasta abajo)


Ahora empieza lo divertido LA ANIMACION!!!
En tu IMAGE READY vas a ir a WINDOW/ANIMATION y te va a apatecer una ventanita komo esta:


En la flechita k esta abajo de la tachita blanca vamos a poner MAKE FRAMES FROM LAYERS


Y te va a aparecer una tirita con todos los SC ok
Ahora pon mucha atencion...VAS A SELECCIONAR DESDE EL PRIMER MARCO CON IMAGEN HASTA EL ULTIMOS.
VAS A IR A TU PALETA DE CAPAS Y EN LA CAPA DE HASTA ABAJO VAS A PRESIONAR EN UN CUADRITO PARA K SE PONGA UN OJO Y LA TEXTURA SE VEA EN TODOS LOS MARCOS. 
Asi:


Ahora vamos a agregarle el tiempo a cada marko. Selecciona TODOS los marcos komo lo hiciste anteriormente y en la parte de abajito viene (0seg) dale click derecho y te saldra para poner mas tiempo yo generalmente uso ,1 pero a veces necesito un ,15 (para poner otro valor k no venga en la tabla solo da click en OTHER y pon ahi el valor k necesites. OJOS ES ,1 o ,15 NO .1 o .15 (ES COMA NO PUNTO!!!)
Asi:


Pueden darle PLAY para k vean komo va kedando su animacion!!
TIENEN 2 OPCIONES: DEJARLO ASI O AGREGARLE TEXTO.

Si lo kieres dejar asi solo haz 2 ultimas kosas:
selecciona en tu animacion el marco en blanco y eliminalo.


Y GUARDALO (mas abajo te dire como OK)

Ahora si kieres ponerle texto selecciona en tu animacion el marco blanco y en tu icon selecciona la erramienta de texto (T) y escribe lo ke kieras. En este caso sera BEST FRIENDS.
T kedara asi:


Ahora vamos a DUPLICAR el marco del texto asi:
Selecciones el marco donde esta el texto y a lado del bote de basurita hay una ojita ahi le das click y veras k se hara otro marco igual.


Ahora selecciona la primera y en tu maleta de capas donde te indica la capa de texto le damos click en el ojito para k desaparesca. Ahora desaparecio el texto de TODAS las capas!!


Ahora bien...selecciona el SEGUNDO marco blanco, vuelve a tu paleta de capaz y dale click donde estaba el ojito para k se vuelva a ver. Ahora el texto solo se ve en l SEGUNDO marco.



Ahora seleccionamos el PRIMER marco y vamos a darle click en las bolitas k stan a lado de la hojita,


Te va a salir una tablita en donde vas a ponerle los sig valores:


Ahora tu paleta se vera algo asi:


Dale PLAY y si te gusta lo GUARDAS asi:

Vamos a tu paleta y hasta arriba debe salirte la opcion para optimizar si no ve a WINDOW/OPTIMIZE
Veras algo asi:


Y pondras los sig valores: ES BIEN IMPORTANTE K PONGAS EL GIF


Ahora ya k esta optimizado vamos a FILE/SAVE OPTIMIZED AS 


Busca donde lo vas a guardar, ponle nombre y verifica que diga IMAGE ONLY .GIF


VOILA!!!!! LISTO!!!!!
YA TIENES TU ICON ANIMADO!!!
EXPERMENTA CON ESCENAS..BUSCA TEXTURAS DIFERENTES!!! SUERTE!!

RESULTADO:


OTROS CON LA MISMA TECNICA:

 
 

tutorial

Previous post Next post
Up