質問なんですが、紙をちぎったようなデザイン・・・って、みなさんどうやって作ってます?
「スターバックスコーヒー ジャパン」や「All About ミーコ」などで多用されているのですが、いい感じにちぎり感を表現しているんですよね。
もし、「こういうやり方で作ってますよ!」を教えていただける方がいらっしゃいましたら、ブログのコメント欄なり、メールなりで教えていただけるとありがたいです。
ちなみに、先月リニューアルした当ブログでも、紙をちぎったようなデザインを採用しています。緑の背景と白いコンテンツ部分の境界のところですね。
「教えて!」だけでは申し訳ないので、私がいままでやってきた方法を3つほど紹介します。
-
左クリック連打でギザギザ線を描く方法

今回のこのブログのデザインで採用している方法です。
Fireworksのペンツールでひたすら左クリックを繰り返し、ギザギザ線のパスを作って、ちぎった感じを演出しました。ドロップシャドウを加えると、よりちぎった感じが出てきます。 -
線に対してテクスチャを適用させる方法

象の写真でサンプルを作ってみました。左が特に何もしていないパターン、右が写真のまわりが少しちぎれている感じになっています。
Fireworksで写真と同じサイズ(もしくはやや小さいサイズ)の長方形を描き、線に対して「メッシュ」などのテキスチャを適用させます。サンプルでは線の太さは3ピクセル、テキスチャの適用度は60%です。 -
ちぎった紙をスキャンし適用させる方法

本物の紙をちぎり、それをスキャナにかけて取り込む方法です。一番確実な方法ですが、パスのように操作が出来ないので、どのようなちぎり方がいいかをある程度考えてから作業した方がいいかもしれません。
結構力技な方法ですが、よろしければ参考にしてください。
そして、繰り返しになりますが、「こういったやり方でやってます!」みたいな方法、是非教えてください。よろしくお願いいたします。



コメントする