Creare pulsanti Web 2.0 con Flash 8
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%
Scarica il sorgente
Guarda il Tutorial
Letture Consigliate per Design
-
HTML 5 e CSS 3 (Guida completa)
Prezzo: EUR 29,00
Promozione: EUR 21,75 -
Creare siti web standard e accessibili
Prezzo: EUR 32,00
Promozione: EUR 27,20 -
Strategie per essere visibili online
Prezzo: EUR 24,90
Promozione: EUR 21,16 -
Usare JavaScript (Guida completa)
Prezzo: EUR 32,00
Promozione: EUR 24,00
Articoli simili DesignFlashGraficaSviluppoTutorialWeb 2.0
Autore: Giuliano Ambrosio
Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
17 Commenti
Scrivi un Commento
Contributor
Stefanelli
10 Indispensabili Consigli SEO per Web Designer Freelance
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli  articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Rigato
Path: Alla scoperta del Social Network Esclusivo
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Gallo
Lo Shock Marketing nel 2012 con LUSH + [Video Shock]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Donno
Christophe Huet: Quando il Fotoritocco Diventa Surreale
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]
Guide In Evidenza
Usare un Metodo di Lavoro Efficace
Responsive Web Design: I Migliori Tutorial & Risorse
Progettare e realizzare un layout grafico per iPad
Progettare un Layout Grafico che funzioni
Facebook: Creare una Pagina Personalizzata
Creare un layout per iPhone: Trucchi e Consigli
Creare un Blog Popolare partendo da zero
Video Tutorial Adobe Photoshop
Il Meglio del Blog
I love WordPress - JuliusDesign P.IVA 10079630017 - Tutti i contenuti sotto Licenza Creative Commons - Advertise - Contatti - Policy
The advertisement is handled by BlackGeek Ltd
Antonio
16 maggio 2007
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?
Julius
16 maggio 2007
@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
Pacio
26 luglio 2007
il tutorial è veramente bello.
ma perche hai definito questo stile al web 2.0 ?
grazie della curiositÃ
Julius
26 luglio 2007
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
Pacio
29 luglio 2007
grazie
Pacio
29 luglio 2007
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
Julius
30 luglio 2007
web 2.0 stile grafico
burlamacco
10 settembre 2008
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
Luca
24 settembre 2009
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
Pippo
26 ottobre 2009
@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.
Daniele
25 aprile 2010
Più ke altro in cs4 se lo converti in MovieClip come fai a dargli dei filtri??? a me li fa dare soltanto ai pulsanti!!!
Rosa blu
21 luglio 2010
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
luca
21 luglio 2010
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
Rosa blu
22 luglio 2010
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
luca
22 luglio 2010
Rosa blu ha scritto:
Non serve che ricominci da capo, basta solo che lo ingrandisci.
Ovviamente non puoi lasciarlo a 16×16 px
luca
22 luglio 2010
@ Rosa blu:
Ingrandiscilo e basta
Robert
24 luglio 2010
bello!