Vintageefektit kuville HTML5: n kanssa
En ole varma, onko Instagram, Hipstamatic tai muu älypuhelimen valokuvausohjelma, jota pitäisi kiittää (syyttää?), Kun otetaan käyttöön vintage- tai muita vaikutuksia jokaiseen otettuun kuvaan, mutta riippumatta siitä, kuka aloitti sen, se ei näyttää olevan trendi, joka on menossa pois milloin tahansa pian.
Olipa rakastat vintage-näköisiä valokuvia tai ei, mahdollisuudet ovat, sinun on ehkä käytettävä niitä yhdessä projektissa joko siksi, että asiakas tai projekti sitä vaatii.
Sen sijaan, että käytät tonni aikaa kuvien käsittelyyn seuraavalle verkkosivustoprojektille Photoshopilla tai muulla työpöytäsovelluksella (tai puhelimella), ei olisi mukavaa saada plugin, joka tekisi sen automaattisesti, aivan sivustossa?
Loppujen lopuksi on järkevää. Muutoin joka kerta kun uusi kuva lähetetään, sinun on varmistettava, että se on käsitelty ennen sivuston lisäämistä (ei ole ihanteellinen, jos asiakas päivittää sivuston itse). Ilman jatkuvaa käsittelyä sivusto alkaa nopeasti näyttää amatööriltä ja hyvin ruma.
vintageJS on jQuery-laajennus, joka käyttää HTML5-kangasta sovellusten vaikutuksia kuviin suoraan verkkosivustollasi.
Se on erittäin konfiguroitavissa, joten voit saada kuvien katselluksi juuri haluamallasi tavalla. Perusasetusten esiasetukset ovat:
- oletus (kun esiasetusta ei ole annettu)
- seepia
- vihreä
- harmaasävy
- custom (vain käyrät ovat säädetty, kaikki muut on asetettu pois päältä, jotta voit rakentaa oman ulkoasun)
Jos haluat luoda mukautetun suodattimen, tässä on joitain käytettävissä olevia vaihtoehtoja:
- vignette (voidaan ottaa käyttöön tai poistaa käytöstä ja sillä voi olla sekä mustavalkoisia muuttujia että asetuksia)
- melu
- näyttö (toimii kuten Photoshop-kerrosnäyttö)
- desaturate
- allowMultiEffect (voit käynnistää vaikutelman useita kertoja)
- viewFinder (luo läpinäkyvän etsimen tehosteen)
Näiden asetusten avulla voit helposti luoda aitoja näköisiä vanhoja kuvia suoraan sivustossasi. Enemmän käsittelyaikaa edeltäviä kuvia (tai odottamassa tietokoneesi eräprosessointia). Enemmän asiakkaita lataa kuvia, jotka pilata sivuston ulkoasua.
Saatat jo tuntea sen vintageJS.com , sivusto, jonka avulla voit ladata valokuvia ja soveltaa sitten vintage-vaikutusta. Se on hyvä esimerkki siitä, mitä jQuery-plugin pystyy (vaikka plugin mahdollistaa vieläkin räätälöinnin).
Oletko lisännyt vintageefektejä kuviinne pluginilla? Kumpi? Kerro meille kommentit.