Vintage Effekte für Ihre Bilder mit HTML5
Ich bin mir nicht sicher, ob es Instagram, Hipstamatic oder eine andere Smartphone-Fotografie-App ist, die dafür bedacht werden sollte (Vintage) oder andere Effekte auf jedes aufgenommene Foto anzuwenden, aber unabhängig davon, wer es angefangen hat, tut es nicht scheint ein Trend zu sein, der in absehbarer Zeit verschwindet.
Ob Sie Vintage-Fotos lieben oder nicht, die Chancen stehen gut, dass Sie sie möglicherweise in einem Projekt verwenden müssen, entweder weil ein Kunde oder das Projekt es verlangt.
Anstatt eine Menge Zeit damit zu verbringen, Fotos für Ihr nächstes Website-Projekt mit Photoshop oder einer anderen Desktop- (oder Telefon-) App zu bearbeiten, wäre es nicht schön, ein Plugin zu haben, das es automatisch auf der Website selbst macht?
Es macht schließlich Sinn. Andernfalls müssen Sie jedes Mal, wenn ein neues Bild hochgeladen wird, sicherstellen, dass es vor dem Hinzufügen zur Site verarbeitet wurde (nicht ideal, wenn Ihr Client die Site selbst aktualisieren wird). Ohne konsistente Verarbeitung wird die Seite schnell amateurhaft und, naja, hässlich aussehen.
JahrgangJS ist ein jQuery-Plugin, das HTML5-Canvas verwendet, um Effekte auf Ihre Bilder direkt auf Ihrer Website anzuwenden.
Es ist in hohem Maße konfigurierbar, sodass Sie Ihre Bilder genau so sehen lassen können, wie Sie es möchten. Grundlegende voreingestellte Optionen umfassen:
- Standard (wenn keine Voreinstellung angegeben ist)
- Sepia
- Grün
- Graustufen
- benutzerdefiniert (nur Kurven werden angepasst, alles andere ist deaktiviert, damit Sie Ihr eigenes Aussehen erstellen können)
Wenn Sie einen benutzerdefinierten Filter erstellen möchten, finden Sie hier einige der Optionen, die Sie bearbeiten können:
- Vignette (kann ein- oder ausgeschaltet werden und hat sowohl schwarze als auch weiße Variablen, die Sie einstellen können)
- Lärm
- Bildschirm (funktioniert wie der Photoshop-Ebenenbildschirm)
- entsättigen
- allowMultiEffect (lässt einen Effekt mehrfach auslösen)
- viewFinder (erstellt einen Sucher-Effekt)
Mit diesen Einstellungen können Sie einfach authentische Vintage-Bilder direkt auf Ihrer Website erstellen. Keine Stunden mehr für die Vorverarbeitung von Bildern (oder warten, bis der Computer sie stapelweise verarbeitet). Keine Kunden mehr, die Bilder hochladen, die das Aussehen der Website ruinieren.
Sie kennen vielleicht schon vintageJS.com Die Website, auf der Sie Fotos hochladen und einen Vintage-Effekt anwenden können. Es ist ein gutes Beispiel dafür, was das jQuery-Plugin kann (obwohl das Plugin noch mehr Anpassungen ermöglicht).
Hast du mit einem Plugin Vintage-Effekte zu deinen Bildern hinzugefügt? Welcher? Lassen Sie es uns in den Kommentaren wissen.