Tu sitio en la red
Login Registrarse? 
Buscar en Foro Buscar Tutoriales

 Enviado por:  Budha
 visto: 29653 veces





Buenas a ver si ahora puedo publicarlo, este medio dia he intantado subir el tutorial, pero me ha dado un error de SQL creo, y se ha ido al garete todo el tutorial dry.gif . Bueno esta vez seguro que antes de darle a "iniciar la nueva discusion" copio todo el tutorial por si se me borra como antes jejeje laugh.gif laugh.gif laugh.gif




laugh.gif laugh.gif laugh.gif EMPECEMOS laugh.gif laugh.gif laugh.gif



1.- Abrimos un documento nuevo con las medidas que deseemos (yo he hecho 100x100)

2.- Rellenamos el fondo de negro y con la "herramienta Texto" escrivimos la palabra que deseemos animar. Yo sólo he hecho una letra, os quedará algo así:

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar



3.- Ahora necesitaremos una imagen de un fuego (cuanto mejor sea la calidad del fuego, mayor sensación de realeza conseguiremos en la animacion) ¿Donde conseguirla? Internet es un multi-universo en el que se encuentra de todo wink.gif

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


Una vez ya tenemos nuestra capa de fuego...

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar



4.- Situamos el cursor entre la capa del fuego y la de la/s letra/s como indica la imagen:

imagen posteada por el usuario


PERO pulsando la tecla "ALT", y vereis cuando lo pasais por la linea que divide las dos capas, desaparece el típico cursor del dedo y aparece otro que es como dos redondas superpuestas, ahora pulsad con el botón izquierdo del ratón Os tendría que aparecer en la capa del fuego una flechita que señala hacia abajo como esta:

imagen posteada por el usuario


Y la imagen de las letras os quedará igual que esta:

imagen posteada por el usuario


5.- Una vez hecho esto sólo teneis que crear nuevos frames en la barra de animaciones:

imagen posteada por el usuario

Os Vais al segundo frame, y estando la capa de fuego seleccionada y la herramienta mover, pulsais los cursores hacia un lado y hacia abajo o hacia arriba, vereis que el fuego de dentro de la letra se mueve, pero la letra no. Simplemente se trata de eso, mover el fondo de la letra para dar sensación de movimiento. Pues haceis eso con los demás frames que os queda.

Y este es mi resultado

imagen posteada por el usuario


Tened claro, que la calidad dependerá muy mucho de la imagen que representará el fuego y de la forma de mover la imagen en los frames.


Bueno pues ya veis que está super facil... Espero que os haya gustado, y para cualquier duda, ya sabeis tongue.gif


Salu2 wink.gif






39 COMENTARIOS

Zerooo - Martes 06 de Febrero de 2007
Usuario sin avatar
me a encatao wink.gif, en 2 dias pongo todos los tutoriales en una sola firma xDDDD,
a ver, budha, como haces para que la letra apresca de a poco, y no entera??

ASTREA_YO - Miércoles 07 de Febrero de 2007
Ver perfil de usuario
imagen posteada por el usuario imagen posteada por el usuario imagen posteada por el usuario


Qué alegría nos has dado!! Gracias mozo.
Lo que ha dejado indicado zero es cierto, cómo se hace esa transición suave de las letras?
Lo voy a probar.. wink.gif

Xman - Miércoles 07 de Febrero de 2007
Ver perfil de usuario
Hola a todos como siempre.

Bueno el tutorial que has dejado Budha, vamos a ver todos los ejemplos que vienen en camino. A poner en practica es tuto familiaaaaaaaaa biggrin.gif.

Saludos
Xman rolleyes.gif

Budha - Miércoles 07 de Febrero de 2007
Ver perfil de usuario
QUOTE (Zerooo @ Feb 6 2007, 10:02 PM)
me a encatao wink.gif, en 2 dias pongo todos los tutoriales en una sola firma xDDDD,
a ver, budha, como haces para que la letra apresca de a poco, y no entera??



Este laugh.gif Xman... laugh.gif Jejeje porque soy hombre y hetero (me gustan las mujeres) que sino ya estarías cazao jijiji happy.gif happy.gif happy.gif Es que eres tan simpatico jajaja biggrin.gif

Facilmente tongue.gif , tienes que jugar con la opacidad. Me explico, para que vaya apareciendo, en mi primer frame la opacidad está a "0", no se ve la letra, en el segundo sólo un 22% de opacidad, en el tercer frame un 44%, en el cuarto un 66%, en el quinto un 88% y en el sexto un 100%. Y para que desaparezca hacemos lo mismo pero al reves, de 100% de opacidad, vamos bajandola un poquito en cada frame, hasta que vemos que desaparece. biggrin.gif

Es muy sencillo smile.gif

Salu2 wink.gif


evaxtomasa - Miércoles 07 de Febrero de 2007
Ver perfil de usuario
muy el tuto ahora a ponerlo en practica!!!!!
muxas gracias
un besazo a todos
biggrin.gif

Zerooo - Miércoles 07 de Febrero de 2007
Usuario sin avatar
gracias budha!

Zelda - Jueves 08 de Febrero de 2007
Ver perfil de usuario
Hola a todos soy nuevo smile.gif ,

muchas gracias por el tutorial ya tengo avatar nuevo laugh.gif

LkS_23 - Jueves 08 de Febrero de 2007
Ver perfil de usuario
muchas gracias por el tuto..xD..saludos

ASTREA_YO - Jueves 08 de Febrero de 2007
Ver perfil de usuario
Hola y bienvenido Zelda.

Te ha quedado muy guapo tu avatar. smile.gif

Budha - Jueves 08 de Febrero de 2007
Ver perfil de usuario

Sip te quedó wapo tongue.gif

Salu2 wink.gif


ranivader011 - Sabado 19 de Mayo de 2007
Ver perfil de usuario
gracias por el tutorial tio,muy util,tambien lo de la opacidad,gracias

fedebett - Sabado 19 de Mayo de 2007
Ver perfil de usuario

queda realmente buenoooo ... muy buen efecto queda

me gusto

saludos

que-diablita - Domingo 27 de Mayo de 2007
Ver perfil de usuario
ESTA MUY BUENO PERO EN EL PASO 4 YA NO MESALE LA FLECHITA sad.gif PODRIAN AYUDARME

Xman - Domingo 27 de Mayo de 2007
Ver perfil de usuario
Hola que-diablita

Si presionas comando CONTROL + G, crearas la mascara de recorte. Que es lo que te explican en el paso 4.

Espero te sirva la ayuda,

Saludos
Xman rolleyes.gif

que-diablita - Domingo 27 de Mayo de 2007
Ver perfil de usuario
GRACIAS XMAN biggrin.gif YAME SALIO

Almeyra_Productions - Lunes 28 de Mayo de 2007
Ver perfil de usuario
La verdad ke te kedo genial. Te felicito!

Saludos! smile.gif

grani15 - Domingo 10 de Junio de 2007
Usuario sin avatar
Hola a todos, bueno la verdad es que nose como hacer para que la letra tenga el fuego si alguien me dice porfa. sad.gif

chao

clairesorpraise - Domingo 10 de Junio de 2007
Ver perfil de usuario
QUOTE (grani15 @ Jun 10 2007, 04:14 PM)
Hola a todos, bueno la verdad es que nose como hacer para que la letra tenga el fuego si alguien me dice porfa. sad.gif

chao

Hola grani15
Antes de nada darte la bienvenida a esta gran familia smile.gif

En cuanto a tu duda, si lo que quieres es la imagen del fondo de las letras, a sea, el fuego, busca en google, encontraras muchas imágenes que te servirán.

un saludo
claire

Luizmania - Lunes 25 de Junio de 2007
Usuario sin avatar
weno grasias por el tuto lo voy a uar pero tengo un problema no tengo mucho en photoshop pero mira ala hora d poner el fondo d fuego voy le pongo abrir pongo la imagen d fuego pero no aparece en las mismas capas d mis letras ni del fondo anterior ose se crea otro totalmente nuevo k ago hay??
o como hay k abrir la imagen diganme porfavor necesito urgente esas letras grasias blink.gif

webclip - Miércoles 04 de Julio de 2007
Ver perfil de usuario
voy a intentarlo a ver q sale

crp 13 - Viernes 06 de Julio de 2007
Ver perfil de usuario
hola yo tambien soy nuevo y ya he hecho alguna imagen así y la verdad es que el efecto esta muy bien

Lo que no se es una cosa: Como se hace eso de que las letras vayan cambiando.

Es que se hacerlo con una letra pero no con mas.
¿Es que hay que hacer dos capas (letra y fuego) por cada letra?

Gracias de antemano biggrin.gif

EDIT: ya lo logré lo que no se (es que soy novatillo) es donde se le cambia la opacidad a las capas.

Si alguien me pudiera ayudar.

PD: Este es mi resultado y me lo pondre de avatar si no excede el peso maximo

imagen posteada por el usuario

EDIT2: Ya lo logre y se puede ver en mi avatar pero tambien lo pongo aqui por si acaso no cambia el avatar de mensajes anteriores.

imagen posteada por el usuario

Salu2

Marie* - Sabado 04 de Agosto de 2007
Ver perfil de usuario
Esta bueniiisiiimo, no sabia que efecto ponerle y me vino como anillo al dedo!

Creo que le faltó un poco de realismo, pero me gustó como quedó!! wiii

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

vh_carrillo - Domingo 12 de Agosto de 2007
Usuario sin avatar
Hay que intentarlo, aver que onda
wink.gif

Leira - Jueves 16 de Agosto de 2007
Ver perfil de usuario
Hola soy nueva!

Muy bueno el tutorial, gracias ya tengo otro efecto más para poner rolleyes.gif Me quedó algo así:
imagen posteada por el usuario

pocho_agus - Viernes 17 de Agosto de 2007
Usuario sin avatar
Hola bueno soy nuevo en esto , y no se como poner la herramienta mover sad.gif alguien me puede ayudar?

pocho_agus - Viernes 17 de Agosto de 2007
Usuario sin avatar
Hola soy nuevo en esto y queria preguntar como pongo la herramienta mover sad.gif es que soy novato sad.gif sad.gif

gyrka - Viernes 17 de Agosto de 2007
Ver perfil de usuario
La herramienta mover es la flecha de la paleta de herramientas o pulsa la letra v, por cierto se bienvenid@ al canal pocho_agus

pocho_agus - Viernes 17 de Agosto de 2007
Usuario sin avatar
Gracias , toque la "V" y puse "move llayer stile" y cuando toco las flechitas para que se mueva no anda sad.gif sad.gif

cofelycon - Lunes 17 de Septiembre de 2007
Usuario sin avatar
biggrin.gif que bonito tongue.gif

aang - Viernes 21 de Septiembre de 2007
Ver perfil de usuario
muy bueno!!!!!


mira m kedo asi

imagen posteada por el usuario

grax!

José Mª - Jueves 11 de Octubre de 2007
Ver perfil de usuario
Felicidades !!!!
Muy bien explicado y con resultados expectaculares.

froz - Jueves 11 de Octubre de 2007
Ver perfil de usuario
me ha encantado es un gran tuto te felicito

saludos
froz

furieux - Viernes 18 de Enero de 2008
Usuario sin avatar
Yo todavia nose como poner para cambiar de letras porfaa alguien que me ayudee!!!

Itachi_darck_lol - Martes 29 de Abril de 2008
Ver perfil de usuario
imagen posteada por el usuario
Este es mi resultado tongue.gif
cool tu tuto

LINK360 - Domingo 15 de Junio de 2008
Usuario sin avatar
biggrin.gif HOLA SOY NUEVO PERO ESTE TUTO ME GUSTA MUCHO ESPERO PRONTO SUVIR ALGUNOS DE MIS TRAVAJOS LLA QUE ME CONSIDERO UN ADICTO A FOTOSHOP Y A LOS TUTORIALES

melentloz - Domingo 15 de Junio de 2008
Ver perfil de usuario
ohmy.gif genial jeej muy buen tutorial hey por mi esta fenomenal jiji biggrin.gif

Big Boss - Jueves 03 de Julio de 2008
Usuario sin avatar
Buenas, soy nuevo, tanto en este foro como en esto del photoshop, pero, realmente estoy muy interesado en aprender todo lo posible.

Bueno, os comento mi problema, resulta que he seguido todos los pasos bien y dentro del photoshop se mueve la imagen como a mi me gusta (es practicamente igual solo que he cambiado el fuego por unos rayos de una tormenta). Bueno pues a la hora de guardar la imagen no se como hacerlo para que al abrirla se mueva igual que lo hace dentro del photoshop. No se si me explico bien.

A ver quien me podria ayudar.

Gracias a todos de antemano

Big Boss - Jueves 03 de Julio de 2008
Usuario sin avatar
Ya encontre la manera, no se si sera correcta.

Yo tengo el photoshop cs2 y le daba a guardar como. Entonces por probar le di a guardar para web y consegui guardarlo.

toniobet - Martes 15 de Julio de 2008
Usuario sin avatar
hola
me gusta el tutorial pero pordrian ayudarme es que el imajen ready esta en el cs2 y yo ahora tengo el sc3 como le hago?











PHOTOSHOW


CANAL PHOTOSHOP TEAM

Administradores:
 
   ^Chavo^
   _David_

Redactores:
 
   ASTREA_YO
   Pinsapo
   Xman
   zurdod


TOP 10 COLABORADORES

 




Red Neyraweb:
[ CanalPhotoshop.com ] [ CanalPhotoshop.net ] [ CanalPhotoshop.es ] [ GaleriaPhotoshop.com ] [ AgeConan.es ] [ allpointsbulletin.es ] [ apb-esp.com ] [ cod6spain.com ] [ badcompany2.es ] [ mohesp.com ] [ moh-esp.com ] [ bfheroes.es ] [ videorodriguez.es ]