Tutorial Editar menus flash

[pablithoha]

bueno este tuto es para crear menus, o modificar uno ya existente, espero que con esto puedan crear mas menus fash para 2.0 y 2.1 que ahi muy pocos y que aporten mucho sus creacion, todo gracias a amigo LAGUNADOR

antes que nada decir que esta guia esta hecha para aquellos que no saben absolutamente nada de editar o crear menu flash pero que si tienen ganas de aprender asi que empezaremos desde 0 y lo primero que debeis acer es bajar 2 programas impresindibles que son SWF Decompiler y Adobe Flash CS3 Profesional.
el Swf Decompiler es para que el archivo .swf (menu) convertirlo en .Fla y de esta manera poder trabajar,editar o acer lo que queramos con el desde el programa Adobe Flash.
aqui os dejo los Programa necesarios+Menu que utilizaremos como base en este caso el orange bubble,citybeat,Active_Green,Bouncer176x220


Swf Decompiler 4.3.80806+Medicina
RapidShare: Easy Filehosting

Adobe Flash CS3 Professional Español Portable
RapidShare: Easy Filehosting

Adobe Flash CS3 Profesional Español Oficial+"Medicacion"
RapidShare: Easy Filehosting
RapidShare: Easy Filehosting
RapidShare: Easy Filehosting

Menus Base
RapidShare: Easy Filehosting

una vez instalados los 2 programas ya podemos comenzar

1.0 CAMBIAR FONDO A UN MENU

empezamos por lo mas facilito y donde comenzamos casi todos.jeje

Abrimos El Programa SWF DECOMPILER



buscamos en explorer nuestro menu aqui se muestran las carpetas (FLECHA 1)
debajo muestra lo que contiena esa carpeta (FECHA 2)
una vez encontrado lo seleccionamos y nos vamos al lado derecho y marcamos el recuadro Orange Bubble (FECHA 3) y pulsamos EXPORT FLA.
nos saldra un par de ventanas



aqui NO cambiamos la configuracion del programa solo pulsar OK (FLECHA 5)



aqui hacemos lo mismo pulsamos YES (FLECHA 6) si no quereis que salga este mensaje la proxima vez que hagamos esto marcar la casilla [remenber my choice and do not prompt again]esperamos a que cargue todos los componentes de este menu el Adobe Flash



cuanda aya cargado el menu el adobe lo primero que debemos acer es pulsar Publicar:CONFIGURACION (FLECHA 7) y poner la version de flash en este caso debe ser flash 1.1 como en la imagen.



ahora buscaremos el fondo del menu en la parte derecha,biblioteca (FLECHA 8 ) vamos pulsando las imagenes de abajo una por una asta encontrar el fondo,como vereis hay un pequeño visor encima que nos muestra el contenido de esas imagenes.el fondo es la primera imagen (imagen 1) lo seleccionamos y pulsamos boton derecho del raton PROPIEDADES...



nos saldra una nueva ventana en esta pulsamos IMPORTAR... (FLECHA 9) buscamos en nuestro pc la imagen que queremos como fondo para este menu la seleccionamos y pulsamos abrir y luego aceptar.es aconsejable que la imagen sea formato .png y tamaño 240x320



una vez que hayamos sustituido el fondo ahora lo guardaremos y publicaremos para obtener nuestro menu flash,ahora nos vamos a zona alta y pulsamos ARCHIVO luego GUARDAR COMO... (FLECHA 10) con esto guardaremos en .fla los cambios que hemos realizado despues de esto pulsamos PUBLICAR (FLECHA 11) para obtener nuestro menu en formato .SWF.



si el menu que cogemos como base tiene vibracion como en este caso al publicar nos saldra una nueva ventana llamada (errores de compilador) y nos mostrara 1,5,20 errores segun el menu que cogamos como base en este caso solo nos muestra una linea de errores seleccionamos esa linea (FLECHA 12) y pulsamos IR A ORIGEN. (FLECHA 13)



aqui lo que debemos acer es sustituir la palabra FLCmd por fscommand2 (FLECHA 14) una vez echo esto quitamos esta ventana y nos vamos de nuevo arriba pulsamos ABRIR/GUARDAR COMO... para guardar en el .Fla estos cambios que hemos realizados y despues publicar y listo ya tendremos nuestro menu flash con el nuevo fondo.por defecto el programa adobe suele guardar tanto el .Fla como el .Swf(menu) en Disco C:

1.1 INCORPORAR UN FONDO AL MENU

aqui utilizaremos como menu base el Citybeat



en algunos menus no suelen traer ninguna imagen de fondo asi que la crearemos nosotros y hacemos de nuevo el procedimiento de arriba pero en este caso con el menu Citybeat.
creamos una capa,esto lo hacemos pulsando el primer icono en la parte superior (FLECHA 15) aparecera una capa vacia pulsamos el primer recuadro (FLECHA 16)



ahora pulsamos ARCHIVO/IMPORTAR/IMPORTAR A ESCENARIO...como en la imagen y buscamos el fondo que queremos para este menu y la incorporamos



una vez que se aya incorporado el fondo arrastramos la Capa 7 hacia abajo y la situaremos encima del Layer 1 (FLECHA 17) esto es para no tapar algun icono o animacion con la imagen de fondo.



en algunas ocasiones al incorporar la imagen esta puede salir deformada y desentrada como en la imagen de arriba,seguiremos unos sencillos pasos para centrarla y dejarla en tu tamaño original.en la parte alta donde esta los layer vereis 2 iconos,un ojo y un candado pues con el puntero del raton vamos poniendo la X (FLECHA 20) para ocultar los layer todos exepto la capa que hemos creado y donde se encuentra nuestro fondo,pulsamos una vez en la imagen de fondo y abajo nos saldra las propiedades,en la izquierda es el tamaño del documento y la derecha la posicion,ahora en la izquierda pondremos An:240 Al:320 (FLECHA 18) en la derecha pondremos 0.0 y 0.0 (FLECHA 19)con esto quedara la imagen a su tamaño original y centrada.

2.0 CAMBIAR DE COLOR LOS ICONOS

aqui Practicaremos con el Orange Bubbles



una vez cargado el menu pulsamos 2 veces sobre el icono (FLECHA 21)



aqui nos vamos al layer 3 es el que tiene la animacion del icono pasivo y activo (FLECHA 22) vamos pulsando asta que se muestre el icono activo el primer fotograma esta vacio el segundo si muestra el icono activo ahora pulsamos de nuevo 2 veces sobre el icono (FLECHA 23)



aqui en el layer 1 hay 12 fotogramas esos fotogramas son los 12 iconos del menu (FLECHA 24) [los iconos activos] marcamos el primero luego abajo en color pondremos avanzado (FLECHA 25) y pulsamos CONFIGURACION



ahora nos saldra una nueva ventana Efectos Avanzados donde podremos cambiar el color de los iconos (FLECHA 26)
modificar solo la parte derecha con eso consiguireis el color que querais,hay 3 colores mas otro llamado alfa este ultimos es para la transparencia de los iconos.

3.0 CAMBIAR UNA DIRECION O SUBMENU



hay 2 maneras sustuirlo con Control+f o buscarlo manualmente yo prefiero este ultimo

cambiaremos Radio Por TrackID.una vez cargado el Adobe pulsamos F9 en el teclado y nos saldra una nueva ventana llamada Acciones - Fotogramas
aqui vamos pulsando los action layer uno por uno asta dar con las 12 direcciones de este menu (FLECHA 27)
en este caso al pulsar Fotgrama-1 salio las 12 direcciones.en el 9 esta radio y es la que vamos a cambiar,marcamos el nombre de radio (Y SOLO el nombre NO mover o cambiar o quitar ninguna coma y demas)en este caso cambiaremos FMRadio por MusicRecognition como en la imagen (FLECHA 28)una vez cambiado cerramos esta ventana



ahora nos vamos a arriba LAYER 58 es la que contiene los 12 nombres nos dirigimos al 9 y pulsamos 2 veces sobre el recuadro del nombre para poder cambiarlo por MENU_TID_TRACKID_TXT (FLECHA29) ya solo queda pulsar ARCHIVO/GUADAR COMO Y DESPUES PUBLICAR y ya tendremos nuestro menu con TrackID en vez de Radio.

DB:2020
1 ---------------------- 2-------------------3-------------------------
Nombre En Los Layer,Nombre En El Telf,Nombre En Los Script

DIL_PRE_PLAY_LINK_TXT -->PlayNow [PlayNow]

SONYERICSSON_TXT -->Sony Ericsson [OperatorWebPage]

MENU_ENTERTAINMENT_TXT -->entretenimiento [Entertainment]

MENU_CAMI_TXT -->camara [Camera]

MENU_MSG_MESSAGING_TXT--> mensajes [Messaging]

MENU_MEDIAPLAYER_TXT --> Walkman [MediaPlayer]

DB_DATABROWSER_TXT --> Administrador de Archivos [FileManager]

MENU_PHONEBOOK_TXT -->Agenda [Phonebook]

MENU_FM_RADIO_TXT -->Radio [FMRadio]

MENU_TID_TRACKID_TXT -->TackID [MusicRecognition]

MENU_CALLS_TXT -->llamadas [Calls]

MENU_ORGANIZER_TXT -->Organizador [Organizer]

MENU_SETTINGS_TXT -->Ajustes [Settings]

OLP_TITLE_TXT -->Internet [InternetServices]

MENU_TR_ALARMS_TXT -->Alarmas [MenuItem_SetTemporaryAlarm]

DB_MEDIA_PLAYER_MENU_TXT -->Reprod.Musica [MediaPlayer]

MENU_SPO_TITLE_TXT -->Fittnes [SportsApp]

MENU_BLUETOOTH_TXT -->Bluetooth [BlueTooth_Settings]

4.0 CREAR MULTIPLES FONDOS ASTA 12



creamos una capa (FLECHA 30)y ahora pulsamos dentro de la capa boton derecho del raton y selecionamos INSERTAR FOTOGRAMA CLAVE VACIO (FLECHA 31)nos creara un fotograma vacio pues acer lo mismo en esta capa asta tener 12



debe quedar como en la imagen de aqui arriba (FLECHA 32)



ahora seleccionamos el primero y pulsamos ARCHIVO/IMPORTAR/IMPORTAR A ESCENARIO... buscamos la imagen de fondo que queremos y la agregamos despues hacemos lo mismo con el 2º 3º fotogramas asta completar 12 fondo diferentes (FLECHA 33)



y quedara de esta manera cuando cambiemos de icono tambien lo ara el fondo.

5.0 CREAR UN GIF EN UN MENU SIN ANIMACION

en este caso cogeremos como base el Active_Green aparte de los iconos no tiene ninguna animacion



hay varios metodos para incorporar gif y animaciones aqui os explicare uno de los que utilizo yo.una vez que tengamos el menu cargado en Adobe crearemos de nuevo una capa (FLECHA 34) incorporaremos una imagen (ya sabeis pulsando ARCHIVO/IMPORTAR/IMPORTAR A ESCENARIO) en este caso da igual la imagen puede ser un icono,un fondo cualquiera pero NUNCA un gif,una vez que este nuestra imagen cargada en este caso e cogido un icono pulsamos boton dercho del raton sobre el icono y pulsamos COVERTIR A SIMBOLO (FLECHA 35)



aqui nos aparecera una nueva ventana en TIPO pulsamos CLIC DE PELICULA si esta ya marcado pues directamente pulsamos aceptar (FLECHA 36) ahora pulsamos 2 veces dentro del recuadro de la imagen en este caso el icono y nos llevara donde esta alojado el simbolo que acabos de crear.



ahora pulsamos en el recuadro del icono pero con el boton derecho del raton y pulsamos CORTAR (FLECHA 37)



ahora pulsamos ARCHIVO/IMPORTAR/IMPORTAR A ESCENARIO y AHORA SI buscamos el GIF que queremos en este menu y lo incorporamos



aqui los puntos negros son las imagenes del gif,los espacios son las pausas de este archivo si quereis que vaya mas rapido solo teneis que quitar las zonas grises sin puntos sino lo podeis dejar como lo importa el Adobe esto ya cada uno que eliga como le guste mas.



solo queda pulsar ARCHIVO/GUARDAR COMO Y PUBLICAR y ya tendremos nuestro gif en el menu.

6.0 REDIMENSIONAR UN MENU

en esta ocasion utilizaremos para practicar el menu Bouncer 176x220 y lo redimensionaremos a 240x320



cuando carge el menu el adobe TAMAÑO 176x220 (FLECHA 38) nos saldra una nueva ventana Propiedades Del Documento en dimensines en Anchura ponemos 240 px (FLECHA 39) y en Altura 320 px (FLECHA 40) y pulsamos aceptar



(opcional)aqui cambiamos el fondo para distingirlo bien de los icono y animacion de los bafles (FLECHA 41).



ahora nos dirigimos arriba y pulsamos EDICION (FLECHA 42) y SELECCIONAR TODO (FLECHA 43)



luego dirigimos el puntero del raton sobre uno de lo recuadro azules que marca al menu y pulsamos boton derecho del raton (teniendo cuidado que siga todo igual seleccionado si al acer esto se quitara algun recuadro azul debeis marcar de nuevo EDICION y SELECCIONAR TODO) luego pulsamos TRANSFORMACION LIBRE (FLECHA 44)



ahora aparecera uno puntos negros con bordes blancos por la imagen,nos llevamos el puntero del raton al que esta abajo a la derecha (FLECHA 45)



arrastramos lentamente hacia abajo manteniendo pulsado el boton del raton y miramos que quede centrado mas o menos nos podremos guiar por que nos saldra el recuadro como en la imagen



cuando creamos que este centrado soltamos el boton del raton y listo ya solo queda devolver el color negro al fondo del menu y pulsar arriba ARCHIVO /GUARDAR COMO.../PUBLICAR
y tendremos nuestro menu redimensionado

VICEVERSA: si lo que quereis redimensionar es un menu 240x320 a 176x220 el procedimiento es igual solo cambiamos al principio TAMAÑO 240X320 y la ventana que sale debemos poner 176x220 luego hacemos lo mismo pulsamos EDICION/SELECCIONAR TODO dirigir el puntero del raton hacia algun recuadro marcado azul y pulsar boton derecho TRANSFORMACION LIBRE y esta vez en vez de agrandar achicarlo asta que quede centrado en nuestro menu 176x220

AVISO:no todos los menu se pueden redimensionar de la misma manera por que tienen submenus y varios apartado mas,aunque el procedimiento es el mismo pero hay que dedicarle mas tiempo y trabajo.

7.0 TRUCOS Y CONSEJOS

si utilizais imagenes de fondo siempre que sea formato .PNG,el formato JPG tiene menos calidad y en algunos casos ara que el menu pese mas

la linea de vibracion la podemos cambiar y acer que la vibre segun nuestra eleccion

status = fscommand2 ("StartVibrate", 40, 0, 1); vibracion normal

status = fscommand2 ("StartVibrate", 30, 0, 1); vibracion suave

status = fscommand2 ("StartVibrate", 80, 0, 1); vibracion fuerte

status = fscommand2 ("StartVibrate", 00, 0, 0); sin vibracion
--------------------------------------------------------------------------------------------------------------------------

UTILIZAR EL EMULADOR DE ADOBE



antes de publicar podremos pobar el resultado de nuestro trabajo desde el mismo Adobe utilizando el Emulador para esto pulsamos en el teclado
Control+Enter

aparecera Adove Device Central CS3 en la izquierda Dispositivos Disponibles pulsamos Sony Ericsson saldra una larga lista de dispositivo y pulsando 2 veces en uno y os saldra el telf en el emulador.yo utizo el mio W850i esta el 3 empezando por el final (FLECHA 1) luego nos vamos al lado derecho y pulsamos Tipo De Contenido luego Navegador (FLECHA 2)con esta opcion podremos navegar por el menu pulsando arr/abj/izq/drch se vera la imagen mas pequeña y pixelara pero no preocuparos es normal para verlo a su tamaño original y ver como quedara en el telf debeis ponerlo en Protector De Pantalla (FLECHA 3) pero aqui no podreis navegar.

CORREGIR RAPIDAMENTE ERRORES COMUNES

el que siempre aparece es el error de Vibracion en algunos menus puede haber asta 80 lineas y es muy pesado ir linea x linea para corregirlo
en este caso utilizaremos un "atajo"



pulsamos en el teclado CONTROL+F aparecera una nueva ventana en TEXTO pondremos la palabara que queremos quitar (FLECHA 1)
en REMPLAZAR POR.TEXTO aqui pondremos la palabra que sustituira a la de arriba (FLECHA 2)
luego pulsamos REEMPLAZAR TODOS (FLECHA 3)y el adobe ara el trabajo por nosotros

aqui termina esta "pequeña" guia,espero que os sirva de ayuda y si por cualquier causa es quedais en algun sitio y no podeis continuar podeis preguntar aqui y os intentare ayudar.salu2 del lagu que se retira por un tiempo de este mundillo,seguramente retomare cuando tenga en mis manos el C905 y claro empezare a trabajar para ese telf.salu2


Anexo: a los que utilizeis como base el menu Orange_Bubble debeis cambiar en los script los layer 19 y 29 para evitar que el menu se "cuelgue" en la primera y segunda columna al pulsar arriba o abajo



con el menu cargado en adobe pulsais F9 en el teclado saldra la ventana de los script aqui debeis pulsar Action Layer 19 (FLECHA 1) lo que esta en la ventana derecha borrar todo o sustutirlo por el que os dejo mas abajo luego hacemos lo mismo con el Action Layer 29 (FLECHA 2)
sustituir por este que os dejo aqui abajo

Orange_Bubble

Action Layer Fotograma 19

/:upDown = "up";
/:leftRight = 0;
/:justPressed = 1;
call("deSelect");
lastselectedvar = selectedvar;
if (selectedvar == 1)
{
selectedvar = selectedvar + 12;
** // end if
if (selectedvar == 1)
{
selectedvar = selectedvar + 12;
** // end if
if (selectedvar == 2)
{
selectedvar = selectedvar + 12;
** // end if
if (selectedvar == 3)
{
selectedvar = selectedvar + 9;
**
else
{
selectedvar = selectedvar - 3;
** // end else if
call("select");





Action Layer Fotograma 29

/:upDown = "down";
/:leftRight = 0;
/:justPressed = 1;
call("deSelect");
lastselectedvar = selectedvar;
if (selectedvar == 10)
{
selectedvar = selectedvar - 12;
** // end if
if (selectedvar == 10)
{
selectedvar = selectedvar - 12;
** // end if
if (selectedvar == 11)
{
selectedvar = selectedvar - 12;
** // end if
if (selectedvar == 12)
{
selectedvar = selectedvar - 9;
**
else
{
selectedvar = selectedvar + 3;
** // end else if
call("select");

[NoRtH SiDe]

oye amigo lo intene i no me sale el menu flash dice archivo dañado mi cel es w580 r8be001 cid 53

[pablithoha]

intenta crear uno apartir de uno que ya tengas, porque puede variar mucho, en el mio tiene una falla, yo no baje este macromedia, ya tenia uno, y no quise bajar otro, y me di cuanta, de que al poner un menu y darle en vista previa, este ya no servia, tenias que configurar sus acciones nuevamente, asi que asegurate antes de que el menu funcione y luego podras modificarlo

[kevdo]

Oye brother ya habia visto este tuto por ahi y bueno me ayudo mucho a crear menus flash 1.1... con este tuto no puedes pasar un menu 1.1 a 2.0 o 2.1 porque yo aun no lo logro porque los script son muy diferentes... lo unico que se puede hacer es decompilar un menu 2.0 o 2.1 y cambiar iconos nada que ver con los script 1.1
estaria genial un tuto para hacer lo que puse en negrita o para crearlos desde cero no creen??

[k550_max]

hola nesecito una ayuda estoy creando mi propio menu pero me esta ganando y nesecito ayuda.

estoy utilizando estos 2 tutoriales:
1) tutorial para crear menus flash, cualquier modelo¡¡
2) [TUTORIAL] Creacion de Menus Flash

estoy utilizando
macromedia flash player 8 profesional

este es mi primer problema: lo configuro >)reproductor: flash lite 1.1 >)telefono: w810 >)dispositivo: navegador
y me sale este error
FTPS048: La navegación de cuatro direcciones no es compatible con este dispositivo.

otro, paral llamar el menu por medio de numero, en los tutoriales estan diferentes,

1) getURL(("application://" add appVar));

Las appVar pueden ser:
App1 = "OperatorWebPage"; (Abre la pagina del Operador en el navegador)
App2 = "InternetServices"; (Abre el navegador)
error en el emulador no marca error pero en el celular no sirve

2) loadVariablesNum("application://focused", 0);
App1 = "PlayNow";
App2 = "InternetServices";
error en el emulador "focused"

alguien me puede ayudar con estos dos errores en el tutorial dice como acerlo pero no en caso de un error

aproposito mi celular k550@w610 r6

gracias por las ayudas

[pablithoha]

bueno una aclaracion, este tuto es mas para crear un menu, apartir de otro, osea un 1.1 a partir de otro 1.1 y un 2.0 apartir de un 2.0, y desde 0 si se puede, ya vi el tutorial solo que es demasiado extenso, pero lo k keria esque con este pudieran aportar mas, gracias

[yozhi]

funcionaria para pasar menus 2.0 a 2.1 ????

[pablithoha]

funcionaria para pasar menus 2.0 a 2.1 ????

bueno yo intente hacer esto: abrir un archivo nuevo, configuraro parqa 2.1, copiar los fotogramas y las acciones de un menu 2.0, redimensionar sus imagenes, y listo, bueno suena sencillo pero no lo es, yo intente hacerlo y en el emulador, el archivo si funciona, pero no lo he calado aun, porque fue de un 1.1 y otra dimension, tuve que redimensionar todo y copiar los fotogramas y acciones, y ademas no tenia el thm activador, pero ojala se pueda

[JuveGlez4]

Como se puede crear un menu para nokia N75? o N95?

[spaxtr]

solo sony!! chavo