Vintage effecten voor uw afbeeldingen met HTML5
Ik weet niet zeker of het Instagram, Hipstamatic of een andere smartphone-fotografie-app is die moet worden bedankt (de schuld?) Voor de komst van vintage of andere effecten op elke gemaakte foto, maar ongeacht wie ermee begon, het doet niet lijkt een trend te zijn die snel zal verdwijnen.
Of je nu van vintage ogende foto's houdt, de kans is groot dat je ze misschien in een of ander project moet gebruiken, ofwel omdat een klant of het project dit vereist.
In plaats van heel veel tijd te besteden aan het verwerken van foto's voor uw volgende websiteproject met Photoshop of een andere desktop- (of telefoon) app, zou het niet leuk zijn om een plug-in te hebben die het automatisch zou doen, direct op de site zelf?
Het is tenslotte logisch. Anders moet elke keer dat een nieuwe afbeelding wordt geüpload, ervoor worden gezorgd dat deze is verwerkt voordat deze aan de site is toegevoegd (niet ideaal als uw klant de site zelf gaat bijwerken). Zonder consistente verwerking zal de site snel amateuristisch en, nou ja, lelijk worden.
vintageJS is een jQuery-plug-in die HTML5 canvas gebruikt om effecten toe te passen op uw afbeeldingen, direct op uw website.
Het is zeer configureerbaar, zodat u uw afbeeldingen er precies zo uit kunt laten zien als u wilt. Basale vooraf ingestelde opties omvatten:
- standaard (als er geen preset is opgegeven)
- sepia
- groen
- grijstinten
- aangepast (alleen curven worden aangepast, al het andere is uitgeschakeld, zodat u uw eigen look kunt opbouwen)
Als u een aangepast filter wilt maken, zijn hier enkele opties die kunnen worden gemanipuleerd:
- vignet (kan worden in- of uitgeschakeld en heeft zowel zwarte als witte variabelen die u kunt instellen)
- lawaai
- scherm (werkt zoals het scherm van de Photoshop-laag)
- desaturate
- allowMultiEffect (laat je een effect meerdere keren activeren)
- viewFinder (creëert een door-de-zoeker-effect)
Met behulp van deze instellingen kunt u eenvoudig authentiek ogende vintage-afbeeldingen rechtstreeks op uw site maken. U hoeft geen uren meer te besteden aan het voorbewerken van afbeeldingen (of wacht tot uw computer ze in batch verwerkt). Geen clients meer die afbeeldingen uploaden die het uiterlijk van de site bederven.
Je bent misschien al bekend met vintageJS.com , de site waarmee u foto's kunt uploaden en vervolgens een vintage effect kunt toepassen. Het is een goed voorbeeld van wat de jQuery-plug-in kan (hoewel de plug-in voor nog meer aanpassing zorgt).
Heb je vintage effecten aan je afbeeldingen toegevoegd met een plug-in? Welke? Laat het ons weten in de comments.