コニファ・ロゴ

csstest:jQueryプラグインvintage.jsを使って、写真をビンテージ加工

jQueryプラグインvintage.jsを使うと、写真を年代物の古写真風に加工してくれます。単に色をセピアカラーのモノトーンにするだけでは古写真の感じが出ませんが、このプラグインは、画質の調整ができるので、コントラストを下げ色あせた雰囲気を出すことでそれらしくすることができます。また、写真の中心から円形を描いた外側の明度を下げるビネット効果(vignette)を付けることもできます。

使い方は、jQueryと「jquery.vintage.js」を読み込み、次のようにスクリプトで、画像のIDを指定するだけです。

スクリプトサンプル(最下段の加工写真)

var effect3 = {
          vignette: 0.6,
          sepia: true,
          contrast: -64
        };
$('img#picture3').vintage(options, effect3);

また加工後の写真は、そのままデスクトップなどへドラッグすれば、画像として他で利用できます。この場合、画像フォーマットはjpegになります(この写真のオリジナルはpng)。

オリジナル


オリジナルのコントラストのままセピアに


オリジナルのコントラスト、ビネット付き(vignette: 1)でセピアに


コントラストを下げる(contrast: -64)


コントラストを下げ(contrast: -64)、
ビネット付き(vignette: 0.6)でセピアに

 

 

戻るボタン