Effets vintage pour vos images avec HTML5
Je ne sais pas si c'est Instagram, Hipstamatic, ou une autre application de photographie de smartphone qui devrait être remerciée (blâmée?) Pour l'avènement des effets vintage ou autres sur chaque photo prise, mais qui ne l'a pas démarré. semble être une tendance qui va bientôt disparaître.
Que vous aimiez ou non les photos d'époque, il est probable que vous deviez les utiliser dans un projet ou un autre, soit parce qu'un client ou le projet l'exige.
Plutôt que de passer une tonne de temps à traiter des photos pour votre prochain projet de site Web avec Photoshop ou une autre application de bureau (ou de téléphone), ne serait-il pas intéressant d'avoir un plug-in qui le ferait automatiquement, directement sur le site?
Cela a du sens, après tout. Sinon, chaque fois qu'une nouvelle image est téléchargée, vous devez vous assurer qu'elle a été traitée avant d'être ajoutée au site (ce qui n'est pas idéal si votre client mettra à jour le site lui-même). Sans un traitement cohérent, le site commencera rapidement à paraître amateur et, bien, moche.
vintageJS est un plugin jQuery qui utilise le canevas HTML5 pour appliquer des effets à vos images directement sur votre site Web.
Il est hautement configurable, de sorte que vous pouvez obtenir vos images exactement comme vous le souhaitez. Les options prédéfinies de base comprennent:
- par défaut (quand aucun préréglage n'est donné)
- sépia
- vert
- niveaux de gris
- personnalisé (seules les courbes sont ajustées, tout le reste est désactivé afin que vous puissiez créer votre propre look)
Si vous souhaitez créer un filtre personnalisé, voici certaines des options disponibles à manipuler:
- vignette (peut être activée ou désactivée et vous pouvez définir des variables en noir et blanc)
- bruit
- écran (fonctionne comme l'écran de calque Photoshop)
- désaturer
- allowMultiEffect (permet de déclencher un effet plusieurs fois)
- viewFinder (crée un effet à travers le viseur)
En utilisant ces paramètres, vous pouvez facilement créer des images vintage d'apparence authentique directement sur votre site. Plus d'heures passées à pré-traiter les images (ou à attendre que votre ordinateur les traite par lots). Plus de clients ne téléchargent des images qui gâchent l'apparence du site.
Vous connaissez peut-être déjà vintageJS.com , le site qui vous permet de télécharger des photos, puis d'appliquer un effet vintage. C'est un bon exemple de ce que le plugin jQuery est capable de faire (bien que le plugin permette encore plus de personnalisation).
Avez-vous ajouté des effets vintage à vos images avec un plugin? Laquelle? Faites le nous savoir dans les commentaires.