Este tutorial tiene como objetivo enseñar como crear menús flash, o modificar existentes para los celulares Sony Ericsson sin importar su modelo. El nivel de dificultad es promedio a alto pero sobre todo exige paciencia y habilidad.

Antes que nada decir que esta guía esta hecha paso a paso, para no dejar de lado a aquellos que no saben de editar o crear menús flash, pero que tienen ganas de aprender, así que empezaremos desde 0 y lo primero que se debe hacer es bajar 2 programas OBLIGADOS que son SWF Decompiler y Adobe Flash CS3 Profesional.

El Swf Decompiler nos sirve para poder convertir nuestro archivo .swf (menú)en .Fla y de esta manera poder trabajar,editar o hacer lo que queramos con el desde el programa Adobe Flash.

Aquí la lista de programas necesarios más el menú que utilizaremos como base, en este caso el: orange bubble,citybeat,Active_Green,Bouncer176×220.

• Swf Decompiler
• Adobe Flash CS3 Professional

Los pueden encontrar en Google.

Una vez instalados los 2 programas ya podemos comenzar.

1.0 CAMBIAR FONDO A UN MENU

Empezamos por lo más sencillo. Abrimos el Programa SWF DECOMPILER

Buscamos en Explorer nuestro menú. Aquí se muestran las carpetas (FLECHA 1), debajo muestra lo que contiene esa carpeta (FLECHA 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 saldrá un par de ventanas:

Aquí NO cambiamos la configuración del programa solo pulsar OK (FLECHA 5)

Aquí hacemos lo mismo pulsamos YES (FLECHA 6) si no quieren que salga este mensaje la próxima vez que hagamos esto marcar la casilla [remenber my choice and do not prompt again]esperamos a que cargue todos los componentes de este menú el Adobe Flash.

Cuando haya cargado el menú el adobe lo primero que debemos hacer es pulsar Publicar:CONFIGURACION (FLECHA 7) y poner la versión de flash en este caso debe ser flash 1.1 como en la imagen.

Ahora buscaremos el fondo del menú en la parte derecha,biblioteca (FLECHA 8 ) vamos pulsando las imágenes de abajo una por una asta encontrar el fondo,como verán hay un pequeño visor encima que nos muestra el contenido de esas imágenes.el fondo es la primera imagen (imagen 1) lo seleccionamos y pulsamos botón derecho del ratón PROPIEDADES…

Nos saldrá una nueva ventana en esta pulsamos IMPORTAR… (FLECHA 9) buscamos en nuestro PC la imagen que queremos como fondo para este menú la seleccionamos y pulsamos abrir y luego aceptar.es aconsejable que la imagen sea formato .png y tamaño 240×320

Una vez que hayamos sustituido el fondo ahora lo guardaremos y publicaremos para obtener nuestro menú 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 después de esto pulsamos PUBLICAR (FLECHA 11) para obtener nuestro menú en formato .SWF.

si el menú que cogemos como base tiene vibración como en este caso al publicar nos saldrá una nueva ventana llamada (errores de compilador) y nos mostrara 1,5,20 errores según el menú que cojamos como base en este caso solo nos muestra una línea de errores seleccionamos esa línea (FLECHA 12) y pulsamos IR A ORIGEN. (FLECHA 13)

aquí lo que debemos hacer 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 después publicar y listo ya tendremos nuestro menú flash con el nuevo fondo.por defecto el programa adobe suele guardar tanto el .Fla como el .Swf(menú) en Disco C:

1.1 INCORPORAR UN FONDO AL MENU
aquí utilizaremos como menú base el Citybeat

en algunos menús no suelen traer ninguna imagen de fondo así que la crearemos nosotros y hacemos de nuevo el procedimiento de arriba pero en este caso con el menú Citybeat.
creamos una capa,esto lo hacemos pulsando el primer icono en la parte superior (FLECHA 15) aparecerá una capa vacía 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 menú y la incorporamos

Una vez que se haya incorporado el fondo arrastramos la Capa 7 hacia abajo y la situaremos encima del Layer 1 (FLECHA 17) esto es para no tapar algún icono o animación con la imagen de fondo.

En algunas ocasiones al incorporar la imagen esta puede salir deformada y descentrada como en la imagen de arriba,seguiremos unos sencillos pasos para centrarla y dejarla en tu tamaño original.en la parte alta d
onde esta los layer verán 2 iconos,un ojo y un candado pues con el puntero del ratón vamos poniendo la X (FLECHA 20) para ocultar los layer todos excepto la capa que hemos creado y donde se encuentra nuestro fondo,pulsamos una vez en la imagen de fondo y abajo nos saldrá las propiedades,en la izquierda es el tamaño del documento y la derecha la posición,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
aquí Practicaremos con el Orange Bubbles

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

Aquí nos vamos al layer 3 es el que tiene la animación 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)

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

Ahora nos saldrá una nueva ventana Efectos Avanzados donde podremos cambiar el color de los iconos (FLECHA 26), modificar solo la parte derecha con eso conseguirán el color que quieran,hay 3 colores mas otro llamado alfa este últimos es para la transparencia de los iconos.

3.0 CAMBIAR UNA DIRECION O SUBMENU

Hay 2 maneras sustituirlo 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 saldrá una nueva ventana llamada Acciones – Fotogramas
aquí vamos pulsando los action layer uno por uno asta dar con las 12 direcciones de este menú (FLECHA 27)

En este caso al pulsar Fotograma-1 salió 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 demás)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 menú 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, HASTA 12

Creamos una capa (FLECHA 30)y ahora pulsamos dentro de la capa botón derecho del ratón y seleccionamos INSERTAR FOTOGRAMA CLAVE VACIO (FLECHA 31)nos creara un fotograma vacio pues hacer lo mismo en esta capa asta tener 12.

Debe quedar como en la imagen de aquí arriba (FLECHA 32)

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

Y quedara de esta manera cuando cambiemos de icono también 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 animación

Hay varios métodos para incorporar gif y animaciones aquí os explicare uno de los que utilizo yo.una vez que tengamos el menú cargado en Adobe crearemos de nuevo una capa (FLECHA 34) incorporaremos una imagen (ya sabéis 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 botón derecho del ratón sobre el icono y pulsamos COVERTIR A SIMBOLO (FLECHA 35)

Aquí nos aparecerá 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 símbolo que acabos de crear.

Ahora pulsamos en el recuadro del icono pero con el botón derecho del ratón y pulsamos CORTAR (FLECHA 37)

Ahora pulsamos ARCHIVO/IMPORTAR/IMPORTAR A ESCENARIO y AHORA SI buscamos el GIF que queremos en este menú y lo incorporamos

aquí los puntos negros son las imágenes del gif,los espacios son las pausas de este archivo si quieren que vaya mas rápido solo tienen que quitar las zonas grises sin puntos sino lo pueden dejar como lo importa el Adobe esto ya cada uno que elija como le guste mas.

Solo queda pulsar ARCHIVO/GUARDAR COMO Y PUBLICAR y ya tendremos nuestro gif en el menú.

6.0 REDIMENSIONAR UN MENU

En esta ocasión utilizaremos para practicar el menú Bouncer 176×220 y lo redimensionaremos a 240×320

Cuando cargue el menú el adobe TAMAÑO 176×220 (FLECHA 38) nos saldrá una nueva ventana Propiedades Del Documento en dimensiones en Anchura ponemos 240 px (FLECHA 39) y en Altura 320 px (FLECHA 40) y pulsamos aceptar

(opcional)aquí cambiamos el fondo para distinguirlo bien de los icono y animación de los bafles (FLECHA 41).

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

Luego dirigimos el puntero del ratón sobre uno de lo recuadro azules que marca al menú y pulsamos botón derecho del ratón (teniendo cuidado que siga todo igual seleccionado si al hacer esto se quitara algún recuadro azul deben marcar de nuevo EDICION y SELECCIONAR TODO) luego pulsamos TRANSFORMACION LIBRE (FLECHA 44)

Ahora aparecerá uno puntos negros con bordes blancos por la imagen,nos llevamos el puntero del ratón al que esta abajo a la derecha (FLECHA 45)

Arrastramos lentamente hacia abajo manteniendo pulsado el botón del ratón y miramos que quede centrado mas o menos nos podremos guiar por que nos saldrá el recuadro como en la imagen:

Cuando creamos que este centrado soltamos el botón del ratón y listo ya solo queda devolver el color negro al fondo del menú y pulsar arriba ARCHIVO /GUARDAR COMO…/PUBLICAR
y tendremos nuestro menú redimensionado

VICEVERSA: si lo que quieren redimensionar es un menú 240×320 a 176×220 el procedimiento es igual solo cambiamos al principio TAMAÑO 240X320 y la ventana que sale debemos poner 176×220 luego hacemos lo mismo pulsamos EDICION/SELECCIONAR TODO dirigir el puntero del ratón hacia algún recuadro marcado azul y pulsar botón derecho TRANSFORMACION LIBRE y esta vez en vez de agrandar achicarlo asta que quede centrado en nuestro menú 176×220

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

7.0 TRUCOS Y CONSEJOS
Si usan imágenes de fondo siempre que sea formato .PNG,el formato JPG tiene menos calidad y en algunos casos ara que el menú pese mas
la línea de vibración la podemos cambiar y hacer que la vibre según nuestra elección
status = fscommand2 (”StartVibrate”, 40, 0, 1); vibración normal
status = fscommand2 (”StartVibrate”, 30, 0, 1); vibración suave
status = fscommand2 (”StartVibrate”, 80, 0, 1); vibración fuerte
status = fscommand2 (”StartVibrate”, 00, 0, 0); sin vibración

UTILIZAR EL EMULADOR DE ADOBE

Antes de publicar podremos probar el resultado de nuestro trabajo desde el mismo Adobe utilizando el Emulador para esto pulsamos en el teclado

Control+Enter

Aparecerá Adobe Device Central CS3 en la izquierda Dispositivos Disponibles pulsamos Sony Ericsson saldrá una larga lista de dispositivo y pulsando 2 veces en uno y os saldrá el teléfono en el emulador.

Probando con el W850i, está 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 opción podremos navegar por el menú 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 teléfono deben ponerlo en Protector De Pantalla (FLECHA 3) pero aquí no podrán navegar.

CORREGIR RAPIDAMENTE ERRORES COMUNES
El que siempre aparece es el error de Vibración en algunos menús puede tener hasta 80 líneas y es muy pesado ir línea x línea para corregirlo, en este caso utilizaremos un “atajo”:

Pulsamos en el teclado CONTROL+F aparecerá una nueva ventana en TEXTO pondremos la palabra que queremos quitar (FLECHA 1) en REMPLAZAR POR.TEXTO aquí pondremos la palabra que sustituirá a la de arriba (FLECHA 2) luego pulsamos REEMPLAZAR TODOS (FLECHA 3) y Adobe haré el trabajo por nosotros.

Anexo: a los que usen como base el menú Orange_Bubble deben cambiar en los script los layer 19 y 29 para evitar que el menú se “cuelgue” en la primera y segunda columna al pulsar arriba o abajo

Con el menú cargado en adobe pulsáis F9 en el teclado saldrá la ventana de los script aquí deben pulsar Action Layer 19 (FLECHA 1) lo que esta en la ventana derecha borrar todo o sustituirlo por el que os dejo mas abajo luego hacemos lo mismo con el Action Layer 29 (FLECHA 2)
sustituir por este que os dejo aquí 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”);