1-. Abrimos la imagen que queramos usar, en este caso, yo usaré esta de hiei.
2-. Creamos una nueva capa y la rellenamos de negro.
3-. Con la capa de negro activa, vamos a Filtro/Ruido/Añadir ruido y le ponemos los siguientes valores:
4-. Ahora vamos a Filtro/Desenfocar/Desenfoque de movimiento y le ponemos los siguientes valores:
5-. Ahora vamos a la ventana de capas y la cambiamos a Trama.
6-. Ahora pulsamos Ctrl+L y nos saldrá la ventana de niveles y le ponemos estos valores:
7-. Ahora toca hacer todos los pasos otra vez hasta que tengamos 3 capas más iguales a la que nos ha quedado con estos pasos (en total tendremos 4 capas de lluvia más otra en la que le añades un marco o lo que quieras). Mirad la foto, cuando estéis listos y lo tengais como en la foto, ocultad las capas de lluvia dándole al ojo que tiene cada capa al lado.
8-. Ahora vamos a Imageready si tenemos el photoshop CS o CS2 dándole a este botón 
O si tenemos el Photoshop Cs3 o superiores vamos a Ventana/Animaciones.
9-. Una vez allí, vereis que se carga la imagen y sus capas y veréis también esta ventana de animación:
Como veréis tenemos la capa 1 (que és la original) pues ahora le dais al boton que el circulo rojo marca y creais 3 capas más. Después de crearlas, os vais otra vez al primer cuadro y en la ventana de capas le dais al ojo de la primera capa de lluvia. Veréis como ha cambiado la imágen y ahora luce una bonita lluvia. Pero ahora viene lo importante, vais a la ventana de animación y os ponéis en el segundo recuadro y activáis la segunda capa de lluvia, y desactiváis la primera. Así haremos hasta rellenar los demás cuadros (en resumen, en cada cuadro de animación activais sólo una capa de lluvia y las demás ocultas).
Si le dáis al play, vereis el resultado.
Al guardarla, os quedará esto. Y ya hemos terminado 
Ninjutsu ha dejado en la sección de recursos del foro el psd de una firma animada del personaje Gaara del anime de Naruto. Es una firma de hace bastante tiempo y no es tan elaborada como otras que hemos subido pero precisamente por ser simple y llevar animación se ve claramente como se van cambiando la capas por cada frame de la animación.
Esperamos que os sirva y os animeis a hacer firmas animadas que desde hace algún tiempo estan de capa caida y por favor hacer buen uso del psd y así no nos encontramos las sorpresas de siempre.
Gracias Ninjutsu.
Descargar psd firma animada de Gaara (763 Kb)
]]>Holapp, aqui traigo un tutorial despues de una larga ausencia , empecemos:
1.-Abrimos un documento(en Adobe Photoshop), transparente o con fondo blanco, las medidas que quieras:
2.-Ahora con tu nick (Ej: Seth) se crea una capa de texto para cada letra:
3.-Bien, cuando lo tengan listo pasamos a ImageReady con este boton:
4.-Duplicamos el layer (capa) pulsando aquí:
Y después damos aquí y ponemos los datos de la animacion:
(Estos datos son opcionales, en el tutorial estna asi para regular la velocidad de los frames)
5.Por ultimo jugando con la opacidad de las letras podemos conseguir distintos efectos…
Hasta conseguir un resultado como este:
Espero que les haya gustado este manual
Enviado por: CaChO
]]>Hola.
Vamos a aprender a hacer que un objeto que cambie de color de forma animada.
Empezamos:
Creamos cualquier objeto o lo que querais, en mi caso yo, utilizaré una bola 3D.
Una vez lo tengamos, le damos con el boton derecho en el cuadro de capas a la capa de la bola,
y le damos a duplicar capa.
Ahora pulsamos Ctrl+U y nos saldrá el cuadro de Tono/Saturación.
Le damos a colorear y la pintamos del color que queramos.
Ahora nos pasamos a Imageready, y en el cuadro de animación, vereis que nos sale la bola en color naranja, bien, pues en el primer frame del cuadro de animación, en el cuadro de capas, le quitamos el ojito a la capa de la bola color naranja.
Ahora, creamos otro frame, y activamos el ojito, pero solo en este segundo frame,y le bajamos la opacidad hasta diez, hacemos otro frame y se la subimos otros diez y asi hasta llegar a cién, y nos quedará esto:
Una vez tengamos eso, debemos retroceder sobre nuestros pasos y disminuir la opacidad de diez en diez hasta llegar a cero.
Le damos a play, si queremos ajustamos los tiempos y nos queda esto:
Importante: Este tutorial está sacado de la web:
Pero su web original es:
www.fire-project.com
Enviado por: X-Naiker-X
]]>
Bueno, como pude comprobar (y vosotros también) en el último 21º concurso de Elite Firmas hubo muchos menos participantes que en otros en los que ha llegado a participar mucha gente y yo creo que se debe a que la mayoría no saben hacer animaciones o no las saben hacer muy bien y por eso me decidí a hacer este manual para dar alguna ayudilla a los que más lo necesitan ;D y sobre todo para que la próxima vez haya más elecciones a la hora de hacer uan animación u.u” (aunque ya existen varios tipos de manuales como este en esta web XD). También me decidía a hacer este tuto porque la animación que hice para el concurso se trataba de esto. Dicho lo cual vayamos al grano.
Pero antes de empezar es necesario que como mínimo tengáis el Adobe Image Ready, aunque si tenéis el photoshop lo más seguro que en la instalación se os instalaran los dos programas, ya que casi siempre vienen en conjunto.
Primero voy a explicar el principio básico para que no se os crucen las piernas o se repita algo o parezca un zombie andando XD. Abrimos primero en photoshop para hacer todas nuestras modificaciones de mejor manera, ya que en el Image Ready es más complicado..
Usaré un sprite que sirve de plantilla que usaba yo para crear otros sprites:
La clave para que ande bien y sin que se crucen las piernas ni pase nada raro reside haciéndolo de la siguiente manera:
1º- Ponemos al personaje normal, quiero:
2º- Ponemos al personaje con una pierna hacia delante y otra hacia atrás y las manos, respectivamente, igual (también si tiene el pelo largo convendría cambiarlo hacia uno u otro lado según se mueva):
3º- Volvemos a poner el personaje quieto, exactamente el mismo que el del paso 1:
4º-Volvemos a poner el personaje con una pierna hacia delante y otra hacia atrás al igual que las manos PERO cambiando el pie y la mano: 
Vamos, en total esto:
Y ya nos sale la animación:
Aquí está lo mismo pero en todas las direcciones:
Bueno vale, ha sido demasiado fácil ¿no? O.O claro, pues adiós y que os vaya muy bien… XD. No, esto hay que explicarlo bien XD. Bueno, como habréis comprobado tendríamos que tener 3 capas hechas, la 1ª contiene el personaje quieto:
La 2ª tiene que tener a este:
Y la 3ª a este otro:
No repito 2 veces la 1ª imagen porque no lo veo necesario ya que es exactamente igual en el paso 1 y 3.
Bueno, ya hemos acabado de hacer nuestras imágenes en el photoshop, ahora nos vamos debajo de la ventana herramientas y vemos que existe este botón:
Pues lo pulsáis y os llevará al programa Image Ready en el cual trabajaremos para hacer la animación.
Allí lo primero que debemos destacar es la ventana animaciones:
Pues bien, creamos cuatro capas a partir de la 1ª en la ventana capas, pulsando el icono que se indica en al imagen:
Una vez creadas las capas seleccionáis la 2ª y entones os váis a la ventana capas y pulsando en el ojo que aparece a la izquierda de las capas ocultáis todas las capas excepto la 2ª:
Y después seleccionáis la última capa o frame de la ventana animciones y ocultáis todas las capas excepto la 3ª.
Ahora, para ver cómo queda la animación pulsáis el icono de “play” que hay situado debajo de los frames en la ventana animación. Si queda muy rápido cambiáis el tiempo justo debajo de cada animación que pone el tiempo, yo puse 0.1 seg. Y me quedó perfecta ;D. Y para guardar váis a Archivo> Guardar Optimizada Como.
Y con esto finalizo este básico y simplísimo tutorial.
Espero que os sirva para hacer este tipo de animaciones. Y recordad: 1-parado, 2-pie1 hacia adelante pie2 hacia atrás 3-parado 4- pie1 hacia atrás pie2 hacia delante.
Esos son los principios básicos de un personaje andando para que no se crucen los pies ni pase nada raro.
También si queréis hacer el personaje corriendo tendréis que hacer lo mismo pero en vez de que el personaje esté “tan poco dinámico” tendréis que inclinarlo un poco más en cada frame y realzar los movimientos, es decir, en vez de adelantarle un poco el pie hacerlo más y la mano también (al igual que el pelo ponerlo como si le diera más el aire, si es largo). Y en los pasos 1 y 3 en vez de dejarlo quiero ponerlo en una especie de “quieto pero como si fuera a moverse en cualquier momento”, es decir con el cuerpo inclinado hacia delante y con las piernas flexionadas un poco. Y bueno, lo siento pero ahora mismo no tengo plantillas ni ganas de ponerme a hacer un sprite porque me llevaría bastante tiempo. No es necesario que os pongáis a hacer ahora Píxel art simplemente con una imagen que tengáis le modificáis los brazos y piernas cortando y calando según las posiciones que necesitéis. En las animaciones corriendo es más fácil meter la pata ya que en el paso 1 se comienza con el personaje la en posición corriendo entonces en el 2º paso lo intentas poner también corriendo pero un poco más parado y cuando llegas al paso 3 y 4 te das cuenta de que la has cagado porque no sabes cómo seguir y si lo haces mira la animación que te saldrá después…. XD. Así que si queréis hacerlo corriendo poned 1º en práctica el andando, y usadlo de modelo para el que corre, os será muy útil. Simplemente “dinamizad” el personaje andando para que corra =3.
Espero que os sirva y cualquier duda la comentáis creo que en… dudas de manuales o en los comentarios de este manual.
PD: El sprite que he usado de plantilla no lo hice yo, lo busqué a posta para hacer este tutorial porque no tenía ganas de pararme a hacer uno ya que es muy laborioso.
PD2: Si os miráis algún otro tutorial de la sección animaciones os será muchísimo más fácil hacer este tutorial ,aunque ya es super fácil y muy básico, lo mas que hay que saber es las posiciones que tieen que tener el personaje.
Saludos.
Enviado por: Precursor
Primero partiremos de la firma de base sin letra alguna y le añadimos el texto a nuestro gusto.
Entonces tendremos la capa del fondo y la de texto. Ahora vamos al menú de herramientas y debajo de todo hacemos clic en el icono de editar en ImageReady.
Una vez allí vemos que tenemos una ventana con varias pestañas donde vemos la imagen, y una ventana donde se crea la animación; a parte de las ventanas de capas y demás. Vamos a la ventana de animación y hacemos clic en Duplica el cuadro actual para que haga un duplicado del cuadro en el que estamos.
Haciendo esto tenemos dos capas o cuadros de animación. En cada uno de ellos podemos jugar con las capas para crear la animación. En este caso el primer cuadro lo dejaremos tal como estaba y en el segundo ocultaremos la capa de texto en la ventana de capas.
Ahora volvemos a la ventana de animación y fijamos el tiempo de espera de cada cuadro, eso se hace haciendo clic debajo de cada cuadro. En nuestro caso lo hemos puesto a un segundo. Ahora en la ventana de la imagen seleccionamos la pestaña optimizada y podremos ver como queda el gif si le damos al play en la ventana de animación. Una vez acabado solo nos queda guardarlo, vamos a archivo/Guardar optimizada como… y le damos un nombre y ya está, aquí tenemos nuestro gif.
