Marcador en movimiento para menús swish / Transform Slider - SWiSH 2 Tutorials
 
  Buy Ebooks, Video Games, DVDs, Electronics and more !
Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads Make Money Online Blog . Free Image and Photo Sharing and Hosting

 

 

Company

Home

Nework Details

Tutorials

SWiSH 2

SWiSHMax

Flash MX

PHP & MySQL

HTML / JScript

Adobe Photoshop

Corel Draw

Gimp

Miscellaneous

Downloads

Templates

Plugins

Fonts

Wallpapers

Free Images

Scripts and Codes

Products

E-Books

SWiSH BB

SWiSH Templates

SWiSH-DB Newsletter
Subscribe to our newsletter : GO
  Partners / Affiliates

   Free image hosting
   Web Design Pakistan
   Swish Templates
   SWiSH Climax
   Talkfreelance Community
   Template Desire
   Lite boards
   Script Sector
   GimpTalk
   13dots
   Idea Designs
   PHP Cafe
   Sposatoettore
   Free swishmax templates
   Swishzone

Manage your site with Flax Article Content Management System
Marcador en movimiento para menús swish / Transform Slider
Category : SWiSH 2 | Level : Intermediate | Language : Spanish
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

Para hacer este efecto...

Paso 1: Creando las etiquetas.
a) Crea un nuevo sprite y nombralo como "actions"
Inserta las etiquetas separándolas por tres fotogramas, haz esto a partir del fotograma 10-15 (ahora se explicará el por qué?
cool.gif Nombra las etiquetas (se ha usado para ello los número de 0 a 3, pero tu puedes utilizar los que quieras). Ahora, justo delante de cada etiqueta pon la acción "ir a fotograma anterior" y justo delante de ésta la acción "parar".

[img]http://members.cox.net/dbillings/slider_tutorial/tut1.jpg[/img]
_______________________________________________

Paso 2: Creando el marcador
a) Agrupa el texto o imagen que te servirá como marcador en un sprite y nombralo como "follower".
cool.gif Ahora mueve dicho texto o imagen hasta la posición por defecto que ocupará cuando éste esté inactivo.

[img]http://members.cox.net/dbillings/slider_tutorial/tut2.jpg[/img]

Éste puede estar incluso fuera del área de pantalla de tu película. En este ejemplo la animación está en el punto "X", ya irás viendo porque. Una vez que el marcador está en el punto preciso, ve al panel de transformaciones dentro del panel de opciones y mirá que el valor X es igual a 259. Se recomienda que sean número enteros, es más sencillo. Vuelve al sprite "actions" y en la primera etiqueta añade los comandos que se dan en el paso 3.

[img]http://members.cox.net/dbillings/slider_tutorial/tut3.jpg[/img]

________________________________________________

Paso 3: Añadiendo las acciones
a) Añade "informar destino" --> "/follower" y añade las acciones en el panel de transformación que se refieren a la sección "X"

[img]http://members.cox.net/dbillings/slider_tutorial/tut4.jpg[/img]

Pulsa en (-=) y añade el número 259.
Ve de nuevo al panel de transformaciones. Pulsa en (*= y pon 0.8), esto controla la velocidad de movimiento.
Ve nuevamente al panel de transformaciones y añade (+=) y pon de nuevo el número 259

cool.gif Repite este proceso por cada etiqueta que representará a cada link.
Después de hacer todo esto, mueve el sprite follower a la posición inicial.
Ahora añade las acciones "al pasar" para cada botón:
Para el Link 1 - al pasar --> informar destino "acciones" ir a etiqueta 1 (repite este proceso por cada link enviandolo a su etiqueta correcta)
Añade también para todos los links la acción "al salir" --> informar destino "actions" --> ir a fotograma 0 (reproducir) (los 10 frames harán que el movimiento de regreso no sea inmediato (otra posibilidad sería no dar la acción de salida)

Ejemplo terminado

[swf=280x46]http://www.members.cox.net/dbillings/dbstuff/follower.swf[/swf]

..:: Descarga ::..

Espero que esto os ayude... (no soy un buen escritor de tutoriales)

Autor: Tx2 (Taxamine)
Traducido por Jonai


© 2002-2005 Flaxweb Network | Article Manager | Gimp Tutorials Library | RAD C++ Library | Free C/C++ Sourcecode |
Sites of interest : Web Design Blog | Swish Templates | Swishmax Ebook | Photoshop Templates | Gimp Tutorials | Text Forum | Make Money Online