CoverFlow Flash: Raccolta Tutorial e Progetti

lunedì 25 febbraio 2008 | Pubblicato da Julius | 12 COMMENTI

Cover Flow è un’interfaccia grafica tridimensionale per la visualizzazione della propria libreria musicale digitale, sfruttando le immagini che riproducono le copertine dei cd musicali.

Ecco una raccolta di Tutorial ed esperimenti di progetti CoverFlow realizzate in flash.

DisplayShelf Component

Esempio di Coverflow realizzato con tecnologia Flex in cui vengono rese dinamiche alcuni parametri come la prospettiva delle imamgini, la grandezza e la posizione

Esempio: Guarda il progetto
Tutorial/Source: Tutorial: DisplayShelf Component

Effet Coverflow d’iTunes V0.2

Coverflow realizzato in flash con la possibilità di gestire le cover tramite combo box e XML, inoltre vengono visualizzati link relativi alle canzoni con relative pagine.

Esempio: Guarda il progetto
Tutorial/Source: Effet Coverflow d’iTunes V0.2

Preview Moteur Coverflow 0.3

Eseperimento di Coverflow realizzato con tecnologia Flex molto completo in cui si possono settare il 90% dei parametri riferite alle cover, come le dimensioni, posizione, inclinamento, distanza tramite pannello.

Esempio: Guarda il progetto
Tutorial/Source: Preview Moteur Coverflow 0.3

Flash iTunes Cover Flow

Coverflow in flash con cover configurate da un file esterno XML, per ogni cover vi è un preloding intelligente.

Esempio: Guarda il progetto
Tutorial/Source: Flash iTunes Cover Flow

CoverFlow Flex Component

Coverflow relizzato con tecnlogia Flex, possiamo vedere i vari esempi di struttura verticale orizzontale o a carousel

Esempio: CoverFlow Flex Component
Tutorial/Source: Performance improvement, Flex Carousel Component, Vertical Cover Flow

Flickr Flow

Coverflow realizzato utilizzando immagini su account Flickr

Esempio: Guarda il progetto
Tutorial/Source: Flickr Flow

Flame AS3

Visualizzazione di album musicali tramite cower flow creati tramite una ricerca da autore

Esempio: Guarda il progetto
Tutorial/Source: Flame As 3

PhotoFlow

Componente flash per realizzazioni di coverflow semplici e immediati tramite la gestione di un file XML.
Non so rilasciati file .fla

Esempio: Guarda il progetto
Tutorial/Source: photoFlow

iTunes User Interface in Papervision3D with Tweener

iTunes flash realizzato con Papervision 3D con la possibilità di vedere un video per ogni cover semplicemente cliccandoci sopra.

Veramente un ottimo progetto, non sono stati rilasciati sorgenti.

Esempio: Cover flow: iTunes User Interface in Papervision3D with Tweener

CoverFlow

CoverFlow realizzato in flash con la possibilità di muoversi tra le cover tramite pulsanti e link su cover

Esempio: Guarda il progetto
Tutorial/Source: CoverFlow

via [www.video-flash.de]

Articoli simili in 3D, Blog, Blogger, Componenti, CoverFlow, CS3, Design, File, Flash, Immagini, Iniziative, iTunes, Streaming, Video, XML

Autore: Giuliano Ambrosio

Giuliano Ambrosio è un 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.

12 Commenti

Pierpaolo

25 febbraio 2008

Ciao Julius, ti ho appena aggiunto su msn , possiamo parlare un attimo?
p.s. ottima raccolta di tutorial!

Rispondi - Quota
gondor.it/blog

25 febbraio 2008

CoverFlow è davvero il più bel modo di realizzare e/o presentare una galleria fotografica! Ottima questa raccolta di progetti.

Rispondi - Quota
il_moruz

25 febbraio 2008

Ottimo post, Julius…

Ti ho segnalato su ipodmania.it

http://www.ipodmania.it/index.php?option=com_content&task=view&id=2224&Itemid=1

Grazie!

Rispondi - Quota
Paolo

25 febbraio 2008

Ciao Julius,
per fortuna ho trovato questo tuo interessante blog…
mi permetto di chiederti un piccolo consiglio: qual’è a tuo avviso il miglior programma per realizzare slideshow su PC?
Sto usando swishmax, ma non offre molti effetti che cerco …

Ti ringrazio!
Paolo

Rispondi - Quota
Julius

25 febbraio 2008

@il_moruz grazie mille, anche se per onore al merito la raccolta è stata stilata da video-flash.de citata appunto tra le fonti..

@Paolo ci sono molti tools online gratuiti o non…diciamo che va a gusto…
A me piaciono quelloi semplici con la possibilità di navigare con le slide senza aver comandi invasivi…

Rispondi - Quota
b1t

14 marzo 2008

Ciao Julius. Segnalo questo link
http://www.flzone.com/ShowDetail.asp?NewsId=13986
che mostra la demo di una cover flow con effetto depth of field, blur e fog.
Purtroppo è a pagamento.
ciao

Rispondi - Quota
Julius

14 marzo 2008

grazie per la segnalazione…bel progetto, come dici tu peccato che sia a pagamento

Rispondi - Quota
nk

21 marzo 2008

ciao a tutti io vorrei utilizzare lo slideshow di guckn con google picasa, funziona bene, ma io lo vorrei nero ma se modifico i colori e metto la stringa nell’ indirizzo, non mi apre più il mio album picasa, ma un account flickr. qualcuno ha la soluzione a tale problema oppure riesce a darmi un altro sito che funzioni con picasa?

Rispondi - Quota
La moda del Coverflow | Levysoft

4 agosto 2008

[...] molte soluzioni in Flash ben descritte sul sito di Julius Design [...]

Rispondi - Quota
carlo

20 dicembre 2008

julius, il link di moteur non funziona!!!

Rispondi - Quota
Simon

23 novembre 2009

Ciao,
ho scaricato il flash cover flow, è fatto davvero molto bene ed è facile da usare, volevo chiedere se qualcuno sa se si può ottenere l’effetto di loop delle immagni.

Ciao grazie.

Rispondi - Quota
diego

21 dicembre 2009

ciao ragazzi sto usando :Coverflow in flash con cover configurate da un file esterno XML.
sapete come devo inserire anzike l’url a dei link com’è il demo,il collegamento a dei file swf..
all’interno dello stage

Rispondi - Quota

Scrivi un Commento

tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>

Iscriviti ai Feed RSS dei commenti di questo articolo

Categorie

Archivio

Ultimi articoli in WebDesign

Creare una Presentazione Efficace per un Evento/Prodotto

Mi è capitatao di scrivere presentazioni di prodotti o di interventi in alcuni convegni ed è necessario sapere cosa scrivere, come sviluppare la discussione e come realizzare un concept originale per attirare il cliente o chi ascolta. A volte per via di cose siamo quasi costretti ad utilizzare i soliti sistemi come presentazioni in PDF, [...]
JD Pack Premium: Oltre 800 Mega di Risorse Grafiche

Era da molto tempo che volevo creare un contenitore di risorse per Web Designer organizzato e strutturato da condividere con gli altri. Nel pacchetto files troverete risorse esclusive realizzate dal sottoscritto, manuali, guide, tutorial, esperimenti e altri files gratuiti raccolti e catalogati durante la mia esperienza sul web. Vediamo insieme i contenuti e come ottenere [...]
Creare un eBook in formato ePub

Il formato ePub è uno standard aperto specifico per la pubblicazione di libri digitali basato su XML. Questo formato è studiato appositamente per adattare il testo alle dimensioni dello schermo e del carattere, ideale per la lettura di documenti su dispositivi mobili. Anche essendo giovane, il formato ePub è stato adottato dai maggiori lettori di [...]
Quando il Redesign Grafico aiuta la Comunicazione

PSDFan è uno spazio dedicato ai Fan di Photoshop, in cui è possibile trovare risorse grafiche di ogni tipo. Mi ha affascinato la rubrica 30 Minute Redesign, gestita da Tom Ross web designer da 8 anni, nella quale vengono candidati 4 siti web per il redesign, e la community bastarda, di solito sceglie sempre il [...]
Per un Web Designer è meglio Pc o Mac?

Prendo un Pc o un Mac? Questa è una delle domande che un grafico medio di solito si pone all’inizio della sua carriera personale. La leggenda vuole che il Web Designer Modello usi Mac e che tutti gli altri siano una fetecchia pura, ma perchè? Quando qualcuno vi parla di Mac narra sempre la debellazione [...]
Oltre 100 Guide Rapide per Web Designer e Developer

Sul web è possibile trovare delle guide rapide chiamate anche cheat sheet (fogli riassuntivi) nelle quali possiamo consultare informazioni utili focalizzate su determinati argomenti. I ragazzi di SpyreStudios hanno stilato una raccolta di oltre 100 guide che comprendono svariati argomenti utili per progettisti e sviluppatori di grafica, tra cui CSS, HTML, Javascript, PHP, MySQL, CMS, [...]