透明ノイズと紙テクスチャ。
透明ノイズを使ったサンプル

透明ノイズや透明テクスチャを使って何ができるかな…?写真や動画に重ねたり、Google マップに重ねたり、いろんなテクスチャを透明にしたり、とりあえず3つサンプルあり。

写真やイラストや動画に重ねる

下のサンプルでは、ただ重ねるだけじゃなくて、重ねたノイズ画像の位置を、CSSのanimationプロパティで小刻みに動かす事で、テレビの砂嵐みたいな表現を作ってます。なんだかレトロで、素敵な雰囲気が醸し出せますね:)

ページトップへ戻る

Google マップに質感をプラス

Google maps APIを使えば、Google マップにも透明テクスチャを乗せることができます:)

ページトップへ戻る

いろんなテクスチャを透明にしてみる

シームレスで使えそうなテクスチャ画像っていろんなサイトで紹介されてますよね。中にはすでにシームレスな状態で提供されてるものもあったりします!これを利用しない手はないです。

ということで、上記の記事で紹介されてるテクスチャの中から、試しにいくつか透明にしてみましたー。

なんと、すでにシームレスで透明なテクスチャ画像をダウンロードできるサイトがあるんですね!
便利素敵ー!⁑D

Transparent Textures

Comment & Pingback

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください