PortyGames Generation


 
IndiceÍndiceGaleríaFAQMiembrosBuscarPacksRegistrarseDonacionesConectarse
¡Buenas Invitado, Juega a los videojuegos gratuitos creados por otros PortyGamers!
¡Buenas Invitado, Lee online y totalmente gratis nuestra revista sobre PortyGames!
¡Buenas Invitado, Busca el programa más adecuado para crear tus propios videojuegos!
¡Buenas Invitado, Lee y aprende de los tutoriales de PortyGamers más avanzados!
Conectarse
Nombre de Usuario:
Contraseña:
Entrar automáticamente en cada visita: 
:: Recuperar mi contraseña
Últimos temas
» PortyGames generation cumple 2 años
por Zangetsu Dom Nov 13, 2011 1:02 am

» sugerencia publicidad
por Zangetsu Dom Nov 13, 2011 1:01 am

» PortyGamees aplica soluciones para soportar su crisis...
por Zangetsu Dom Nov 13, 2011 12:59 am

» Baja de ranking
por exellomas Dom Oct 23, 2011 8:06 pm

» wizard101 music xd
por Zangetsu Jue Sep 22, 2011 1:43 pm

» 6 curiosidades sobre la vida de Steve Jobs
por Zangetsu Jue Sep 15, 2011 7:35 pm

» Taller De Charsets Rpg maker 2000/2003
por HollowMaker Jue Ago 25, 2011 1:16 pm

» un pixelart
por Pokaranero Miér Jul 27, 2011 5:14 pm

» Almohadazo
por exellomas Mar Jul 26, 2011 1:07 am

» EmuPack
por Emmet Dom Jul 10, 2011 3:45 pm


CaosG Asistencia ForoActivo Foros Metal Slug FC Anime Supremo No Fansub Good Area




Comparte | 
 

 Firmas Animadas

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Zangetsu
Moderador
Moderador


Especialidad : Mapeador

Masculino

Sagitario Serpiente
Mensajes : 461
Monedas : 1036
Reputación : 6
Edad : 27

MensajeTema: Firmas Animadas   Lun Jun 14, 2010 3:19 pm

Necesitaremos el Photoshop y Adobe ImageReady (suele venir integrado con Photoshop.
Lo primero de todo, hacemos una firma, yo por ejemplo he hecho esta con photoshop:


A
continuación abrimos la imágen con el Photoshop y creamos una capa
nueva en la imágen y dibujamos un rectángulo con el lápiz. Algo asi por
ejemplo:

Ahora
añadimos otra capa y dibujamos una linea recta que vaya desde un lado
del rectángulo a otro, (vamos a hacer una linea vertical). Algo así:


Si hemos hecho todo segun los pasos que he dicho, ahora tendriamos que tener lo siguiente:

-El Photoshop abierto (claro xD)
-Una capa con la firma
-Otra capa con el rectángulo
-Una tercera capa con una pequeña linea vertical dentro del rectángulo

Todo
correcto hasta aqui? Muy bien, a continuación, nuestro photoshop, en la
barra donde están las herramientas de selección, bote de pintura,
pluma,etc. veremos que abajo hay un icono asi:

Este
icono nos permitirá pasar nuestra imagen a la aplicación de ImageReady,
que es que usaremos para hacer la animación para nuestra firma. Le
damos al icono y esperamos a que se abra el ImageReady con nuestra
firma y las tres capas.

Una vez la tenemos abierta con
ImageReady, vamos a la barra de arriba de opciones, vamos a Ventana (si
teneis la versión inglesa Window) y marcamos la opción que pone
Animación o Animation (si ya esta marcada con una v a la izquierda ni
nos molestamos).

Veremos que ahora abajo nos ha salido una barra con lo siguiente:


Esto
es la barra de animación, algo que nos resultará fundamental a la hora
de hacer las animaciones en las firmas. Ahora añadiremos un efecto a
nuestra firma, por ejemplo una pequeña linea que se mueva por un
rectángulo como si se tratara de una especie de medidor o algo.
Ahora vamos a la barra de animación y le damos al icono de la hoja:

Ahora nos saldrá algo asi, verdad?:

Muy
bien, ahora hacemos click en la barra de animación en el cuadro con el
número dos. Ahora vamos a la ventana donde nos aparecerán las 3 capas
de nuestra imagen (si no la veis, donde antes hemos activado la ventana
de animación haced click donde pone Capas o Layers si no está marcado),
nos situamos de nuevo, tenemos marcados el marco número 2 en la ventana
de animación y estamos en la capa de la rayita vértical de la firma Smile.

Perfecto,
ahora movemos nuestra linea vertical hasta el final del rectángulo (con
cuidado de que la raya no se salga del rectángulo!) A continuación,
vamos a la ventana de la animación y hacemos un click sobre la hoja de
nuevo para añadir un nuevo cuadro (este nuevo cuadro será el número 3).
Seleccionamos el cuadro con el número 3 y movemos la linea vertical del
rectángulo, pero esta vez hacia la izquierda, como estaba en el cuadro
número 1.

De esta manera debería quedarnos algo asi:

Cuadro número 1, la linea del rectángulo está a la izquierda.

Cuadro número 2, la linea del rectángulo está a la derecha.

Cuadro número 2, la linea del rectángulo está en la misma posición que en el cuadro número 1.

Bien,
¿hasta aquí no fue complicado, verdad?, ahora vamos a por el paso
final. Con la combinación de la tecla control y el click izquierdo del
ratón seleccionamos el cuadro número 1 y el cuadro número 2:


A
continuación hacemos click en el icono que hay a la izquierda de el de
la hoja (el que hemos usado antes para crear nuevos cuadros) ¿veis el
icono en la imagen de arriba no? es el de los cuatro cuadraditos que se
van haciendo transparente. Hacemos click y nos saldrá lo siguiente
(OJO! si no hemos seleccionado los dos cuadros no nos saldrá la opcion):

Donde
pones Frames to Add, vamos a poner 10 por ejemplo. Le damos a Ok y
veremos que en la ventana de animación nos habrán salido un montón de
cuadro. No nos preocupemos, luego explico eso.

A continuación
(si hemos marcado antes 10 frames) seleccionamos como antes con la
tecla control + click izquierdo el cuadro 12 y 13 y realizamos la
siguiente misma operación que antes, marcamos 10 frames y listo.

Ahora
tendremos 23 frames si lo hemos hecho bién, ahora vamos al menú de
arriba, a Archivo, guardar optimizado para... y guardamos la imágen
como gif. Obtendremos el siguiente resultado:

Como
vemos, el resultado de la animación queda un poco brusco, podemos
repetir el proceso poniendo en vez de 10 ponemos 20, quedaría algo asi:

Este efecto lo podemos aplicar en un montón de cosas como aplicar transparencias a textos, etc.

Todos
esos cuadros que aparecian antes si los vamos viendo uno a uno vemos
como la linea vertical se va moviendo. Esta herramienta sirve que
teniendo una posición inicial y una posición final nos hace los cuadros
intermedios entre el punto inicial y el final.

Espero que os haya gustado y os sea práctico el tutorial.

Volver arriba Ir abajo
http://zangetsu57.wordpress.com/
 

Firmas Animadas

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

Permisos de este foro:No puedes responder a temas en este foro.
PortyGames Generation :: Categoria de Ayuda y Tutoriales :: Ayuda General :: Guias y Tutoriales-