現在のページ: Tutorial » ウール生地風テクスチャ作成法

ウール生地風テクスチャ作成法

チュートリアル


ウェブサイト、iphoneアプリの背景などでよく使える、ウール生地風テクスチャです。
フリーの素材などに美しいものがありますが、権利関係を気にせずに安心して使いたいという人は少なくないはずです。
今回はよく本などで紹介しているレベルよりもワンランク上の質感を出していきます。

 

 

 

 

 

 

photoshopを起動して、コンポジションを作り(チュートリアルでは2500px×2500px)、#485056で全体を塗り、ベースとなる背景を作成します。

 

 

 

 

 

 

#000000(黒)のレイヤーを作成します。

 

 

 

 

 

 

黒のレイヤーにフィルター>ノイズ>「ノイズを加える」を適用し、レイヤーの合成モードをスクリーンにします。

 

 

 

 

 

 

 

#ffffff(白)のレイヤーを作成します。

 

 

 

 

 

 

白のレイヤーにフィルター>ノイズ>「ノイズを加える」を適用し、レイヤーの合成モードを乗算にします。

 

 

 

 

 

 

 

黒ノイズの量や、白ノイズの量は好み合わせて、複製しましょう(ノイズのパラメータは変える)

 

 

 

 

 

 

縦幅1pxで、横幅コンポジションの横幅の倍くらい大きさで作成し、1px間隔で複製しボーダー柄を作ります。2番目の画像は拡大したものです。

 

 

 

 

 

 

 

ボーダーを複製します。

 

 

 

 

 

 

各ボーダーに対して、編集>自由変形で45°と-45°をそれぞれ適用し、斜めにクロスさせます。

 

 

 

 

 

 

各ボーダーの不透明度を下の画像のように(25%&17%)設定します。

 

 

 

 

 

 

 

以上で完成です、服の繊維など実際の生地を見て、各レイヤーのパラメータを自分好みに調整してみましょう。

 

 

 

 

 

 


Comment





都内を中心にウェブ(CMS)、スマートフォン、Ci/Vi、モーショングラフィックスのデザインをしているKWSMです。
このサイトでは私の備忘録も兼ねてチュートリアルや、デザイン関連の情報を掲載しています。
このサイトに掲載している内容は、ご自由にお使い下さい。





ADVERTISEMENT[広告]

Photoshop & Illustrator ロゴ・テクスチャデザインマスターピース

Photoshopプロフェッショナル ロゴデザイン CS3/CS2/CS/7.0対応

Photoshopロゴデザインの王道教本

独学では到達できないPhotoshop&Illustrato (インプレスムック エムディエヌ・ムック)







Modern Typography in Britain: Graphic Design, Politics, and Society - Typography Papers 8

Typography Sketchbooks

The New Typography: A Handbook for Modern Designers (Weimar & Now: German Cultural Criticism)

Vintage Type and Graphics: An Eclectic Collection of Typography, Ornament, Letterheads, and Trademarks from 1896 to 1936

U&lc: influencing design & typography

Digital Typography (Center for the Study of Language and Information Publication Lecture Notes)

日本タイポグラフィ年鑑〈1999〉 (Applied Typography)

TokyoTDC(Vol.21)The Best in International Typography&Design









Photoshop Compositing Secrets: Unlocking the Key to Perfect Selections and Amazing Photoshop Effects for Totally Realistic Composites

Photoshop Brushes & Creative Tools: Japanese Motifs (Photoshop Brushes/Creatv Tools)

Digital Negatives: Using Photoshop to Create Digital Negatives for Silver and Alternative Process Printing

Art and Design in Photoshop: How to simulate just about anything from great works of art to urban graffiti

Photoshopデザインラボ -プロに学ぶ、一生枯れない永久不滅テクニック- (Design Lab+ 1-1)

SAI+Photoshopで描く 最強最美イラストレーションテクニック