Tappeffekter för dina bilder med HTML5
Jag är inte säker på om det är Instagram, Hipstamatic eller någon annan smartphone fotograferingsapp som ska tackas (skyllde?) För att man skulle kunna använda vintage eller andra effekter på varje foto som tagits, men oavsett vem som började det, gör det inte verkar vara en trend som går bort när som helst snart.
Oavsett om du älskar vintagebilder eller inte, är chansen att du kan behöva använda dem i ett eller annat projekt, antingen för att en klient eller projektet kräver det.
I stället för att spendera lite tid på att bearbeta foton för ditt nästa hemsidaprojekt med Photoshop eller någon annan skrivbordsapp (eller telefon), skulle det inte vara trevligt att ha ett plugin som skulle göra det automatiskt, direkt på webbplatsen?
Det är förstås, trots allt. Annars måste varje gång en ny bild laddas upp, se till att den bearbetades innan den läggs till på webbplatsen (inte idealisk om din klient uppdaterar webbplatsen själv). Utan konsekvent bearbetning kommer sajten snabbt att börja bli amatörlig och, ja, ful.
vintageJS är ett jQuery-plugin som använder HTML5-kanfas för att applicera effekter på dina bilder direkt på din webbplats.
Det är mycket konfigurerbart, så att du kan få dina bilder att se exakt som du vill. Grundinställda alternativ inkluderar:
- standard (när ingen förinställning anges)
- sepia
- grön
- gråskala
- anpassade (endast kurvor är justerade, allt annat är avstängt så att du kan bygga ditt eget utseende)
Om du vill skapa ett anpassat filter, här är några av alternativen som kan manipuleras:
- vignett (kan slås på eller av och har både svarta och vita variabler du kan ställa in)
- ljud
- skärm (fungerar som Photoshop-lagerskärmen)
- avmätta
- allowMultiEffect (låter dig utlösa en effekt flera gånger)
- viewFinder (skapar en genom-sökaren effekt)
Med dessa inställningar kan du enkelt skapa autentiska vintagebilder direkt på din webbplats. Inga fler timmar använts förbehandlade bilder (eller väntar på att datorn ska batchbehandla dem). Inga fler klienter laddar upp bilder som förstör webbplatsens utseende.
Du kanske redan är bekant med vintageJS.com , den webbplats som låter dig ladda upp bilder och sedan tillämpa en tappeffekt. Det är ett bra exempel på vad jQuery-plugin kan (även om plugin möjliggör ännu mer anpassning).
Har du lagt till vintageffekter på dina bilder med ett plugin? Vilken? Låt oss veta i kommentarerna.