lunes, 23 de noviembre de 2009
Ayúdanos a crecer, haz NeoTeo tu página de inicio RegistrarseIniciar sesión

Páginas:

Curso de Flash: Flash Básico (I)

Por: Constanza Villanueva  @  viernes, 13 de junio de 2008  Nota vista 31907 veces

Las presentaciones en PowerPoint aburren, eso se sabe. En la actualidad el interés va por lo interactivo, lo vistoso, lo animado. Los botones tienen que iluminarse (al menos) y las transiciones tienen que ser suaves. En NeoTeo vamos a ofrecerte unas nociones básicas para manejar el Adobe Flash sin errores y para que puedas seguir los tutoriales que haremos más adelante

¿te interesa?
143 -18
161 votos

Símbolos: Botones
Pincha el icono de “Nuevo Símbolo” en la Biblioteca y selecciona la opción “Botón” en la nueva ventana

Verás que la Línea de Tiempo del Botón difiere de la de Escena o Gráfico. Tienes 4 fotogramas que representan las instancias de: Reposo, Sobre, Presionado y Zona activa.
Al igual que con los gráficos, puedes insertar ficheros de imagen externos en el botón. Sólo necesitas tener en cuenta que si quieres que el botón se ilumine/cambie de color, deberás crear una imagen adicional (Flash no te permite editar ficheros externos).

  1. Selecciona el cuadro de la barra de herramientas. Traza un rectángulo en el área del documento que tiene la cruz. O presiona Ctrl+R para insertar una imagen externa
  2. Inserta un Keyframe en cada uno de los fotogramas restantes (Sobre, Presionado y Zona Activa)
  3. Pincha en el fotograma “Sobre” y luego pincha sobre el rectángulo que has trazado. En el panel de Propiedades, cambia el color de la forma (al que te gustaría que cambie el botón al pasar el ratón por arriba). O borra la imagen en “Sobre”, presiona Ctrl+R y elige la segunda imagen que hayas preparado
  4. Crea una nueva capa para el texto (Tener el texto en otra capa te hará la edición mucho más fácil)
  5. Pincha la “A” en la barra de herramientas y asegúrate que en el panel de propiedades diga “Texto Estático”. Elige la fuente, tamaño y color que prefieras y escribe sobre el botón. Acomoda el texto e inserta un keyframe en cada fotograma
  6. Pincha en el fotograma “Sobre” de la segunda capa, haz doble clic en el texto y cambia el color de la letra
  7. Pincha en “Escena 1” en la línea de tiempo para salir de la edición del botón
Area de Edición del símbolo Botón
Modifica el estado en "Sobre" para que el botón reaccione al pasar el ratón
Agrega el texto del Botón en una segunda capa
Cuando termines el botón, vuelve al escenario

Para ver a tu botón en acción, arrastra el símbolo a la escena, ve a la opción “Control” del menú superior y tilda la opción “Habilitar botones simples” (Ctrl+Alt+B). Luego sólo pasa el ratón por arriba.

Nota: El Fotograma de Zona activa es muy útil para botones invisibles o botones de sólo texto (Si no trazas una zona activa sobre el texto, éste tendrá propiedad de botón sólo en los trazos de las letras. Es decir, si no pinchas justo sobre una letra, no podrás usar el botón). Trazando un cuadro o círculo en el fotograma de Zona Activa determinas el área que representará la acción del botón (que el cursor cambie a mano y el espacio para presionar). La forma trazada será transparente en la escena.

Ya casi terminamos, sólo nos quedan los Clips de Película

Para hacer un botón invisible, sólo usamos un keyframe en la zona activa
La forma trazada en Zona Activa es invisible en la escena
Siguiente
Clip de Película y Acciones
Anterior
Nociones Básicas y Gráficos
Artículo Siguiente
Lively: El mundo virtual de Google
Artículo Anterior
Programar con Visual BASIC (V)
CopyRight
Prohibida su copia total con o sin fines comerciales. Copias parciales deben citar la fuente.

 

URL Trackback para esta noticia:
Votos: 1 de 1
Anonim
Anonim
Anonim
04/07/2008
4:03:24
#1   Hola, dejenme decirles que me encanta su pagina. Siempre se encuentra información de primera.
Este tutorial me encanto, ya que no sabia nada al respecto sobre Flash y ahora he aprendido bastante.
Saludos y sigan así.
     Responder 
Votos: 1 de 1
Connie
Connie
Connie
07/07/2008
20:29:13
#1   Gracias Anonim, esperamos que nuestros próximos tutoriales te sigan siendo de utilildad
     Responder 
Votos: 0 de 0
manu
manu
manu
07/07/2008
18:57:42
#2   AYUDA PORFAVOR!
CUANDO SELECCIONO EL BOTON ME APARECE:
"NO SE PUEDE APLICAR ACCIONES A ESTA SELECCION"
ME DEJA PONERLE ACCIONES AL FOTOGRAMA PERO NO A LOS BOTONES!!!
ESPERO LA RESPUESTA PORFAVOR!
     Responder 
Votos: 0 de 0
Constanza Villanueva
Constanza Villanueva
Constanza Villanueva
07/07/2008
20:32:46
#1   Hola manu, es muy posible que estes pinchando sobre un gráfico (no puede tener acciones) en vez del botón, o que tengas otros elementos seleccionados. Primero, pincha en cualquier lugar del escenario para que se deseleccionen todos los elementos (cuando pinchas en un fotograma, todos los elementos en ese footograma te quedan seleccionados). Luego pincha sobre el botón. Mira en el panel de propiedades (teniendo el botón seleccionado) que efectivamente diga "botón" en las propiedades del elemento. Si no es así, presiona la tecla F8 para convertirlo a botón y luego podrás aplicarle acciones.
     Responder 
Votos: 1 de 1
manu
manu
manu
07/07/2008
23:55:05
#1   mira hago lo que me decis apreto en cualquier parte del escenario para desceleccionar todo luego selecciono el boton (que en las propiedades dice boton y tiene el logo del dedito apretando un boton) y en la pantalla de acciones me aparece "no se puede aplicar acciones a esta seleccion" te juro que me estoy volviendo loco no lo entiendo!
cuando apreto en el escenario, sí me deja ponerle acciones pero al fotograma (especifica arriba "x acciones-fotograma") y pero no me dice "acciones-boton" como dice en las imagenes de ejemplo... por favor toy pegado a la pc esperando soluciones.gracias
       
Votos: 0 de 0
Connie
Connie
Connie
08/07/2008
15:37:36
#2   Al lado de "botón" en las Propiedades, donde dice "Instancia de:" tienes el nombre del símbolo o unos guiones (---)??
Prueba con borrar el símbolo y crear uno nuevo (de boton), y pegarlo en una capa nueva.
     Responder 
Votos: 0 de 0
Anonimo
Anonimo
Anonimo
08/07/2008
19:50:24
#3   Me paso lo mismo, y ya intente de mil modos... creo un nuevo simbolo (boton) le doy la orden de stop () al frame y cuando selecciono el boton y le doy F9 para abrir las actions, no me deja dale gotoAndPlay.
Tengo el Flash CS3 (english version) por si eso influye en algo, gracias de antemano ;)
     Responder 
Votos: 2 de 2
Manu
Manu
Manu
09/07/2008
0:10:06
#4   SOLUCION!!!:
EN LA VERSION CS3 TENES KE KREAR UN ARCHIVO KE SEA ActionScript 2.0 en la version 3.0 no sirve!!!
es decir un archivo que funcione en flash player 8 :)

y el texto completo te keda:

on (press) {
gotoAndPlay(2);
}

yahoo
     Responder 
Votos: 0 de 0
Connie
Connie
Connie
09/07/2008
2:02:33
#1   Vaya! no imaginaba que el ActionScript 3 cambiara la forma en que se ingresaba el código a los elementos. Gracias por el dato Manu, ya mismo lo estamos aclarando en nuestro tutorial
     Responder 
Votos: 0 de 0
El mismo Anonimo
El mismo Anonimo
El mismo Anonimo
09/07/2008
19:01:46
#1   Muchas gracias!! me hubiera vuelto loco... te agradezco manu y te agradezco connie, gracias por preocuparse son unos genios ;)
     Responder 
Votos: 0 de 0
Anonimo otra vez
Anonimo otra vez
Anonimo otra vez
11/07/2008
3:44:16
#2   Connie, estoy haciendo este curso y estoy aprendiendo bastante... medio que me cope, ahora te quiero hacer una pregunta ¿Como hago para que un boton sea accionado al apretar una tecla del teclado?
Gracias de antemano ;)
     Responder 
Votos: 1 de 1
Connie
Connie
Connie
11/07/2008
7:23:12
#4   Nada mejor que el entusiasmo para aprender algo Anónimo II =)
Para accionar un botón con una tecla, sólo tienes que pinchar en la primera línea del código, donde dice "on (press/release)". Verás que arriba - en el asistente de código - te aparecen varias opciones, de las que sólo "liberar" tiene un tilde. Quita ese tilde, y pon un tilde en la opción "Presión de Tecla" y luego presiona la tecla que accionará el botón. La línea 1 del código debería quedarte así: on (keyPress "Tecla elegida")
Ten en cuenta que si vas a tener varios botones, deberás configurar una tecla diferente para cada botón. Y que si no vas a utilizar la función de pinchado de botón, quizás te convenga hacer un botón invisible (como el que se ve en el final de la página 2)
Saludos!
     Responder 
Votos: 0 de 0
Anonimo
Anonimo
Anonimo
14/07/2008
4:33:10
#5   Hola Connie, soy Anonimo de nuevo y te cuento q me llamo Nahuel...
Mira hice mal la pregunta, perdon lo que yo quise preguntar era otra cosa.
Estoy haciendo un juego en flash y quiero q se maneje con el teclado, lo que yo quiero saber es como hago para desarrollar una botonera (donde quizas haya un "Empezar" y un "opciones") manejada con el teclado.
Osea, por si no me explique bien... que con las flechitas yo seleccione una opcion y entre con el enter.
Perdon si es molestia, y gracias por ayudar siempre!!
     Responder 
Votos: 0 de 0
Flor
Flor
Flor
29/08/2008
4:17:41
#6   Hola! muy bueno el tutorial, ya puedo empezar mejor. Saludos
     Responder 
Votos: 0 de 0
CINTHIA
CINTHIA
CINTHIA
12/09/2008
21:29:22
#7   Hola: de new tengo muchas dudas mira tu tutorial es excelente, y me encantaria que me recomendaras alguno de tus tutoriales por que necesito hacer unas presentaciones muy formales y toda la cosa y necesito un menu asi como el de windows que pase el mouse y aparescan las opciones y que en cuanto de click en alguna opcion esta apareciera pero ahi mismo sin que se mueva el menu, o sea en el mismo fotograma, es como tipo arbol pero lo que necesito es no cambiar de fotogramas me imagino que es con mascaras o asi, a parte necesito que tenga movimiento ciertos logos y eso y con musica. bueno ese es mi proyecto por favor si pudieras ayudarme seria genial puesto que de este trabajo dependen mis residencias profesionales por favor te lo pido si tienes algo k pueda ayudarme te lo agradeceria mucho.
     Responder 
Votos: 0 de 0
Begalop
Begalop
Begalop
30/09/2008
22:36:09
#8   Hola, soy nuevo en esto de flash, tengo problemas con acciones boton, no consigo poder abrir una url, hago todo como explicais. seguro que se queda algo en el tintero, bien siempre me sale error. capa, simbolo, estoy usando flash cs3, y abro el documento con actionscript2, por favor me podeis ayudar, llevo varios dias y no lo consigo, gracias
     Responder 
Votos: 1 de 1
Cega
Cega
Cega
04/10/2008
17:33:07
#9   Oye tengo varios fotoramas en donde tengo botones y cuando al boton le digo que se valla a un fotorama especifico si lo hace pero si le vuelvo a dar clik en el mismo boton se cambia a otro fotorama que ni al caso, creo yo que se debe quedar donde mismo.

Asi es como le pongo al boton:

on (release) {
gotoAndPlay(5);
}
     Responder 
Votos: 0 de 0
montesory
montesory
montesory
15/10/2008
18:38:52
#10   Hola, me parese interensatisima es ta pag ya que mantiene altanto las actualizaciones del mundo de los sistemas, "neoteo es pag de mi pc".

Quisiera apreder hacer una rotacion de cabeza, o del mundo por ejemplo, si no que yo e intentado usando un keyframen que tiene dos posiciones de cabeza y hago una transicion con la opcion de animar la utilizo de pendiendo del objeto y la animacion no es la esperada.
gracias.
     Responder 
Votos: 0 de 0
luzelena
luzelena
luzelena
15/01/2009
1:36:01
#11   hola estaba viendo, el tutorial buscando una ayuda. ahhh y por cierto yo hice el cursos de php I y II alli en uneweb, los recomiendo.
yo necesito porfa que alguien me diga porfavor como hago para hacer que en mi pagina inicial el flash se vaya automaticamente a la web una vez que termine la presentacion.
gracias
     Responder 
Votos: 0 de 0
solrak0
solrak0
solrak0
22/05/2009
11:07:31
#12   Hola soy nuevo aqui:
Mi pregunta es si con este programa se podria hacer un menu con archivos pdf, en el que al clickar en cada pdf este se abriera.
     Responder 
Votos: 0 de 0
rsolanocr67
rsolanocr67
rsolanocr67
21/07/2009
7:35:27
#13   Hola soy nuevo aqui: Se puede bajar los tutoriales o solamente se pueden ver en la página.
     Responder 
Votos: 0 de 0
5785691
5785691
5785691
14/10/2009
17:22:46
#14   una pregunta, como puedo hacer las animaciones pero usando fotos, como para un aviso publicitario, pero usando solo transicion?
     Responder 
 
 
Datos  Login Registrarse
Usuario
   
Email
Website
 
Nuevo comentario:


Tags HTML permitidos: br
 

Síguenos en TwitterAgréganos a tu RSS

 

Autores