こんにちは、WEBデザイナーのAkikoです。

Qriousホームページ英語版をデザインするときに使った、キルト風エフェクトです。PhotoshopとIllustratorを使います。

Step.1
Photoshopで下絵をトレースする

模様をパスで丁寧にトレースして行きます。ハワイアンキルトなので輪郭の周りを何重にもかたどります。

分かりやすく別けると、これと、

これの2枚のレイヤー。厳密には1輪郭ごとに1枚のレイヤーにするとキレイにできます。

Step.2
布地のふくらみを出す

レイヤースタイル/べベルとエンボス　でキルトに綿が入って膨らんでいる感じを表現します。

このようになります。

全てのレイヤーに同じスタイルを載せて、中央の模様をアイボリーにするとこうなります。

Step.3
糸のステッチを表現

輪郭のパスをIllustratorにコピー・ペーストし、破線に設定。

破線をPhotoshopにコピー・ペーストし、レイヤースタイルを以下のように設定する。


この他カラーオーバーレイで白い糸にしています。

こんな感じ。

Step.4
布地のテクスチャを追加

布地や和紙のテクスチャ素材を乗せ、レイヤー設定するだけで、より自然な布地らしくなります。

完成～！

Qrious Homepage(en)|Members
Curiosity Driven Female Creative Unit | Qrious

トレースにちょっと手間はかかりますが、実際にハワイアンキルトをちくちく縫うよりはカンタン♪
是非、お試しあれ～