Expresa tu intelecto...
Hola amigo, si deseas ver el contenido del foro al 100% y evitar la publicidad te invitamos a que te registres y seas parte de esta gran comunidad...

Atte: el Staff de MrHouseLight.foroactivo.net
Últimos temas
» Me gustaría ver gente
Dom Sep 27, 2015 6:16 pm por Cristianita

» Hola Mundo
Mar Mar 05, 2013 8:03 pm por Cristianita

» Baja Usuario
Miér Jun 20, 2012 11:19 am por yorebelde

» Las groserias fuertes de tu pais
Miér Jun 20, 2012 5:30 am por daviz2111

» Glee: The Music, Seasons 1 & 2 (En 320 kbps!!!) (Duets Actualizado en 320 kbps completo!!!)
Lun Abr 23, 2012 5:43 am por yorebelde

» Motivos diagonales para Photoshop
Miér Mar 21, 2012 7:35 pm por Gearchile14

» ¿Que cover te gusta mas?
Dom Oct 09, 2011 4:11 pm por Misha.Star.Malfoy.Cullen

» Expresa tu humor...
Dom Oct 09, 2011 3:58 pm por Misha.Star.Malfoy.Cullen

» holaa!! u.u
Dom Oct 09, 2011 3:50 pm por Misha.Star.Malfoy.Cullen

» The Antique Shop
Dom Oct 09, 2011 3:47 pm por Misha.Star.Malfoy.Cullen

¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado

Ninguno

La mayor cantidad de usuarios en línea fue 49 el Mar Sep 21, 2010 8:13 pm.
Contador total

Expresa tu intelecto... fue creado el Martes 15 Jun 2010 a las 04:55 PM, tiene 2367 días activo, 338 usuarios registrados, 310 temas creados, 7724 comentarios y 55 foros.
Ultimo usuario registrado: rolando24

Free counter and web stats
Mensaje privado al admin

Animación sencilla (Nivel Básico)

Ver el tema anterior Ver el tema siguiente Ir abajo

Tutorial Animación sencilla (Nivel Básico)

Mensaje por Misha.Star.Malfoy.Cullen el Lun Jul 12, 2010 1:39 pm

Bueeeeeeeeeeeeeeeno pues como veo que nadie habla de animiación sencilla de palabras en una firma o un avatar o botones, comenzare yop

Este tutorial es para hacer una animación realmente sencilla, se utiliza para el movimiento (en forma de rotación como la q se aplica aqui en el foro en la parte del lado izquierdo en "temas nuevos") en graficos se utiliza de mayor forma de derecha a izquierda (sale<---entra)

Necesitamos: PS e Image Ready

Bueno, cuando tengamos el grafico en PS lo primero es situarnos en el layer de texto que queremos que tenga movimiento y ponerlo fuera de vista, es decir, colocarlo fuera del lienzo donde queremos que inicie nuestra animación (desde donde queremos que aparezca el texto en movimiento), una vez hecho esto, lo exportaremos al imageready, con el botoncito abajo de la barra de herramientas que es una imagen de PS con una flechita señalando hacia IR.

cuando ya lo tengamos en IR, lo primero que haremos será asignar el tiempo entre cuadro y cuadro que queremos tener, esto se hace asi:

en el cuadro que tenemos actualmente en el panel de animación, hay debajo de ella un letrerito que dice "0 sec." y una flechita, le damos ahí y ajustamos el tiempo que queremos que pase entre un cuadro y otro, recomendable: 1 segundo o 2.

ya que hicimos esto en el panel de animación en la parte inferior, hay varios comandos entre los que esta "rewind" "play" "stop" "forward", etc... al lado hay 3 iconos:

1.- Puntitos desvaneciendose (tween)
2.- Una tipo hojita (duplicate current frame)
3.- Un bote de basura (eliminate current frame)

Le vamos a dar click al segundo icono y veremos que nuestro primer cuadro se va a duplicar, SITUADOS EN EL SEGUNDO CUADRO (es decir, el que acaba de duplicarse) regresaremos a PS (En Imageready, tambien existe un recuadrito para exportar, parecido al de PS, solo que la flecha va de IR a PS)

De nuevo en PS, moveremos el texto hasta donde queremos que desaparezca, es decir, el lado contrario de donde lo tenemos. Ya tenemos de esta forma, donde iniciara la animación y donde terminará: donde aparecera el texto y donde desaparecera de vista.

Una vez lo hayamos situado ahí, nos regresamos al IR, aparentemente no sufrió ningun cambio (pues el letrero o las palabras, no estan visibles). Ahora nos situamos en el segundo frame de la animación y vamos a pulsar el 1er icono (el de los puntos desvaneciendose) llamado "tween" y nos aparecera una ventanita donde vienen algunos datos para la animación (sorry lo pondre en ingles por que asi lo tengo yo :S) y lo que debemos poner:

1.- "tween with": PREVIOUS FRAME (cuadro anterior)
2.- "Frames to add": (aqui depende mucho del largo de la palabra o frase y del tamaño del grafico, si es una palabra MUY larga o un grafico muy grande es recomendable poner un numero grande de frames -de 20 para arriba) si la animación resultante con el numero de cuadros asignados, no te gusta, siempre puedes corregir
3.- "Layers": ALL LAYERS (todas las capas)
4.- "Parameters": (marcamos todas las casillas)

le damos ok al cuadro y listo... para previsualizar el resultado le damos en "play" y la animación comenzará a correr...


Espero les sea util, para esto de la animación es mejor comenzar poquito a poco, el siguiente tutorial vendra un poco mas dificil (bueno, ni tanto XD) (:


Última edición por Misha.Star.Malfoy.Cullen el Lun Jul 12, 2010 4:28 pm, editado 1 vez


[Tienes que estar registrado y conectado para ver este vínculo]
"El futuro pertenece a aquellos que creen en la belleza de sus sueños"
---Gracias Ainer por mi firma---

Misha.Star.Malfoy.Cullen
Diseñadora
Diseñadora



Femenino

Caballo




Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 26
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por ainer el Lun Jul 12, 2010 1:51 pm

excelente explicacion! este tutorial me hubiera servido hace años XD lo explicaste sencillo y facil de entender si matarse tanto en la animacion Razz

ainer
Dumbledore
Dumbledore



Femenino

Caballo


Fecha de nacimiento : 24/04/1990
Mensajes : 500
Edad : 26

http://marycaos-elmundodecaos.blogspot.com/

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por Misha.Star.Malfoy.Cullen el Lun Jul 12, 2010 1:52 pm

wiiiiiiiiiiiiiiiiiiiiiii!!! lo explique bien!!! *-*

me habia comenzado a preocupar TToTT XD


[Tienes que estar registrado y conectado para ver este vínculo]
"El futuro pertenece a aquellos que creen en la belleza de sus sueños"
---Gracias Ainer por mi firma---

Misha.Star.Malfoy.Cullen
Diseñadora
Diseñadora



Femenino

Caballo




Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 26
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por ainer el Lun Jul 12, 2010 1:58 pm

jojo si lo explicaste muy bien, un tutorial asi me hubiera servido hace mucho tiempo, no que para encontrar como animar asi, me mate en el PS e IR XD

ainer
Dumbledore
Dumbledore



Femenino

Caballo


Fecha de nacimiento : 24/04/1990
Mensajes : 500
Edad : 26

http://marycaos-elmundodecaos.blogspot.com/

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por Misha.Star.Malfoy.Cullen el Lun Jul 12, 2010 2:00 pm

XD no te creas, que todos pasamos por lo mismo al inicio del IR... es un SUPLICIO!!! xD no le encuentras la forma XD yo al inicio tuve q ir haciendo cuadro por cuadro XD y el texto se movia de lugar, ose iba un poco mas para arriba o para abajo XD cosa que no se estaba en su lugar... (: hasta que... BAM!!! lo descubri XD


[Tienes que estar registrado y conectado para ver este vínculo]
"El futuro pertenece a aquellos que creen en la belleza de sus sueños"
---Gracias Ainer por mi firma---

Misha.Star.Malfoy.Cullen
Diseñadora
Diseñadora



Femenino

Caballo




Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 26
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por ainer el Lun Jul 12, 2010 2:02 pm

jajajaja pasamos por lo mismo, yo tambien lo hacia asi para poder animarlo hasta que despues descubri tambien como hacerlo mas facil XD

ainer
Dumbledore
Dumbledore



Femenino

Caballo


Fecha de nacimiento : 24/04/1990
Mensajes : 500
Edad : 26

http://marycaos-elmundodecaos.blogspot.com/

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por MяHousєLιgнт el Mar Jul 13, 2010 12:54 am

gracias por este tuto, lo usare mañana ya con un IR que me descargue, jejeje
si me sale todo bien colocare la muestra aqui, solo hare algo muy basico pero algo es algo


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


[Tienes que estar registrado y conectado para ver esa imagen]

MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 29
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por Misha.Star.Malfoy.Cullen el Mar Jul 13, 2010 9:31 am

pues si, realmente el IR es muuuuuuuuy basico (: pero ayuda mucho...


[Tienes que estar registrado y conectado para ver este vínculo]
"El futuro pertenece a aquellos que creen en la belleza de sus sueños"
---Gracias Ainer por mi firma---

Misha.Star.Malfoy.Cullen
Diseñadora
Diseñadora



Femenino

Caballo




Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 26
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por MяHousєLιgнт el Mar Jul 13, 2010 3:23 pm

ya hice lo que tenia que hacer, antes de usar lo que dijiste me puse a curiosear he hice lo que quería jajaja

[Tienes que estar registrado y conectado para ver esa imagen]
[Tienes que estar registrado y conectado para ver esa imagen]


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


[Tienes que estar registrado y conectado para ver esa imagen]

MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 29
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por Misha.Star.Malfoy.Cullen el Mar Jul 13, 2010 3:31 pm

y al final te salio o no te salio? XD


[Tienes que estar registrado y conectado para ver este vínculo]
"El futuro pertenece a aquellos que creen en la belleza de sus sueños"
---Gracias Ainer por mi firma---

Misha.Star.Malfoy.Cullen
Diseñadora
Diseñadora



Femenino

Caballo




Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 26
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por MяHousєLιgнт el Mar Jul 13, 2010 3:37 pm

ha..... pss..... puse en mi comentario lo que quería hacer
pero como dije, no use el tuto, me puse a andar de curioso
y asi logre hacer eso que puse en mi anterior comentario


✪Dream Send me a sign, Turn back the clock, Give me some time, I need to break out✪
✪And make a new name, Let's open our eyes. To the brand new day ✪


[Tienes que estar registrado y conectado para ver esa imagen]

MяHousєLιgнт
Administrador
Administrador



Masculino

Tigre


Fecha de nacimiento : 15/12/1986
Mensajes : 1970
Edad : 29
Localización : ¡Junto a Cuddy! ¿donde mas?

http://mrhouselight.forosactivos.net

Volver arriba Ir abajo

Tutorial Re: Animación sencilla (Nivel Básico)

Mensaje por Contenido patrocinado Hoy a las 4:52 am


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.