CREACIÓN CON FLASH

Información

CREACIÓN CON FLASH

Espacio con tutoriales para aprender a crear diseños, animaciones y aplicaciones interactivas con el Programa Adobe Flash

Miembros: 134
Última actividad: 29 Abr 2020

INFORMACIÓN Y TUTORIALES

HERRAMIENTA NECESARIA

El programa de adobe Flash. Se recomienda la versión Flash MX 2004 o la CS· que es la que suelen tener muchos centros educativos y en la que se basan los tutoriales. También se pueden utilizar otras versiones aunque puede haber cambios en los menús del programa.

OBJETIVOS
Iniciación en la creación de objetos multimedia interactivos con Flash: dibujos vectoriales, diseños de interfaces, animaciones, aplicaciones interactivas.

DINÁMICA DE APRENDIZAJE

A partir de los tutoriales y algunas plantillas abiertas de aplicaciones se trata de compartir entre todos las dudas y poder aprender colaborativamente publicando los trabajos en el foro.

 

BIBLIOTECA ACTIONSCRIPT 

 

CURSO AVANZADO DE ACTIONSCRIPT 2


NUEVOS TUTORIALES TALLER-FLASH 2010-2011
flash-genmagic1.pdf
flash-genmagic2.pdf ejercicio-->tutorial2.swf
flash-genmagic3.pdf-->tutorial3.swf
flash-genmagic4.pdf-->ejercicio-->tutorial4.swf
flash-genmagic5.pdf--ejercicio->tutorial5.swf
flash-genmagic6.pdf
flash-genmagic7.pdf
flash-genmagic8.pdf
flash-genmagic9.pdf
flash-genmagic10.pdf ejercicio-->tutorial10.swf
Flash-genmagic11

Flash-genmagic12  ejercicio-->tutorial12.swf

Flash-genmagic13 ejercicio--> tutorial13.swf

Flash-genmagic14 ejercicio-->ejercicio_14.swf

Flash-genmagic15 

Flash-genmagic16

flash-genmagic17.pdf

flash-genmagic18.pdf

flash-genmagic19.pdf   duplicate2.swf

flash-genmagic20.pdf        duplicate4_papelera_temporizador.swf

flash-genmagic21.pdf  tutorial21_funciones_de_cadena.swf

flash-genmagic22.pdf

 

IMAGENES VECTORIALES-GENMAGIC LIBRES
Ver: http://genmagic.org/baseimag/index.swf
Descargar: http://genmagic.org/baseimag/baseimag.zip

OTROS TUTORIALES

Tutorial1 espejo.pdf Tutorial 2 Banner.pdf Tutorial 3 muñeco.pdf

......................................................................................................................................................................

VIDEOTUTORIALES
Dibujar una caja decorada con efecto 3D
Dibujar una botella con Flash. (dibujar a partir elementos geométricos).
Creación de botones (Javier de la Cruz) Dimensiones de flash (Javier de la Cruz)
Ver todos los videotutoriales de Javier



 

 

 

Foro de discusión

PROYECTO 1

Iniciada por roger. Última respuesta de JOSE NOE SANCHEZ 1 Jul 2016. 24 Respuestas

Pregunta tutorial 9

Iniciada por Victor Barjuan Sanz. Última respuesta de roger 8 Ago 2014. 4 Respuestas

Quiero aprender

Iniciada por ANA BELÉN SÁNCHEZ ZOROA 27 Nov 2011. 0 Respuestas

Comentarios

Comentar

¡Necesitas ser un miembro de CREACIÓN CON FLASH para añadir comentarios!

Comentario por Amalia Casas el enero 18, 2011 a las 6:44pm

Javier he cambiado los valores que tenía mi ejercicio por los tuyos y mi estrella iba a toda velocidad.

Te pongo mi código para que lo veas:

onClipEvent(enterFrame){
_root.estrella1._xscale;_root.estrella1._xscale+=7;
_root.estrella1._yscale;_root.estrella1._yscale+=7;
_root.estrella1._rotation+=7
_root.estrella1._x=_root.estrella1._x+6;
_root.estrella1._y=_root.estrella1._y+5;
_root.estrella1._alpha=_root.estrella1._alpha-1
  }
Comentario por Javier de la Cruz el enero 18, 2011 a las 5:36pm

Subo mi ejercicio. A mí me va más rápido que a Amalia y no sé cual es la razón. Mi animación dura muy poco.ejercicio14.swf.

Este es el código que he utilizado

onClipEvent (enterFrame) {
_root.estrella2._rotation=_root.estrella2._rotation+10;
_root.estrella2._x=_root.estrella2._x+20;
_root.estrella2._y=_root.estrella2._y-15;
_root.estrella2._xscale=_root.estrella2._xscale+10;
_root.estrella2._yscale=_root.estrella2._yscale+10;
_root.estrella2._alpha=_root.estrella2._alpha-5;
}

¿Alguna sugerencia?

Comentario por Javier de la Cruz el enero 18, 2011 a las 5:20pm
Hola Jaume. Sería muy interesante que además del ejercicio pudiéramos ver el código. Sino te importa subirlo, sería instructivo para todos.
Comentario por Jaume Villarreal el enero 18, 2011 a las 12:31pm

Hola Amalia,

pido disculpas porque no me expliqué con claridad y por querer correr más de la cuenta, no era mi intención.

Dejo colgada otra pequeña animación, similar a la primera pero con un movimiento añadido que permite que el clip vaya rebotando cuando llega a la parte superior e inferior del escenario. En este caso el incremento está sobre la propiedad Y.

Si surge cualquier duda sobre la animación aquí estamos!

tutorial_14.swf

 

Saludos,

Jaume

Comentario por Amalia Casas el enero 18, 2011 a las 12:07pm

Jaume, perdona mi ignorancia pero ¿qué es eso de 'importar a partir de código' o 'colocar e instanciar'? Por lo que entiendo, lo hecho sería  'crear (dibujar) e instanciar'. Mis conocimientos de Flash se limitan a lo aprendido con  los tutoriales de Roger.

Gracias a ti, por tus explicaciones.

Saludos.

Amalia

Comentario por Jaume Villarreal el enero 18, 2011 a las 11:41am

Hola Amalia,

no me refería a la creación (yo importé la estrella a la librería para ganar tiempo), me refería a si las estrellas de la primera animación estaban colocadas e instanciadas en el escenario o, por el contrario, estaban importadas directamente a partir de código.

Lo pregunto porque se pueden tener clips en la librería y se pueden llevar directamente a las líneas de código sin colocarlas en el escenario.

No sé si me he explicado de manera clara. En cualquier caso, muchas gracias por tu atención y tu tiempo.

 

Saludos,

Jaume

Comentario por Amalia Casas el enero 17, 2011 a las 8:27pm

Muchas gracias. Por fin la estrella se mueve, crece y desaparece. Es muy fácil y divertido (ahora).

Jaume entiendo que me preguntas si las estrellas son importadas al escenario, no, son creadas con la herramienta polystar del programa.

estrella14.swf

Comentario por Jaume Villarreal el enero 17, 2011 a las 4:58pm

Hola Amalia,

veo que ya han resuelto tu problema, he estado bastante liado todo el día. Efectivamente, el incremento hay que aplicarlo a todas las propiedades del clip instanciado. Como Flash lee de manera continua el código de arriba hacia abajo sin parar (siempre y cuando no haya otra función que así lo dicte), éste realiza de manera sincrónica todas las acciones que le pedimos. De esta manera se crea la sensación de movimiento continuado en todas sus propiedades a la vez. Si alguna de estas propiedades o tiene incremento alguno no varía y por tanto no se percibe ningún cambio.

Por cierto, me ha gustado mucho tu animación. ¿La has creado íntegramente sobre código o has colocado elementos en el escenario directamente?

 

Saludos,

Jaume

Comentario por roger el enero 17, 2011 a las 4:05pm
Amalia debes aplicar la misma fórmula a todas las propiedades. De la misma forma que aumentas la coordenada x y la rotación debes aumentar la escala. El código de la escala debe sumar también e incrementarse. Y el efecto alfa debe ir perdiendo transpariencia por lo tanto se deberá restar. Ejemplo: _root.estrella1._alpha=_root.estrella1._alpha-5;
que es lo mismo que _root.estrella1._alpha-=5;
Pues con la escala hay que hacer lo mismo.
Comentario por Amalia Casas el enero 17, 2011 a las 3:14pm

Roger el problema es que en el tutorial 14 yo veo  como se hace una imagen más grande en x o y, pero no como se anima esa transición. Si escribo:

_root.estrella1._xscale=100;_root.estrella1._yscale=100;

_root.estrella1._xscale=200;_root.estrella1._yscale=200;

la imagen aparece grande pero no 'crece' en pantalla.

Lo mismo me ocurre con la transparencia.

Esta sería una de las pruebas:

onClipEvent(enterFrame){
_root.estrella1._xscale=100;_root.estrella1._yscale=100;
_root.estrella1._xscale=200;_root.estrella1._yscale=200;
_root.estrella1._rotation+=5
_root.estrella1._x=_root.estrella1._x+5;
_root.estrella1._alpha=25

  }

No sé si me he perdido algo, si debería saberlo ya... pero no lo encuentro. Gracias

 

 

Miembros (134)

 
 
 

© 2024   Creado por roger.   Tecnología de

Emblemas  |  Reportar un problema  |  Términos de servicio