tails the fox
Administrador
  
Edad : 16
Inscrito el : 03 Sep 2007
Mensajes : 234
Anime /Manga Favorito : Sonic
Personaje
Raza: Elfo Oscuro
Ocupacion: Gladiador/a
Clan perteneciente: Neutral
|  Tema: ¿Como hacer firmas animadas?  07/04/08, 12:32 am | |
| Buenas gente, pese a que no soy muy amigo de la realización de los
tutoriales (soy un pelín vago para esas cosas  ) al final me he
decidido por hacer unos tutoriales (de momento va uno) para explicar
como hacer pequeños efectos animados para añadir en vuestras firmas,
vereis que con pocos y sencillos pasos obtenemos resultados interesante.
Lo primero, necesitaremos:
-Adobe Photoshop
-Adobe ImageReady (suele venir integrado con Photoshop)
-Un poco de paciencia.
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.
A continuación 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
-La web de pspain con esta web (si no ahora no estarias leyendo esto!)
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  .
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.
Si os ha gustado el tutorial echadle un vistazo a mi web (ver mi firma ) que es gratis.
Un saludo.
Edit: Ok ok, el efecto aun queda un pelín cutre, es que he hecho todo
un poco rápido ^_^U, podeis probar vuerstras combinaciones en el número
de frames a ver que os sale, de todos modos con que os hayais quedado
con el mecanismo de como se hace el efecto me alegra .
_________________
|
|
