Últimos temas
¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado Ninguno
El record de usuarios en línea fue de 49 durante el Mar Sep 21, 2010 8:13 pm
Mejores posteadores
MяHousєLιgнт | ||||
kchito2 | ||||
Misha.Star.Malfoy.Cullen | ||||
m00nlight | ||||
Charlene | ||||
ainer | ||||
Rachel | ||||
D_Gabe | ||||
JimeBella | ||||
xokolatiitho |
Mensaje privado al admin
Animación sencilla (Nivel Básico)
3 participantes
Página 1 de 1.
Animación sencilla (Nivel Básico)
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) (:
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
Misha.Star.Malfoy.CullenDiseñadora -
Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 33
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz
Re: Animación sencilla (Nivel Básico)
excelente explicacion! este tutorial me hubiera servido hace años XD lo explicaste sencillo y facil de entender si matarse tanto en la animacion
Re: Animación sencilla (Nivel Básico)
wiiiiiiiiiiiiiiiiiiiiiii!!! lo explique bien!!! *-*
me habia comenzado a preocupar TToTT XD
me habia comenzado a preocupar TToTT XD
Misha.Star.Malfoy.CullenDiseñadora -
Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 33
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz
Re: Animación sencilla (Nivel Básico)
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
Re: Animación sencilla (Nivel Básico)
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
Misha.Star.Malfoy.CullenDiseñadora -
Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 33
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz
Re: Animación sencilla (Nivel Básico)
jajajaja pasamos por lo mismo, yo tambien lo hacia asi para poder animarlo hasta que despues descubri tambien como hacerlo mas facil XD
Re: Animación sencilla (Nivel Básico)
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
si me sale todo bien colocare la muestra aqui, solo hare algo muy basico pero algo es algo
Re: Animación sencilla (Nivel Básico)
pues si, realmente el IR es muuuuuuuuy basico (: pero ayuda mucho...
Misha.Star.Malfoy.CullenDiseñadora -
Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 33
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz
Re: Animación sencilla (Nivel Básico)
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]
Re: Animación sencilla (Nivel Básico)
y al final te salio o no te salio? XD
Misha.Star.Malfoy.CullenDiseñadora -
Fecha de nacimiento : 07/07/1990
Mensajes : 1032
Edad : 33
Localización : Junto con mis amores: Draco Malfoy, Ikuto, JGroff, Ryan Gosling y RobPatzz
Re: Animación sencilla (Nivel Básico)
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
pero como dije, no use el tuto, me puse a andar de curioso
y asi logre hacer eso que puse en mi anterior comentario
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
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