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


4 comentarios
hace 4 años y 1 mes
como puedo hacer que mi nombres en letras se mueva
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.
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
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/