Utilità per webmaster: effetti javascript sulle immagini. Corner, glossy, filmed, reflex, mapper..



Per chi possiede un sito web, l’esigenza di aggiungere qualche ‘effetto particolare’ per abbellire le proprie immagini è fondamentale. Normalmente si procede con software di fotoritocco, come Photoshop o Paint Shop, ma non è l’unica strada.
Volendo si può lasciare la foto così com’è, e modificare il modo con cui appare nella pagina web utilizzando Javascript per dare un tocco di fantasia, come una cornice rotondeggiante, oppure un effetto ombra, o ancora far circondare la foto da una maschera stile pellicola cinematografica, o dare un effetto puzzle, ecc.
Tutti questi effetti sono implementabili tramite delle classi javascript scaricabili dal sito netgesta.de.
Per esempio, sul mio sito, nella pagina dedicata al sottoscritto ( http://www.riccardogalletti.com/chi_sono/ ) scrollando un po’ verso il basso ho messo qualche foto personale aggiungendo l’effetto ombra + cornice rotonda, utilizzando il file corner.js scaricabile da qui. Le istruzioni (in inglese, ma molto comprensibili) e qualche altra dimostrazione di foto è visualizzabile su http://www.netzgesta.de/corner/
Un altro effetto che ho utilizzato sul mio sito (precisamente nelle foto della mia tesi triennale, come questa) è instant.js (file + istruzioni scaricabile da qui, panoramica completa qui) che permette di aggiungere una cornice (per esempio bianca) liscia o ‘ruvida’ attorno alla foto, ruotarla un po’ a sinistra o destra, e anche far visualizzare del testo scritto (quello che nel codice html viene scritto in ‘alt’).
Altri effetti che si possono utilizzare (tutti raggiungibili dall’home page www.netzgesta.de ) sono:
shiftzoom.js (per zoomare su un particolare della foto, utile per cartine geografiche);
gauge.js (per aggiungere degli indicatori multicolore, utili per visualizzare statistiche o risultati di sondaggi);
slided.js (per aggiungere una cornice stile diapositiva sulla foto);
loupe.js (simile a shiftzoom, ma con la possibilità di far vedere una foto ‘sottostante’ come un effetto raggi x);
mapper.js (per suddividere la foto in aree cliccabili e colorate, ovvero è un imagemap avanzato);
–  glossy.js (dà un effetto lucido e ombra stile bottone, particolarmente utile su gif);
filmed.js (effetto pellicola cinematografica);
edge.js (aggiunge una cornice ‘ruvida’ o ‘tagliata’ o ‘screziata’ sulla foto);
sphere.js (effetto sfera );
snapfit.js (effetto puzzle sulla foto);
busy.js (introduce un indicatore di attesa per il caricamento di un elemento di una pagina);
bevels.js (simile a corner o a glossy, ovvero aggiunge una cornice colorata e un effetto lucido e luccicante sulle foto);
reflex.js (unisce più foto e aggiunge una prospettiva e un riflesso parziale sotto, per dar vita ad un effetto panoramico)
curl.js (effetto ‘angolo arricciato’ ).
GD Star Rating
loading...
-------------
-------------

3 pensieri riguardo “Utilità per webmaster: effetti javascript sulle immagini. Corner, glossy, filmed, reflex, mapper..

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Altro... effetti speciali, javascript, netgesta, puzzle, ritocco
Effetti speciali per le tue foto

Oramai il web consente a chiunque di poter modificare le proprie foto senza sapere nulla...

Chiudi