Efekty Vintage dla obrazów za pomocą HTML5
Nie jestem pewien, czy to Instagram, Hipstamatic, czy jakaś inna aplikacja do obsługi zdjęć w smartfonie, którą należy podziękować (obwiniać?) Za nadejście rocznika lub innych efektów do każdego zrobionego zdjęcia, ale niezależnie od tego, kto to zrobił, nie wydaje się być trendem, który odchodzi w najbliższym czasie.
Niezależnie od tego, czy lubisz vintage wyglądające zdjęcia, czy nie, być może będziesz musiał użyć ich w jednym lub innym projekcie, ponieważ klient lub projekt tego wymaga.
Zamiast spędzać mnóstwo czasu na przetwarzaniu zdjęć do kolejnego projektu strony internetowej za pomocą programu Photoshop lub innej aplikacji na komputery stacjonarne (telefony), czy nie byłoby fajnie mieć wtyczkę, która robiłaby to automatycznie, bezpośrednio na stronie?
W końcu ma to sens. W przeciwnym razie za każdym razem, gdy nowy obraz zostanie przesłany, musisz upewnić się, że został on przetworzony przed dodaniem do witryny (nie jest to idealne, jeśli twój klient sam będzie aktualizował stronę). Bez konsekwentnego przetwarzania strona szybko zacznie wyglądać amatorsko i, no cóż, brzydko.
vintageJS to wtyczka jQuery, która wykorzystuje płótno HTML5 do zastosowania efektów do zdjęć bezpośrednio w Twojej witrynie.
Jest wysoce konfigurowalny, dzięki czemu twoje obrazy mogą wyglądać dokładnie tak, jak chcesz. Podstawowe opcje ustawień wstępnych to:
- domyślnie (gdy nie podano żadnego ustawienia wstępnego)
- sepia
- Zielony
- Skala szarości
- niestandardowe (korygowane są tylko krzywe, wszystko inne jest ustawione na off, dzięki czemu można zbudować własny wygląd)
Jeśli chcesz utworzyć niestandardowy filtr, oto niektóre z dostępnych opcji do manipulowania:
- winieta (może być włączana lub wyłączana i ma zarówno zmienne czarno-białe, które możesz ustawić)
- hałas
- ekran (działa jak ekran warstwy Photoshopa)
- desaturate
- allowMultiEffect (pozwala wywołać efekt wiele razy)
- viewFinder (tworzy efekt "w wizjerze")
Korzystając z tych ustawień, możesz łatwo tworzyć autentyczne obrazy w stylu vintage bezpośrednio w swojej witrynie. Nie trzeba już więcej godzin na przetwarzanie obrazów (lub czekanie na przetwarzanie wsadowe przez komputer). Koniec z przesyłaniem przez klientów obrazów, które zrujnują wygląd witryny.
Być może już znasz vintageJS.com , strona, która pozwala przesyłać zdjęcia, a następnie zastosować efekt vintage. Jest to dobry przykład tego, do czego zdolna jest wtyczka jQuery (choć wtyczka pozwala na jeszcze większą personalizację).
Czy dodałeś do swoich zdjęć efekty vintage za pomocą wtyczki? Który? Daj nam znać w komentarzach.