Este tutorial me vino a la cabeza tras ver el fantástico tutorial de Pilar “tutorial banner animado” (http://www.photoshop-designs.com/foro/viewtopic.php?t=3475&postdays=0&postorder=asc&start=0 ). El resultado es exactamente el mismo, pero a mí me pareció que así era mas fácil, juzguen ustedes.

Debido a la falta de tiempo, y ser el primer tutorial que ago, nose si se va a entender, si es asi, decírmelo y lo dejo algo mas claro.

-Abrimos una imagen, y escribimos las letras, (en este tutorial lo are con un fondo blanco por la falta de tiempo).

Duplicamos las letras y ponemos unas en el borde izquierdo q no se vea pero q este pegado justo al borde, y la otra que se vea entera, justo en el borde derecho. Deben estar a la misma altura, ayudaros de unas guías si os hacen falta. Hasta aquí sencillo no?

Ahora atentos, abrimos el imagen ready, y con las dos capas de texto colocadas, hacemos un segundo frame:





Ahora En este frame, con las dos capas de texto con la “cadena” (ver foto siguiente) para que se muevan a la vez, y con la tecla shift apretada (para que las letras solo se muevan de derecha a izquierda o viceversa) ponemos la capa de texto de la izquierda al borde derecho como estaba antes la otra capa de texto (esta segunda capa de texto abra salido d la pantalla)





Ahora simplemente nos queda usar la función “Tween” (ver la siguiente captura) y os saldrá una ventanita, en ella simplemente tenéis que poner cuantos frames quieres que forme el gif, (ya saben que cuantos mas frames mas lentas pasaran las letras).





Ya solo queda guardarlo, Archivo y ”guardar optimizada como”.

El resultado es este:





Espero sus comentarios, no sean extremadamente duros conmigo, que es el primero, jajaja. Un saludo.

Mi unica duda ... que es tween en la version en spanis ... por lo demas veo que de esta forma el tutorial es mas rapido y mas sencillo.

saludos

Wow, gran tutorial, es otra forma diferente de hacerlo y, desde luego, mucho mas facil. Esta muy bueno. Nouty, tween, in spanish significa intercalar o algo asi... Espero que sea eso

La traduccion no la se, pro es este boton:



Malegro que les gustara, si me animo pondre mas tutoriales sobre el imagen ready que se me da mejor que el phto shop, jejeje, un saludo.

Muy bueno el tuto :D aqui mi aporte:

Creo que este tuto ya esta post desde hace tiempo pero lo felicito, realmente solo sirve para eso el boton intercalar?¿ Porque de la otra manera me hubiese pasado mucho mas tiempo...

Hola...


Te Felicito..Si que hacia falta el tuto ...Otra cosita que Tamaño de letra usaste Bueno si se puede saber...


Bye..

MUY buen tuto..ahora me voy a dormir pero mañana voy a poner en practica varios tuto's...
sigan asi TODOS..
saludosss

muy bueno felicidades

muy bueno este tutorial

no me sale che XD me salio este jeje
y encima en la I se me quedo un toke xD
jeje pero es lo que ahy

Thanks :D

Yo esque tengo un problema. Cuando se pasa a image ready, no se lo que son frames. Y como yo lo tengo en inglés, es mucho mas complicado... Alguien me podria explicar donde y que son los frames??

hola!
!pero si las capturas de pantalla estan hechas en photoshop en inglés!
los frames son cada una de esos cuadraditos de la ventana de animación.
un saludo

me gustan mis errores: no quiero renunciar a la libertad deliciosa de equivocarme.

pues a mi me parece muy buena gracias por el aporte me sirvio bastante.

Aqui esta mi animación..
Bueno no es nada parecida a lo de el tuto
pero yo estaba haciendo un baner pequeñito y queria meterle animacion y
gracias a este tuto lo hize, ya que nunca habia echo nada animado!!!!