• User

    @Nhatan said:

    Vedi è questo il problema, non conosci per niente actionscript, io, va be che sono un po tonto, ma ci ho messo circa due anni ad imparare a scrivere un codice che possa implementare un menù del genere, e come se tu volessi prendere il brevetto di volo con un F 16 o la patente con una F1, anche se ti suggerisco degli spunti probabilmente non sei in grado di capirli, se non conosci almeno le basi di actionscript non sei in grado di capire una funzione enterFrame o una condizione if, questo significa che dovrei scrivere io completamente il codice e non solo, dovrei anche spiegarti flash graficamente perchè proprio quel menù non si può fare in photoshop e poi importare in flash al massimo potresti fare lo sfondo ma non i testi che devono per forza essere creati in flash per ottenere quell'effetto. Quindi se ti serve subito un menù carino in flash da utilizzare subito e non hai tempo o voglia o non ti interessa studiare flash puoi sempre scaricarne uno già pronto anche se diverso, se lo vuoi proprio quello devi rivolgerti ad un flasher esperto.

    Dove scarico i menù già pronti? O il programma? Ovviamente devo abbinare il menù ai colori del sito web.

    A quanto ho capito tu li sai fare, lo potresti fare uno a me? 😞


  • Super User

    Guarda se trovi qualcosa quà.
    http://www.ffiles.com/flash/menus/


  • User

    Bello il menù rosso del sito che mi hai linkato! Come creo quell'effetto? Non è in flash!


  • User

    Scusami, esaminandolo bene ho visto che è creato con il rollover. E' facile così. Usando photoshop non pensi che potrei farlo anche io?

    Faccio due menù... uno normale, e l'altro per il rollover! Dovrebbe venire simile a quello del sito che ho linkato nel primo post!


  • Super User

    E' fatto come ti ho detto con la funzione onEnterFrame che al rollover fa spostare la barretta e cololorare il testo, non è così semplice come può sembrare insomma ci sono da buttar giù 5 o 6 righe di codice per ogni pulsante e conoscere l'uso delle maschere.


  • User

    @Nhatan said:

    E' fatto come ti ho detto con la funzione onEnterFrame che al rollover fa spostare la barretta e cololorare il testo, non è così semplice come può sembrare insomma ci sono da buttar giù 5 o 6 righe di codice per ogni pulsante e conoscere l'uso delle maschere.

    Capisco. In poche parola cosa devo fare? Creare due menù! Uno quello di base, e l'altro con l'effetto rollover giusto? Poi per "montarlo" devo dividere i bottoni del menù. Esatto?


  • Super User

    Guarda io ti descrivo cosa devi fare, ma ripeto flash è un programma complicato, bisogna iniziare dalle basi da un semplice pulsante per poi andare avanti, se tu mi scrivi "as?" scusami ma dubito che riuscirai a farlo comunque cercherò di essere più chiaro possibile.
    Dal momento che sei pratico di photoshop, preparati la barra di sfondo e il testo e la barretta colorata che scorre sotto con un rettangolino che possa coprire il testo e salvalo come file psd, importa in flash il file , quando importi un file psd in flash si apre una finestra che ti mette a disposizione diverse opzioni, tu devi selezionare di importare il testo come testo editabile, e conservare i livelli originali di photoshop, ora che hai la grafica in flash ci saranno i testi dei pulsanti ognuno in un suo livello, dobbiamo portarli tutti in un unico livello, quindi apri un nuovo livello clicchi ad esempio sul pulsante home lo copi, selezioni il nuovo livello creato e incolli in posizione, stessa operazione per tutti i testi, ora che hai i testi in un unico livello elimina i livelli originali del testo importato, apri ancora un livello, copia il fotogramma dei testi e incollalo sul nuovo livello, dovresti avere, il livello con lo sfondo, poi un livello con il testo un livello con la barretta scorrevole e il rettangolino che copre il testo, e un altro livello con il testo, ora trasforma la barretta colorata con il rettangolino in un movieclip e dagli nome istanza barra, ora seleziona il livello del testo sopra la barra colorata e dal menu di flash Elabora seleziona più volte la voce dividi fino a che il testo non sarà trasformato in una forma, te ne accorgi perchè sarà a puntini, sempre in questo livello con lo strumento rettangolo ed un colore qualsiasi disegna una striscetta che comprenda tutto il menu e che sia all'alltezza dove scorrerà la barretta colorata, ora tasto destro sulla palette del livello e seleziona la voce maschera, se hai fatto bene dovresti vedere il testo colorato e la barretta, non si dovrebbe più vedere il rettangolino, ora vai sul livello del testo più basso seleziona il testo home e trasformalo in clip filmato, dagli nome istanza mc_home (io ti faccio un esempio su un ipotetico menu con home, chi siamo, gallery, contatti). quindi trasformiamo chi siamo e gli diamo nome istanza mc_chi, poi avremo mc_gallery e mc_contatti. Ora apri un livello in cima a tutti gli altri, dobbiamo fare dei pulsanti invisibili sopra i testi, quindi in quest'ultimo livello disegna un rettangolo qualsiasi colore sul testo. trasformalo in simbolo pulsante, doppio click per entrare in modalità modifica del pulsante, il pulsante è composto da quattro frame su, sopra. giù. premuto, il frame premuto rappresenta l'area sensibile del pulsante quindi apri un nuovo livello, copia il primo frame del livello inferiore e incollalo sul frame premuto del livello superiore, ora elimina il livello inferiore e esci dalla modalità modifica premendo sulla freccetta azzurra, dalla libreria trascina il pulsante appena creato su ogni testo, seleziona il primo pulsante e dagli nome istanza btn_home poi btn_chi, btn_gallery e btn_contatti, infine apri un nuovo livello per il codice e incolla il questo

    
          btn_home.onRollOver = function()
    {
        onEnterFrame = function()
        {
            if(barra._x>76)
            {barra._x-=10
            barra._width=mc_home._width
            }
        }
    }
    /////////////////////////////////////////
    btn_chi.onRollOver = function()
    {
        onEnterFrame = function()
        {
            if(barra._x<224)
            {barra._x+=10
            barra._width=mc_chi._width
            }
            else if(barra._x>226)
            {barra._x-=10
            barra._width=mc_chi._width
            }
        }
            }
    ///////////////////////////////////////////////
    btn_gallery.onRollOver = function()
    {
        onEnterFrame = function()
        {
            if(barra._x<374)
            {barra._x+=10
            barra._width=mc_gallery._width
            }
            else if(barra._x>380)
            {barra._x-=10
            barra._width=mc_gallery._width
            }
        }
            }
    ///////////////////////////////////////////////
    btn_contatti.onRollOver = function()
    {
        onEnterFrame = function()
        {
            if(barra._x<520)
            {barra._x+=10
            barra._width=mc_contatti._width
            }
            
        }
            }
         
    ```Nota bene, questo codice funziona solo con l'esempio che mi sono fatto io, perchè se i tuoi pulsanti avranno coordinate x diverse da quelle che ho impostato io bisognera di conseguenza cambiarle nel codice.

  • User

    Bella guida, proverò ad applicarla subito 🙂
    Non mi è chiara per iniziare questa parte:
    Dal momento che sei pratico di photoshop, preparati la barra di sfondo e il testo e la barretta colorata che scorre sotto con un rettangolino che possa coprire il testo


  • Super User

    Ti faccio scaricare un esempio sia del menu che del file psd!


  • User

    [*****]

    Ti ho mandato il mio menù 🙂

    Ma non potresti farlo tu per favore visto che sai come si fà? 😢

    In tal caso, uso Photoshop CS5. Come faccio a salvare il file .pds in flash?