82 写真のように鮮明な木目のテクスチャ画像 | デザインってオモシロイ -MdN Design Interactive-


82 写真のように鮮明な木目のテクスチャ画像
制作・文=川下城誉(CREAMU)

To Use
XHTML
CSS
JavaScript
Photoshop
Illustrator
Fireworks
透過PNG





【1】レイヤーをライトブラウンで塗りつぶし、フィルタメニュー→“ノイズ”→“ノイズを加える”で左のように設定する



【2】フィルタメニュー→“ぼかし”→“ぼかし(移動)”で設定。レイヤーを複製し、イメージメニュー→“色調補正”→“彩度を下げる”を選択する



【3】複製したレイヤーを選択したままフィルタメニュー→“アーティスティック”→“エッジのポスタリゼーション”を選択。デフォルト設定で[OK]をクリック。レイヤーパネルから[描画モード:ソフトライト]、[不透明度:38]%に設定する


▼使いどころ
Photoshopで写真のような木目を描くテクニック。エレメントや背景としてそのまま使ってもいいし、テクスチャとしてオーバーレイなどで重ねて使用するのもいい。
twitter facebook このエントリーをはてなブックマークに追加 RSS

こんな記事も読まれています

この連載のすべての記事

MdN 最新刊

MdN BOOKS|デザインの本

週間アクセスランキング

1.14-1.20