In questo Tutorial impareremo a realizzare un pulsante stile web 2.0 utilizzando solo Flash 8
- Creiamo la base circolare
- Dal pannello Strumenti scegliamo lo Strumento Cerchio, dimensioni 16×16
- Ora trasformiamo il nostro grafico in un clip filmato [tasto rapido F8]
- Applichiamo il Filtro di Bagliore interno al clip filmato
- Bagliore interno colore: #FFFFFF
- sfocaturax 22
- sfocaturay 22
- Intensità 100%
- Qualità Alta
- Applichiamo il Filtri di Bagliore al clip filmato
- Baglire interno colore: #0066FF
- sfocaturax 5
- sfocaturay 5
- Intensità 100%
- Qualità Alta
- Creiamo l’ombra sfumata ovale
- Dal pannello Strumenti scegliamo lo Strumento Cerchio, dimensioni 13×10
- Applichiamo una sfumatura dal alto in basso, da bianco #FFFFFF ALPHA 0% a bianco #FFFFFF ALPHA 80%
18 Commenti
caio julius stavo provando a seguire il tuo tutorial però mi sono bloccato quando inizia il passaggio “”Creiamo l’ombra sfumata ovale”” non ho capito bene cosa fare devo creare un ovale bianco?
@Antonio si sarebbe quel cerchio sfumato trasparente che vedi sopra la scritta Julius
Crea un cerchio che avendo dimensioni 13×10 diventerà ovale.
Infine applica una sfumatura dal alto verso il basso, da bianco #FFFFFF ALPHA 0% a bianco #FFFFFF ALPHA 80%
comunque trovi il sorgente, cosi da poter vedere come è realizzato
ciao
il tutorial è veramente bello.
ma perche hai definito questo stile al web 2.0 ?
grazie della curiosità
Ciao Pacio,
come tu ben saprai il Web 2.o ha delle caratteristiche grafiche e stilistiche ben note, come ombre interne, lineamenti leggiadri, colori pastellosi e molte altre finezze…
Questo è un semplice esempio di un pulsante con caratteristiche simili alla filosofia web 2.0
grazie
potresti darmi qualche fonte o link dove leggere sulle caratteristiche grafiche e stilistiche del Web 2.o ?
ho cercato molto ma l`uniche informazioni che ho trovato parlavano della rivoluzione che sta avvenendo sulle modalita` di utilizzo ecc del web 2.0 ma niente approposito dei nuovi stili e gusti grafici.
grazie Julius
web 2.0 stile grafico
ciao julius, complimenti innanzitutto.
vorrei creare per il mio sito dei pulsanti che si animano al passaggio del mouse.
utilizzo FREEWAY 5 PRO ed un mac per il sito.
con questo programma posso fare il rollover ma passa bruscamente da un colore o forma del tasto all’altro.
vorrei dargli più armonia nel passaggio del mouse.
come posso fare?
grazie
Scusate un momento… ammetto di essere alle prime armi con flash, ma come fa diventare bello il pulsante?
Io seguo le indicazioni alla lettera ed il mio risultato è un pulsante orribile, come il movie clipe del file sorgente chiamato pulsante… come fa a diventare poi invece bello come quello raffigurato?
Grazie
@Luca… ho “quasi” lo stesso tuo problema.
Nel senso che non riesco neanche a completare l’esercizio.
Non ho la minima idea di che cosa significhi: “Applichiamo una sfumatura dal alto in basso, da bianco #FFFFFF ALPHA 0% a bianco #FFFFFF ALPHA 80%”. Come si faccia, dove si clicchi, partendo da che per arrivare dove.
Più ke altro in cs4 se lo converti in MovieClip come fai a dargli dei filtri??? a me li fa dare soltanto ai pulsanti!!!
C’è qualcosa che non è spiegato, perchè non viene uguale! Perchè fare un tutorial se poi il risultato con corrisponde? No ha senso! Non voglio esere scortese, tutt’altro … voglio solo capire perchè non c’è l’effetto lucido!
Baci8
Rosa blu
ciò messo un pò a capirlo anche io, ma alla fine basta che ingrandisci e viene perfetto.
Mancava solo di dire questo.
Praticamente quando lo fai te lo fa fare minuscolo… prova e vedrai
Io l’ho disegnato con le misure che dice Julius, a cui devo fare i miei complimenti perchè è un grande grafico, si vede che ci mette passione … mi viene chiaro … non ci sono le sfumature … uff risprovo a fare tutto dall’inizio!
Baci8
Rosa blu
Rosa blu ha scritto:
Non serve che ricominci da capo, basta solo che lo ingrandisci.
Ovviamente non puoi lasciarlo a 16×16 px
@ Rosa blu:
Ingrandiscilo e basta
bello!
Ciao, navigando sono capitata qui. Vorrei sapere come posso creare dei pulsanti di condivisione… come in questo caso:http://www.lagattasultettomilano.com/ ed inserirli sopra l’header centrati?. Mi devo creare l’immagine con photoshop o altri programmi?. Grazie.