Tutoriales Photoshop

Los mejores Tutoriales Photoshop, Fotografía y Retoque Fotográfico de toda la red
  
Por mlaqr, hace 4 años y 3 meses

Animar una imagen

  

Un nuevo tutorial para animar una imagen y darle movimiento, en este concretamente crearemos un aura y le daremos un efecto de poder. Esperamos que sea del agrado de todos. Un abrazo...Mª Luisa (mlaqr)
Idioma: Inglés
Autor: Onanis
Resolver Dudas: Foros de Photoshop
Designs

Ir al Tutorial Photoshop

Traducción: Traducir al Español

Comparte esta entrada para que otras personas también la disfruten!!

4 comentarios

Gravatar #1. roy
hace 4 años y 1 mes

como puedo hacer que mi nombres en letras se mueva

Gravatar #2. johan
hace 4 años

oie roy si es para tu web creo ke clo ke necesitas es esto:
La etiqueta es , un texto a desplazar y su cierre . Sin atributos quedará:

Aquí pongo el texto

Aquí pongo el texto

Así vemos los que tiene por defecto y que son: ocupa todo el ancho del cuadro, tiene la altura de la línea de texto y va de derecha a izquierda.

Podemos poner varias frases si colocamos o dentro.

Aquí pongo un texto
Y aquí otro

Aquí pongo el texto

Y aquí otro

Vamos a empezar a meter atributos y a cambiar un poco la cosa.

Empezamos con las medidas que son las viejas conocidas WIDTH y HEIGHT que toman valores en píxeles o en porcentajes de pantalla.

Aquí pongo el texto

Que se verá con 70% de ancho (del cuadro azul que para los efectos es como si fuera la pantalla completa) y 40 px de alto.

Aquí pongo el texto

El color de fondo quedará curioso. Echamos mano del atributo BGCOLOR.

Aquí pongo el texto

Aquí pongo el texto

No funciona con imágenes como fondo.

No he conseguido alinear el texto que rodea al cuadro de marquesina con la vieja ALIGN, que toma valores de top, bottom, middle, left y right. Según todos lo manuales debería funcionar como lo hacían en la etiqueta pero no me funciona con Explorer 6 y con Netscape 7 hace cosas raras.

El atributo BEHAVIOR es el que da más juego, su valor por defecto es scroll que significa que aparece por la derecha, se va a la izquierda y de forma continuada. Si le damos el valor slide y alternate tenemos:

Aquí pongo el texto

Aquí pongo el texto

Para verlo funcionar actualiza la página ya que al pararse y funcionar sólo una vez, no lo vemos.

Aquí pongo el texto

Aquí pongo el texto

DIRECTION servirá para definir hacia donde mando el texto que, por defecto, va hacia la izquierda. Yo puedo mandarlo a la derecha así:

Aquí pongo el texto

Aquí pongo el texto

O hacia arriba o abajo con down y up.

Aquí pongo el texto

Aquí pongo el texto

La velocidad de desplazamiento varía con SCROLLAMOUNT, que marca los saltos según el valor numérico; y SCROOLDELAY que determina el retraso en el movimiento en milisegundos. Veámoslo:

Aquí pongo el texto

Aquí pongo el texto

Mareante...

Aquí pongo el texto

Aquí pongo el texto

Y este desespera (le he puesto 1000, que es un segundo).

El atributo LOOP (indefinido por defecto, como ya hemos visto), define el número de veces que vamos a ver moverse el texto.

Aquí pongo el texto

Aquí pongo el texto

Tendremos que actualizar la página.

Los atributos HSPACE Y VSPACE los conocemos, definirían el espacio horizontal y vertical del texto fuera de la marquesina.

Aquí pongo el texto

Otro texto.

Aquí pongo el textoOtro texto

Ni que decir tiene que podemos aplicar otras etiquetas como la de centrado, por ejemplo. Le pondremos color para que se distinga del fondo.

Aquí pongo el texto

Aquí pongo el texto

Mira esto que bonito que queda con la etiqueta :

Aquí pongo el texto

Aquí pongo el texto

También la podemos meter en una tabla (ya se verán más adelante).

Aquí pongo el texto

O meter la tabla en la marquesina:

Aquí pongo el texto

Y podremos poner imágenes en vez de texto.

Gravatar #3. jesus
hace 2 años y 4 meses

una pregunta los efectos de movimiento se centran en auras o no necesariamente deben ser auras? nose si yo por ejemplo quiesiera tener un sharingan q se moviera? como deberia ser? gracias adelantadas

Gravatar #4. cristina
hace 1 año y 1 mes

olappp oigan ayudenmee jejejj sk nse com darle moviento a una pinche imagenn''' sk melo piden asipp

Escribir un comentario

Si quieres añadir tu comentario a esta entrada, simplemente rellena el siguiente formulario:





* Campos requeridos

Puedes usar estas etiquetas XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>.

No hay trackbacks

Para notificar de una mención en tu blog a esta entrada, habilita la notificación automática (Opciones > Discusión en WordPress) o especifica esta url de trackback: http://​www.photoshop-designs.net/​2008/​01/​animar-una-imagen/​trackback/