Effetti vintage per le tue immagini con HTML5
Non sono sicuro che si tratti di Instagram, Hipstamatic o di qualche altra app per la fotografia su smartphone che dovrebbe essere ringraziato (accusato?) Per l'applicazione dell'applicazione vintage o di altri effetti a ogni foto scattata, ma indipendentemente da chi l'ha avviata, non sembra essere una tendenza che sta andando via in qualsiasi momento presto.
Che tu ami o meno le foto dall'aspetto vintage, è probabile che potresti doverli utilizzare in un progetto o in un altro, sia perché un cliente o il progetto lo richiedono.
Piuttosto che dedicare un sacco di tempo all'elaborazione delle foto per il tuo prossimo progetto di sito Web con Photoshop o qualche altra app desktop (o telefono), non sarebbe bello avere un plugin che lo farebbe automaticamente, direttamente sul sito stesso?
Ha senso, dopo tutto. In caso contrario, ogni volta che viene caricata una nuova immagine, dovrai assicurarti che sia stata elaborata prima di essere aggiunta al sito (non è l'ideale se il tuo cliente aggiornerà il sito da solo). Senza un'elaborazione coerente, il sito inizierà rapidamente a sembrare amatoriale e, beh, brutto.
vintageJS è un plugin jQuery che utilizza la tela HTML5 per applicare effetti alle tue immagini direttamente sul tuo sito web.
È altamente configurabile, quindi è possibile ottenere le immagini esattamente come si desidera. Le opzioni predefinite di base includono:
- default (quando non viene fornito un preset)
- nero di seppia
- verde
- in scala di grigi
- personalizzato (solo le curve sono regolate, tutto il resto è impostato su off in modo da poter creare il proprio look)
Se vuoi creare un filtro personalizzato, ecco alcune delle opzioni disponibili per essere manipolate:
- vignetta (può essere attivata o disattivata e ha sia variabili in bianco e nero che è possibile impostare)
- rumore
- schermo (funziona come la schermata del livello Photoshop)
- desaturare
- allowMultiEffect (consente di attivare un effetto più volte)
- viewFinder (crea un effetto attraverso il mirino)
Utilizzando queste impostazioni, puoi facilmente creare immagini vintage dall'aspetto autentico direttamente sul tuo sito. Non più ore trascorse le immagini di pre-elaborazione (o aspettando che il computer li elabori in batch). Non ci sono più clienti che caricano immagini che rovinano l'aspetto del sito.
Potrebbe già esserti familiare vintageJS.com , il sito che ti permette di caricare foto e quindi applicare un effetto vintage. È un buon esempio di ciò che il plugin jQuery è in grado (anche se il plugin consente ancora più personalizzazione).
Hai aggiunto effetti vintage alle tue immagini con un plug-in? Quale? Fateci sapere nei commenti.