Tutorial super datallado para hacer tus temaz flash!!!!

Tema en 'Móviles y Tablets' iniciado por EFTM_LP, 30 Jul 2009.

  1. EFT

    EFTM_LP
    Expand Collapse
    Sargento

    Mensajes:
    243
    Me Gusta recibidos:
    0
    BUENO QUIERO COMENSAR CON ESTE SIMPLE TUTORIAL ...SI NO LO ENTIENDES PUEZ REVIZA TU CEREBRUTO.. xD


    esto ta hecho 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

    http://rapidshare.com/files/143749927/SWF_Decompiler_4.3.80806_Serial.rar
    Adobe Flash CS3 Professional Español Portable


    http://rapidshare.com/files/139585069/Adobe_CS3_Profesional_Espa_ol_Portable_Lagu.rar

    Adobe Flash CS3 Profesional Español Oficial+"Medicacion"

    http://rapidshare.com/files/143527393/Adobe_Flash_Cs3_Profesional_Espa_ol_By_Lagu.part1.rar

    http://rapidshare.com/files/143748840/Adobe_Flash_Cs3_Profesional_Espa_ol_By_Lagu.part2.rar

    http://rapidshare.com/files/143749137/Adobe_Flash_Cs3_Profesional_Espa_ol_By_Lagu.part3.rar
    Menus Base

    http://rapidshare.com/files/144510893/Menus_Base.rar

    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


    [​IMG]



    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

    [​IMG]


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

    [​IMG]

    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

    [​IMG]

    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.

    [​IMG]


    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...

    [​IMG]

    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º

    [​IMG]


    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.

    [​IMG]


    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)

    [​IMG]


    emos 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

    [​IMG]


    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)

    [​IMG]


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

    [​IMG]


    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.

    [​IMG]
    [​IMG]

    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

    [​IMG]


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

    [​IMG]

    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)

    [​IMG]

    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

    [​IMG]


    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

    [​IMG]


    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

    [​IMG]

    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.


    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

    [​IMG]

    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

    [​IMG]

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

    [​IMG]


    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)

    [​IMG]

    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

    [​IMG]



    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)

    [​IMG]

    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.

    [​IMG]

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

    [​IMG]


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

    [​IMG]


    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.

    [​IMG]


    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
    [​IMG]


    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


    [​IMG]



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

    [​IMG]



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


    [​IMG]


    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)


    [​IMG]

    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)

    [​IMG]

    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

    [​IMG]


    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

    [​IMG]


    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"

    [​IMG]

    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

    [​IMG]


    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");


    bueno ojala que no se aburran intenten variaz los temaz comunes poneendole efectoz y coasas asi...me despido :cool:

    mñn. tutorial datallado de flasheo :aplauso:

    Pido un favor porfa adm y moderadores pido que abran un zona mini sona exclusiva para sony ericsson ya que me especialiso en esto.. y bueno puedo dar muxos aportes grax:cool:

    grax amio lagunalor por las imagenes :aplauso:
     

Compartir esta página