el siguiente tutorial tiene como fin la creacion de menus flashlite desde el inicio hasta le final.
¿que necesitamos?
1. adobe flash CS3 profesional
2. conocimientos minimos de flash
3. hablar ingles ya que el AS (ActionScript) se basa principallmente en este lenguaje asi que si lo sabes no habra menor problema
4. mucha creatividad y empeño para tus menus flashlite
bien comenzemos:
-abrimos adobe flashlite y elegimos "archivo de flash (movil)"
-se abrira una nueva ventana y haremos lo siguiente:
elegimos nuestro dispositivo de la lista que aparece a la izquierda no se preocupen tanto por el modelo lo importante es la resolucion.
despues en version eligen flashlite 1.1,tipo de contenido:navegador,el tamaño de pantalla debera de ser del largo por ancho de su resolucion o bien recortarlo para que sea visible la hora y la fecha,presinamos "create"
-lo siguiente que veran es la interfas de trabajo de flash cs3,aqui una breve explicacion de cada herramienta y su funcion:
linea de tiempo: es el area donde se ejecutaran los frames y las acciones y eventos en general
capas: al igual que en photoshop sirve para delimitar una imagen de otra,y no solo eso,tambien la ejecucion del actionscript.
Biblioteca:es donde se almacenaran los iconos y las animaciones (movieclips) si piensan que aqui estaran los graficos del menu estan en lo correcto
color de fondo:define el background del menu flashlite con una gran variedad de colores
Despues de conocer los aspectos basicos de cada herramienta es tiempo de comenzar con la creacion de nuestro primer menuflash
bien comenzaremos en el primer fotograma,aqui seleccionaremos el fotograma 12 y presionaremos F6 como lo indica en la imagen:
-comenzaremos por agregar nuestro primer ActionScript esta opcion se encuentra en la pestaña de "acciones" que se encuentra en la parte inferior izquierda del programa,en caso de no tenerle,ir a ventana/acciones.o simplemente oprimir F9 para que sea visible.
agregaremos el comando "stop" al fotograma 1 y con esto se indica al menu flash que se detenga en cada fotograma hasta nueva orden.
despues bloquearemos esta capa para no modificar nada mas:
-comenzaremos a importar nuestras imagenes que deseamos para nuestro nuevo menu flash en archivo/importar/importar a biblioteca.. como lo muestra la siguiente imagen:
-ir a la ruta donde estan los iconos y seleccionarlos todos:
-ahora los iconos cargados correctamente se situaran en la Biblioteca en donde podras arrastrarlos y acomodarlos segun el orden que desees:
-lo siguiente sera darle un formato correcto a los iconos,ya que sin esto el menu quedaria con iconos rojos y con otros errores para esto dar clic derecho en el primer icono en la Biblioteca y despues en propiedades:
-aparecera una ventana en la cual en compresion eligiremos sin perdida (PNG/GIF) aceptamos y asi lo hacemos sucesivamente con cada imagen,solo por si queda alguna duda esto se hara con cualquier formato de imagen no importando que sea gif,jpg o png la extencion.
-a continuacion se creara una nueva capa donde iran los iconos y posteriormente se acomodaran en el orden que ustedes elijan:
-en capa2 elegir el primer fotograma y presionar F6 para que se hace esto? nada mas y nada menos que para copiar los 12 iconos en cada fotograma para asi ir definiendocada uno despues y su correspondiente funcion.
-ahora vendra la edicion del primer icono,nos iremos el primero,despues hacemos clic derecho sobre el y lo convertiremos en simbolo tal y como lo muestra la imagen:
-lo convertiremos en un clip de pelicula, o lo dejaremos como grafico si queremos que sea una imagen estatica con un nuevo layer con alguna seleccion independiente segun sea el caso.
-siendo el caso de ser un movieclip (animacion)ya definido en el icono daremos doble clic sobre este,abrira una nueva linea de tiempo donde se tendra que hacer lo siguiente,en cada fotograma iremos haciendo la animacion de la seleccion del icono,y asi con todos los demas,claro esto en su respectivo fotograma(en uno de los 12) terminado el trabajo volveremos a la esena1 dando clic en la opcion del mismo nombre que por lo general se encuentra bajo el "bote de basura":
las acciones son los comadnos que ejecutan lo que se hara o no se hara en un menu flash,anatomicamente hablando vendria a ser el cerebro del menu flash y el cuerpo como sabran,serian los iconos y el entorno grafico
para crear las acciones comezaremos por hacer lo siguiente
crearemos una nueva capa en la cual en el area de trabajo escribiremos la frase "acciones" el nombre no importa mucho solo es una referencia asi que pueden poner lo que se les venga en gana.
NOTA:no escribir la frase en lo que vendria a ser el menu flash,si no en algun area donde nos ea visible,es decir fuera del background.
-convertiremos la frase "acciones" en un boton dando clic derecho/convertir en simbolo/boton....
-hecho esto nos dirigiremos a la pestaña "acciones" y seleccionando el boton escribiremos el actionscipt que estara adjunto al final del tutorial,terminado de estructurar el actionscript haremos uso del F6 tal y como lo hicimos con los iconos soloq ue aqui se cambiaran valores como,la direccion de las flechas y las rutas de los archivos:
-a continuacion una breve explicacion de lo quie hace un actionscript:
-las banderas en un menu flash en proceso de desarrollo son simbolo de que el fotograma esta etiquetado esto con el fin de que al hacer un llamado a esa funcion mediante actionscript:
Una vez terminado el menu flash y los detalles que le haya agregado,el siguiente proceso es el siguiente:
nos dirigiremos a archivo/exportar/exportar pelicula
-lo segundo sera guardar el archivo .SWF de su menu flas donde gusten:
-por ultimo saldra una ventana como la de la siguiente imagen:
En version de flash eligiremos la version 1.1 que estara ya por defaul elegida pero mas vale prevenir incidentes
calidad JPG elegida al 100% y con esto damos en aceptar.
Con esto habeis creado vuestro primer menu flash en horabuena.
si tienes dudas sobre actionscript aqui mimso puedes preguntar,recuerda que nadie nacio sabiendo
_______________________________________________________________
un agradecimiento especial a Bemitorella por brindarme sus conocimientos en flashlite sin el no estuviera este tutorial en pie
saludos y a crear sus propios menus flashlite colegas
Es bien sabido por todos que el archivo .fla original (no uno descompilado) nunca lo deja el autor intelectual,es como el sourcecode de un elf que esta bien custodiado,pero en este caso por cuestiones educativas lo dejo para ustedes asi sabran como esta hecho el menu y sera una excelente guia para el tutorial.
¿que necesitamos?
1. adobe flash CS3 profesional
2. conocimientos minimos de flash
3. hablar ingles ya que el AS (ActionScript) se basa principallmente en este lenguaje asi que si lo sabes no habra menor problema
4. mucha creatividad y empeño para tus menus flashlite
bien comenzemos:
-abrimos adobe flashlite y elegimos "archivo de flash (movil)"
-se abrira una nueva ventana y haremos lo siguiente:
elegimos nuestro dispositivo de la lista que aparece a la izquierda no se preocupen tanto por el modelo lo importante es la resolucion.
despues en version eligen flashlite 1.1,tipo de contenido:navegador,el tamaño de pantalla debera de ser del largo por ancho de su resolucion o bien recortarlo para que sea visible la hora y la fecha,presinamos "create"
-lo siguiente que veran es la interfas de trabajo de flash cs3,aqui una breve explicacion de cada herramienta y su funcion:
linea de tiempo: es el area donde se ejecutaran los frames y las acciones y eventos en general
capas: al igual que en photoshop sirve para delimitar una imagen de otra,y no solo eso,tambien la ejecucion del actionscript.
Biblioteca:es donde se almacenaran los iconos y las animaciones (movieclips) si piensan que aqui estaran los graficos del menu estan en lo correcto
color de fondo:define el background del menu flashlite con una gran variedad de colores
Despues de conocer los aspectos basicos de cada herramienta es tiempo de comenzar con la creacion de nuestro primer menuflash
bien comenzaremos en el primer fotograma,aqui seleccionaremos el fotograma 12 y presionaremos F6 como lo indica en la imagen:
-comenzaremos por agregar nuestro primer ActionScript esta opcion se encuentra en la pestaña de "acciones" que se encuentra en la parte inferior izquierda del programa,en caso de no tenerle,ir a ventana/acciones.o simplemente oprimir F9 para que sea visible.
agregaremos el comando "stop" al fotograma 1 y con esto se indica al menu flash que se detenga en cada fotograma hasta nueva orden.
despues bloquearemos esta capa para no modificar nada mas:
-comenzaremos a importar nuestras imagenes que deseamos para nuestro nuevo menu flash en archivo/importar/importar a biblioteca.. como lo muestra la siguiente imagen:
-ir a la ruta donde estan los iconos y seleccionarlos todos:
-ahora los iconos cargados correctamente se situaran en la Biblioteca en donde podras arrastrarlos y acomodarlos segun el orden que desees:
-lo siguiente sera darle un formato correcto a los iconos,ya que sin esto el menu quedaria con iconos rojos y con otros errores para esto dar clic derecho en el primer icono en la Biblioteca y despues en propiedades:
-aparecera una ventana en la cual en compresion eligiremos sin perdida (PNG/GIF) aceptamos y asi lo hacemos sucesivamente con cada imagen,solo por si queda alguna duda esto se hara con cualquier formato de imagen no importando que sea gif,jpg o png la extencion.
-a continuacion se creara una nueva capa donde iran los iconos y posteriormente se acomodaran en el orden que ustedes elijan:
-en capa2 elegir el primer fotograma y presionar F6 para que se hace esto? nada mas y nada menos que para copiar los 12 iconos en cada fotograma para asi ir definiendocada uno despues y su correspondiente funcion.
-ahora vendra la edicion del primer icono,nos iremos el primero,despues hacemos clic derecho sobre el y lo convertiremos en simbolo tal y como lo muestra la imagen:
-lo convertiremos en un clip de pelicula, o lo dejaremos como grafico si queremos que sea una imagen estatica con un nuevo layer con alguna seleccion independiente segun sea el caso.
-siendo el caso de ser un movieclip (animacion)ya definido en el icono daremos doble clic sobre este,abrira una nueva linea de tiempo donde se tendra que hacer lo siguiente,en cada fotograma iremos haciendo la animacion de la seleccion del icono,y asi con todos los demas,claro esto en su respectivo fotograma(en uno de los 12) terminado el trabajo volveremos a la esena1 dando clic en la opcion del mismo nombre que por lo general se encuentra bajo el "bote de basura":
..::Creacion de las Acciones::..
las acciones son los comadnos que ejecutan lo que se hara o no se hara en un menu flash,anatomicamente hablando vendria a ser el cerebro del menu flash y el cuerpo como sabran,serian los iconos y el entorno grafico
para crear las acciones comezaremos por hacer lo siguiente
crearemos una nueva capa en la cual en el area de trabajo escribiremos la frase "acciones" el nombre no importa mucho solo es una referencia asi que pueden poner lo que se les venga en gana.
NOTA:no escribir la frase en lo que vendria a ser el menu flash,si no en algun area donde nos ea visible,es decir fuera del background.
-convertiremos la frase "acciones" en un boton dando clic derecho/convertir en simbolo/boton....
-hecho esto nos dirigiremos a la pestaña "acciones" y seleccionando el boton escribiremos el actionscipt que estara adjunto al final del tutorial,terminado de estructurar el actionscript haremos uso del F6 tal y como lo hicimos con los iconos soloq ue aqui se cambiaran valores como,la direccion de las flechas y las rutas de los archivos:
-a continuacion una breve explicacion de lo quie hace un actionscript:
-las banderas en un menu flash en proceso de desarrollo son simbolo de que el fotograma esta etiquetado esto con el fin de que al hacer un llamado a esa funcion mediante actionscript:
..::FINALIZACION::..
Una vez terminado el menu flash y los detalles que le haya agregado,el siguiente proceso es el siguiente:
nos dirigiremos a archivo/exportar/exportar pelicula
-lo segundo sera guardar el archivo .SWF de su menu flas donde gusten:
-por ultimo saldra una ventana como la de la siguiente imagen:
En version de flash eligiremos la version 1.1 que estara ya por defaul elegida pero mas vale prevenir incidentes
calidad JPG elegida al 100% y con esto damos en aceptar.
Con esto habeis creado vuestro primer menu flash en horabuena.
si tienes dudas sobre actionscript aqui mimso puedes preguntar,recuerda que nadie nacio sabiendo
_______________________________________________________________
un agradecimiento especial a Bemitorella por brindarme sus conocimientos en flashlite sin el no estuviera este tutorial en pie
saludos y a crear sus propios menus flashlite colegas
Es bien sabido por todos que el archivo .fla original (no uno descompilado) nunca lo deja el autor intelectual,es como el sourcecode de un elf que esta bien custodiado,pero en este caso por cuestiones educativas lo dejo para ustedes asi sabran como esta hecho el menu y sera una excelente guia para el tutorial.
