デザインでテクスチャを効果的に使う5つの実用的なテクニック
Post on:2012年3月1日
面白くて、クリエイティブな方法でテクスチャを利用する5つのテクニックを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030103.png)
5 Awesome Techniques for Using Textures in Your Designs
[ad#ad-2]
下記は各ポイントを意訳したものです。
背景としてのテクスチャ
テクスチャを効果的に使うポイントの一つは、繊細です。テクスチャを使用する際は基本的には、コンテンツから気を散らさないようにします。
例をみてみましょう。ここにシンプルなアートワークがあります。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-01.png)
このアートワークにテクスチャを加えてみます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-02.png)
このテクスチャは釣り合いがとれていません。コンテンツから気を散らせ、カラーもマッチしていません。
このアートワークにマッチするようにテクスチャを変更します。
テクスチャのサイズを縮小し、カラーを調整し、微妙なグラデーションを適用しました。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-03.png)
背景としてのテクスチャを使用するときは、繊細であることを忘れないようにしてください。
オーバーレイとしてのテクスチャ
テクスチャをイメージやアートワークをヴィンテージ風にするためにオーバーレイとして使用することもできます。
下記の写真に適用してみます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-04.png)
使用するテクスチャは、コンクリートのテクスチャです。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-05.png)
[ad#ad-2]
テクスチャのレイヤーモードを変更してみます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-06.png)
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-07.png)
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-08.png)
モードを変えることで、簡単に異なるエフェクトを達成することができます。テクスチャをオーバーレイで使用することで、素晴らしい見た目を与えることができます。
モックアップのためのテクスチャ
テクスチャはロゴやTシャツなどのアートワークを魅せるために使用することもできます。
モックアップがカンバス地にプリントしたようなエフェクトを与えてみます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-09.png)
テクスチャには生地のものを使用します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-10.png)
Book Cover Patterns Collections
テクスチャをアートワークと組み合わせ、ユーザーにプリントのように見えるアイデアを与えます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-11.png)
イラストのためのテクスチャ
ベクトルなイラストは常にきれいで鋭く、それらが魅力の一部でもあります。しかし、テクスチャを加えることで印刷された感じや、ヴィンテージ風にすることもできます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-12.png)
テクスチャにはノイズを使います。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-13.png)
イラストの上にテクスチャのレイヤーを配置し、描画モードを変更します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-14.png)
テクスチャをテキストに当てはめる
テクスチャはテキストの外観を変えることもできます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-15.png)
テキストの上にレイヤーを作成し、テクスチャを配置します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-16.png)
[Alt]キーを押しながらクリックし、テキストの上にマスクを作成します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-17.png)
テクスチャの彩度を調整し、テキストにすり切れた外観をあたえるようレベル補正をします。
![サイトのキャプチャ](/wp-content/uploads-2012/2012030104-18.png)
テキストにテクスチャを当てはめる時には、テキストが読めなくならないように注意してください。
sponsors