Foros del Web » Creando para Internet » Flash y Actionscript »

¿Tutorial para crear un banner tipo éste?

Estas en el tema de ¿Tutorial para crear un banner tipo éste? en el foro de Flash y Actionscript en Foros del Web. Hola chicos, pues bien mirad. Quería crear un banner flash en grande con estrenos de películas, igual que el de la web de cuatro: www.cuatro.com ...
  #1 (permalink)  
Antiguo 13/03/2011, 19:08
 
Fecha de Ingreso: febrero-2011
Mensajes: 87
Antigüedad: 13 años, 9 meses
Puntos: 1
¿Tutorial para crear un banner tipo éste?

Hola chicos, pues bien mirad.

Quería crear un banner flash en grande con estrenos de películas, igual que el de la web de cuatro: www.cuatro.com

Que aparezcan las redonditas debajo para pasar al siguiente anuncio.

¿Algún tutorial por ahí?

Muchísimas gracias, un saludo.
  #2 (permalink)  
Antiguo 13/03/2011, 21:52
 
Fecha de Ingreso: noviembre-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 11
Respuesta: ¿Tutorial para crear un banner tipo éste?

Eso se llama Banner Rotator. Y como dije en un post anterior no he encontrado un buen tutorial donde expliquen detalladamente como hacer uno con Flash y AS3. Me auno a tu pedido.
  #3 (permalink)  
Antiguo 14/03/2011, 02:48
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 14 años, 3 meses
Puntos: 3
Respuesta: ¿Tutorial para crear un banner tipo éste?

Si queres te doy un pie para empezar.

Tendrias que hacer en una capa, tantos fotogramas como fotos habria en el banner y en otra capa todos los botones, despues, en cada fotograma distinto, actualizar la foto de modo que al pasar al testar la pelicula pasen todas las fotos una por una, y despues solo basta agregarle el actionscript a los botones.

que serial algo como esto:
Código Actionscript 3.0:
Ver original
  1. boton1.addEventListener(MouseEvent.MOUSE_CLICK, foto1);
  2.  
  3. function foto1 (event:MouseEvent):void
  4. {
  5.      gotoAndPlay(1);
  6.  
  7. }
Con esto logramos que al hacer click al boton que este instanciando con el nombre "boton1" vaya al fotograma 1, donde estaria la primer foto de tu animacion, despues utilizariamos el mismo codigo, pero cambiandole la instancia al boton "boton2", y que vaya al fotograma "2", cambiandole el parametro "gotoAndPlay(2)";

Si son mas de 5 fotos, habria que utilizar el metodo Switch de Actionscript, porque el codigo se te alargaria mucho.

Igualmente, para hacer algo tan sencillo, yo usaria alguna galeria jQuery, en internet hay muchas y son de muy buena calidad, pero bueno, eso lo decidis vos.

Saludos,
Gabriel.
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.

Última edición por ContactarNET; 14/03/2011 a las 02:54
  #4 (permalink)  
Antiguo 14/03/2011, 08:02
 
Fecha de Ingreso: noviembre-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 11
Respuesta: ¿Tutorial para crear un banner tipo éste?

Cita:
Iniciado por ContactarNET Ver Mensaje
Si queres te doy un pie para empezar.

Tendrias que hacer en una capa, tantos fotogramas como fotos habria en el banner y en otra capa todos los botones, despues, en cada fotograma distinto, actualizar la foto de modo que al pasar al testar la pelicula pasen todas las fotos una por una, y despues solo basta agregarle el actionscript a los botones.

que serial algo como esto:
Código Actionscript 3.0:
Ver original
  1. boton1.addEventListener(MouseEvent.MOUSE_CLICK, foto1);
  2.  
  3. function foto1 (event:MouseEvent):void
  4. {
  5.      gotoAndPlay(1);
  6.  
  7. }
Con esto logramos que al hacer click al boton que este instanciando con el nombre "boton1" vaya al fotograma 1, donde estaria la primer foto de tu animacion, despues utilizariamos el mismo codigo, pero cambiandole la instancia al boton "boton2", y que vaya al fotograma "2", cambiandole el parametro "gotoAndPlay(2)";

Si son mas de 5 fotos, habria que utilizar el metodo Switch de Actionscript, porque el codigo se te alargaria mucho.

Igualmente, para hacer algo tan sencillo, yo usaria alguna galeria jQuery, en internet hay muchas y son de muy buena calidad, pero bueno, eso lo decidis vos.

Saludos,
Gabriel.

Eso es fácil, lo difícil es cómo hacer el efecto de interface cuando cambia la foto. Eso es lo que hace que se vea profesional el trabajo. Yo he intentando usando máscaras, pero no he conseguido un efecto parecido. Otra cosa, también podría jalarse las fotos de un XML.
  #5 (permalink)  
Antiguo 14/03/2011, 09:46
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 14 años, 3 meses
Puntos: 3
Respuesta: ¿Tutorial para crear un banner tipo éste?

Y si lo que busca es hacer la animacion, deberia usar las etiquetas o labels.

Seria el mismo metodo nada mas que hacer la animacion de cuando entra la imagen y ponerle la etiqueta "entrada1", "entrada2", etc.

y en el gotoAndPlay llamar a esa etiqueta.

gotoAndPlay("entrada1");
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.

Etiquetas: banner, tipo, tutoriales
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 23:02.