FLOR ANIMADA EN FLASH PASO A PASO  Carolina Samacá
Paso 1 Ingresar a Macromedia Flash 8.0 Dar opción de Documento de Flash
Así debe a parecer la ventana
 
Hacer clic en el primer fotograma  y seleccionar el circulo u ovalo Con las opciones de color quitas el borde de línea y de relleno colocas color amarillo
AHORA SI REALIZAS EL CIRCULO  CLIC SOBRE EL CIRCULO, BOTON DERECHO  CONVERTIR EN SIMBOLO  SE CAMBIA EL NOMBRE Y ACEPTAR
Ahora  realizaremos el primer pétalo y a partir de este se realizaran los otros. Para hacer los pétalos se selecciona  la herramienta de círculo y se cambia el color de relleno .
Al pétalo también lo convertimos en símbolo con el nombre  pétalo A este lado de la pantalla debes ver los dos objetos que hemos convertido en símbolo
Seleccionamos esta herramienta y hacemos clic en el pétalo  Y el punto que se encuentra en el centro se debe mover  hasta abajo  Así debe quedar
Ahora copiamos el pétalo y lo pegamos hasta completar 8 y tener la flor de esta manera  Insertamos nueva capa Las dos capas ya están.  A la capa 2 se cambia el nombre por  amarillo  y a la capa 1  pétalo Nuestra flor completa se encuentra en la capa 1 llamada pétalo
 
Vamos a cortar  el circulo  amarillo  y lo pasamos a la capa llamada  amarillo  Se bloquea la capa amarillo y en la capa pétalo seleccionamos todo y botón derecho y distribuir en capas PARA QUE QUEDE ASI
Seleccionamos en el fotograma 5 en todas las capas y oprimimos F6  Realizamos lo mismo en el fotograma 10  y oprimimos F6  Fíjate que hay una capa que no contiene ningún fotograma esa se debe eliminar
Seleccionamos todo botón derecho y clic en crear interpolación de movimiento Capa por capa se va corriendo cada una hasta conseguir forma de escalera  Se selecciona todo botón derecho copiar fotogramas
Una vez copiados los fotogramas se van borrando todas las capas  Los fotogramas que quedan en la capa amarillo se selecciona y se quitan los fotogramas
Ahora tenemos todo en blanco  Insertar- nuevo símbolo  ANIMACION   Ahora tenemos tres símbolos
 
Se pegan los fotogramas copiados  Así debe quedar En la parte superior encuentra esto  Haga clic en  ESCENA  1
ASI DEBE ESTAR
En el área de dibujo vamos a hacer el tallo, pero primero insertamos un fotograma  Hacer un cuadrado verde Con esta herramienta seleccionamos en las esquinas o bordes del cuadrado hasta que debajo de la flecha salga un semi-circulo, con el cual se cambia la forma del cuadrado
Se copia y se pega  Hacemos clic a la que se acaba de pegar y hacemos esto Y así queda, para luego acomodarla al otro Todo se copia y pega para que quede así Se gira de manera vertical Ahora se acomoda el grosor según como se vea
Aquí encuentras los símbolos que hemos convertido  Seleccionas el de  animación  y con clic sostenido lo pasas al área de dibujo, para que quede así  Al hacer clic en el circulo amarillo se va activar la animación de la flor. El circulo se debe  cerca sobre el tallo.
Seleccionas los dos objetos ósea, el tallo y el punto amarillo y se convierte en símbolo llamado FINAL  Ahora se cambia el nombre de la capa, que se llama  animación  por  tallo Se crea una nueva capa y se cambia de posición, como vez se cambio el nombre a fondo  La capa llamada fondo no contiene nada
 
Selecciona el cuadrado y luego se elige el color en la opción de degrade Cuando se halla elegido el degrade deseado se realiza un cuadrado que ocupe toda el área de dibujo
Se selecciona esta herramienta y se hace clic sobre el cuadrado hecho anteriormente  Hacer clic en la esquina superior derecha y girar, cambiando el sentido vertical  a horizontal Ahora se cambian de posición las capas para que se vena los dos objetos
Cuatro símbolos
Ahora dale doble clic sobre sobre el tallo, en este momento no estas en la Escena 1 sino dentro del símbolo  y dentro de este símbolo solo tenemos una capa. Agregamos nueva capa.  La capa 1 se va ha llamar cosa verde
 
En la capa cosa verde seleccionamos solo el circulo lo copiamos y lo pegamos en la capa 2
Nos ubicamos en la capa 2 y elegimos  Pegar in situ , esta opción es para que pegue en el mismo lugar en el que esta en la capa 1
Seleccionamos solo la cosa verde y la convertimos en símbolo llamado  cosa verde
Insertar nueva capa “capa 3” y en esta capa hacer un cuadrado verde así:  Este cuadrado utilizando la flecha se debe convertir en una hoja
La hoja se convierte en símbolo llamado  HACER DOBLE CLIC SOBRE LA HOJA  PARA VER ESTA PANTALLA
Solo hay la capa 1 ubícate en el fotograma  5 y oprime la tecla F6 Este proceso se repite en el fotograma 20, en el 60 y en el 100 Fotograma 1 disminuimos su tamaño
En el fotograma 5 va ha ser mas grande y se cambia le color a un verde más fluorescente  En el fotograma 20 no se hace ningún cambio.  Así que pasamos al 60  y este vamos a realizar un cambio muy ligero en la posición de la hoja
La transformamos un poco  Seleccionamos lo fotogramas del 4 al 40 botón derecho y vamos a  Ventana-Propiedades-Propiedades
Para que te salga esto Haces clic y eliges la opción  forma
Y  luego  va  a  quedar  así Y en aceleración colocas 100
 
Doble clic  en Escena 1 para que te salga así. Acomodas el punto amarillo dentro del tallo y colocas la hoja a un lado Oprimiendo Ctrl + Enter  puedes ir viendo como queda la animación
Se selecciona y copia la hoja y luego la pegamos  en la capa 4 Se activa FINAL
 
Y la ubicas más arriba sobre el tallo Como es otra le disminuimos el tamaño  Estando en la capa 4 con clic sostenido se mueve el fotograma hasta el numero 5, con esto se pretende que las hojas no salgan al mismo tiempo
Crea más capas porque en cada una colocaremos hojas de diferentes tamaños y en varios fotogramas
Señalamos la primera capa  y agregamos nuevas capas. En estas nuevas capas colocaremos las flores Estas son las capas de las hojas Estas capas van a ser la de las demás flores
 
Para identificar las capas cambiamos el nombre de la que esta en la mitad
Copiamos el punto amarillo y lo vamos pegando en cada capa  en sitios diferentes  Así queda el tallo  Y así se debe ver la línea de tiempo por que se mueven los fotogramas para que las flores no salgan todas al mismo tiempo
 
Se mueve el matriz  y cuando se vea el cambio de color también se cambia los colores de la flor
 
Oprimiendo Ctrl + Enter  puedes ir viendo como queda la animación
En la línea de tiempo nos ubicamos en el fotograma 85 y oprimimos F5 Hacemos clic
En el fotograma 65 botón derecho
En el fotograma clave bajamos el tallo un poco  Seleccionamos del fotograma 1 al 64, botón derecho
Oprimiendo Ctrl + Enter  puedes ir viendo como quedo la animación
Primero guardas los últimos cambios Y para exportarla
Se elige el lugar donde vas a guardar la animación  y cambias el formato a
Sale este cuadro y  Aceptar Y  LISTO
 

FLOR ANIMADA FLASH 8

  • 1.
    FLOR ANIMADA ENFLASH PASO A PASO Carolina Samacá
  • 2.
    Paso 1 Ingresara Macromedia Flash 8.0 Dar opción de Documento de Flash
  • 3.
    Así debe aparecer la ventana
  • 4.
  • 5.
    Hacer clic enel primer fotograma y seleccionar el circulo u ovalo Con las opciones de color quitas el borde de línea y de relleno colocas color amarillo
  • 6.
    AHORA SI REALIZASEL CIRCULO CLIC SOBRE EL CIRCULO, BOTON DERECHO CONVERTIR EN SIMBOLO SE CAMBIA EL NOMBRE Y ACEPTAR
  • 7.
    Ahora realizaremosel primer pétalo y a partir de este se realizaran los otros. Para hacer los pétalos se selecciona la herramienta de círculo y se cambia el color de relleno .
  • 8.
    Al pétalo tambiénlo convertimos en símbolo con el nombre pétalo A este lado de la pantalla debes ver los dos objetos que hemos convertido en símbolo
  • 9.
    Seleccionamos esta herramientay hacemos clic en el pétalo Y el punto que se encuentra en el centro se debe mover hasta abajo Así debe quedar
  • 10.
    Ahora copiamos elpétalo y lo pegamos hasta completar 8 y tener la flor de esta manera Insertamos nueva capa Las dos capas ya están. A la capa 2 se cambia el nombre por amarillo y a la capa 1 pétalo Nuestra flor completa se encuentra en la capa 1 llamada pétalo
  • 11.
  • 12.
    Vamos a cortar el circulo amarillo y lo pasamos a la capa llamada amarillo Se bloquea la capa amarillo y en la capa pétalo seleccionamos todo y botón derecho y distribuir en capas PARA QUE QUEDE ASI
  • 13.
    Seleccionamos en elfotograma 5 en todas las capas y oprimimos F6 Realizamos lo mismo en el fotograma 10 y oprimimos F6 Fíjate que hay una capa que no contiene ningún fotograma esa se debe eliminar
  • 14.
    Seleccionamos todo botónderecho y clic en crear interpolación de movimiento Capa por capa se va corriendo cada una hasta conseguir forma de escalera Se selecciona todo botón derecho copiar fotogramas
  • 15.
    Una vez copiadoslos fotogramas se van borrando todas las capas Los fotogramas que quedan en la capa amarillo se selecciona y se quitan los fotogramas
  • 16.
    Ahora tenemos todoen blanco Insertar- nuevo símbolo ANIMACION Ahora tenemos tres símbolos
  • 17.
  • 18.
    Se pegan losfotogramas copiados Así debe quedar En la parte superior encuentra esto Haga clic en ESCENA 1
  • 19.
  • 20.
    En el áreade dibujo vamos a hacer el tallo, pero primero insertamos un fotograma Hacer un cuadrado verde Con esta herramienta seleccionamos en las esquinas o bordes del cuadrado hasta que debajo de la flecha salga un semi-circulo, con el cual se cambia la forma del cuadrado
  • 21.
    Se copia yse pega Hacemos clic a la que se acaba de pegar y hacemos esto Y así queda, para luego acomodarla al otro Todo se copia y pega para que quede así Se gira de manera vertical Ahora se acomoda el grosor según como se vea
  • 22.
    Aquí encuentras lossímbolos que hemos convertido Seleccionas el de animación y con clic sostenido lo pasas al área de dibujo, para que quede así Al hacer clic en el circulo amarillo se va activar la animación de la flor. El circulo se debe cerca sobre el tallo.
  • 23.
    Seleccionas los dosobjetos ósea, el tallo y el punto amarillo y se convierte en símbolo llamado FINAL Ahora se cambia el nombre de la capa, que se llama animación por tallo Se crea una nueva capa y se cambia de posición, como vez se cambio el nombre a fondo La capa llamada fondo no contiene nada
  • 24.
  • 25.
    Selecciona el cuadradoy luego se elige el color en la opción de degrade Cuando se halla elegido el degrade deseado se realiza un cuadrado que ocupe toda el área de dibujo
  • 26.
    Se selecciona estaherramienta y se hace clic sobre el cuadrado hecho anteriormente Hacer clic en la esquina superior derecha y girar, cambiando el sentido vertical a horizontal Ahora se cambian de posición las capas para que se vena los dos objetos
  • 27.
  • 28.
    Ahora dale dobleclic sobre sobre el tallo, en este momento no estas en la Escena 1 sino dentro del símbolo y dentro de este símbolo solo tenemos una capa. Agregamos nueva capa. La capa 1 se va ha llamar cosa verde
  • 29.
  • 30.
    En la capacosa verde seleccionamos solo el circulo lo copiamos y lo pegamos en la capa 2
  • 31.
    Nos ubicamos enla capa 2 y elegimos Pegar in situ , esta opción es para que pegue en el mismo lugar en el que esta en la capa 1
  • 32.
    Seleccionamos solo lacosa verde y la convertimos en símbolo llamado cosa verde
  • 33.
    Insertar nueva capa“capa 3” y en esta capa hacer un cuadrado verde así: Este cuadrado utilizando la flecha se debe convertir en una hoja
  • 34.
    La hoja seconvierte en símbolo llamado HACER DOBLE CLIC SOBRE LA HOJA PARA VER ESTA PANTALLA
  • 35.
    Solo hay lacapa 1 ubícate en el fotograma 5 y oprime la tecla F6 Este proceso se repite en el fotograma 20, en el 60 y en el 100 Fotograma 1 disminuimos su tamaño
  • 36.
    En el fotograma5 va ha ser mas grande y se cambia le color a un verde más fluorescente En el fotograma 20 no se hace ningún cambio. Así que pasamos al 60 y este vamos a realizar un cambio muy ligero en la posición de la hoja
  • 37.
    La transformamos unpoco Seleccionamos lo fotogramas del 4 al 40 botón derecho y vamos a Ventana-Propiedades-Propiedades
  • 38.
    Para que tesalga esto Haces clic y eliges la opción forma
  • 39.
    Y luego va a quedar así Y en aceleración colocas 100
  • 40.
  • 41.
    Doble clic en Escena 1 para que te salga así. Acomodas el punto amarillo dentro del tallo y colocas la hoja a un lado Oprimiendo Ctrl + Enter puedes ir viendo como queda la animación
  • 42.
    Se selecciona ycopia la hoja y luego la pegamos en la capa 4 Se activa FINAL
  • 43.
  • 44.
    Y la ubicasmás arriba sobre el tallo Como es otra le disminuimos el tamaño Estando en la capa 4 con clic sostenido se mueve el fotograma hasta el numero 5, con esto se pretende que las hojas no salgan al mismo tiempo
  • 45.
    Crea más capasporque en cada una colocaremos hojas de diferentes tamaños y en varios fotogramas
  • 46.
    Señalamos la primeracapa y agregamos nuevas capas. En estas nuevas capas colocaremos las flores Estas son las capas de las hojas Estas capas van a ser la de las demás flores
  • 47.
  • 48.
    Para identificar lascapas cambiamos el nombre de la que esta en la mitad
  • 49.
    Copiamos el puntoamarillo y lo vamos pegando en cada capa en sitios diferentes Así queda el tallo Y así se debe ver la línea de tiempo por que se mueven los fotogramas para que las flores no salgan todas al mismo tiempo
  • 50.
  • 51.
    Se mueve elmatriz y cuando se vea el cambio de color también se cambia los colores de la flor
  • 52.
  • 53.
    Oprimiendo Ctrl +Enter puedes ir viendo como queda la animación
  • 54.
    En la líneade tiempo nos ubicamos en el fotograma 85 y oprimimos F5 Hacemos clic
  • 55.
    En el fotograma65 botón derecho
  • 56.
    En el fotogramaclave bajamos el tallo un poco Seleccionamos del fotograma 1 al 64, botón derecho
  • 57.
    Oprimiendo Ctrl +Enter puedes ir viendo como quedo la animación
  • 58.
    Primero guardas losúltimos cambios Y para exportarla
  • 59.
    Se elige ellugar donde vas a guardar la animación y cambias el formato a
  • 60.
    Sale este cuadroy Aceptar Y LISTO
  • 61.