Curiosando come al solito sul web, mi sono imbattuto nuovamente nell’ormai famosissimo PageFlip, trattato già sul mio Blog.
Ho scoperto per caso un forum dedicato interamente al PageFlip
Ho notato una bella implementazione per crare una sorta di zoom con il PageFlip:
Analizziamolo insieme:
Lo zoom viene strutturato in modo tale da lasciare aree sensibili al fine di indirizzare lo zoom su quel determinato punto, ovviamente le aree sono un pò approssimative, ma il risultato è buono.
Ovviamente se volete avere uno zoom senza problemi di sgranatura di immagini o testo, vi consiglio di vettorializzare il tutto, per i testi potete provare anche a incorporare i caratteri anche se appesantirà parecchio.
Vettorializzare??
La grafica vettoriale, essendo definita attraverso equazioni matematiche, è indipendente dalla risoluzione, se viene ingrandita o viene visualizzata su un dispositivo dotato di una risoluzione maggiore di quella del monitor non perde di definizione.
Per vettorializzare un testo vi basta cliccare con il tasto destro del mouse e premere DIVIDI, la prima volta dividerete le singole lettere, la seconda volta di seguito l’intero testo.
Per le immagini invece oltre a vettorializzare, cercate di inserirle con una dimensione e qualità abbastanza alta per non avere problemi di sgranatura.
Scarica il sorgente
Guarda il Tutorial
Fonte [76design]
Blog, Design, Flash, Immagini, Links, Sviluppo, Tutorial, XML
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>
Articoli da non perdere |
JuliusDesign Flickr |
Riguardo Adobe Flash |
||
|
         |
|
JuliusDesign © 2007-2008 | Powered by WordPress | Designed by Giuliano Ambrosio | Licenza d'uso
gepi
26 Luglio 2007 alle 17:39 pm
Ciao Julius avevo già visto in giro questo forum ma purtroppo di inglese non ci capisco una cifra.
Che risoluzione consigli per queste immagini? Vorrei realizzare un book fotografico con questo libro, pensi che sia meglio usare 2 pagine per ogni foto? (le foto sono parecchie)
Grazie ciao!!!
Julius
26 Luglio 2007 alle 20:08 pm
Ciao gepi,
Ti posso dire che la risoluzione dell’ultima pagina in cui c’è quella bella ragazza oltre essere stata “vettorializzata” ha dimensioni 908×1280 a 32 bit
Come vedi nell’esempio io lo impostato al 100%, ma il contenuto essendo vettoriale non da fastidio.
Per quanto riguarda le foto, ovviamente se ne hai a “prospettiva larga” (scusa ma non mi sovviene il termine professionale) userei benissimamente le due pagine.
Ti ricordo che in questa versione puoi utilizzare un parametro nel file XML che si chiama isSpread per dividere un immagine jpg su 2 pagine automaticamente senza dover, con programmi di editing, tagliare l’immagine in due jpg separati.
Cito dal mio articolo:
Inoltre è possibile settare alcuni parametri come isSpread=”true” per dividere una pagina in 2
Max
13 Febbraio 2008 alle 12:23 pm
ciao Julius, sto cercando di configurare questo pageflip ma non capisco due cose:
1- come fare per implementare come ngli altri il drag della pagine, dato che qui funziona solo al click sull’angolino
2- c’è una lista di comandi da potere usare? non la trovo?
tnx
Julius
13 Febbraio 2008 alle 16:54 pm
In questa versione con zoom è stata disabilitatà la funzione di flip sulle pagine in quanto andava in conflitto con lo zoom..
Per quanto riguarda le altre opzioni puoi inserirle confrontando un pageflip base
Max
13 Febbraio 2008 alle 17:25 pm
mm io ho in efffetti il pf base ma vedo che gli xml sono nettamente differenti.. mi faresti un esempio?
Max
14 Febbraio 2008 alle 10:19 am
Tra l’altro Julius, non riesco a capire come ottene buoni swf.. mi spiego.. importo le jpg o provo ad esportare in swf da illustrator ma ottengo solo swf pensatissimi e dove i testi delle pagine sono sfuocatissimi.. sai darmi qualche dritta?
Riccardo
28 Febbraio 2008 alle 13:56 pm
Ciao, complimenti per il blog.
Scrivo perchè vorrei una informazione.
Vorrei sapere se al pageflip con zoom è possibile aggiungere un indice.
In pratica mi servirebbe un pulsante che mi apre l’indice e poi cliccando su un argomento di esso mi viene aperta la relativa pagina.
Es. blablabla… pag 15—- clicco e mi apre la pagina 15.
Grazie e ciao
Alessandro
28 Maggio 2008 alle 16:48 pm
Ciao Julius, ti ringrazio per questo post in cui ho trovato esattamente ciò che cercavo. Ora però volevo provare a espandere un pò il codice ma onestamente nn conosco bene actionscript e nn so bene dove mettere mano. Ho notato che se imposto hcover a true poi nn funziona il semplice corner quindi immagino che devo contemporaneamente prevedere dei pulsanti di gotopagex..
Mi potresti per grandi linee indicare in quale parte di codice inserire queste modifiche e come strutturarle?
Grazie a priori
Alessandro