[制作事例]ファッションアイテムのキャッチーなアイコン

151107pattern

以前ファッションアプリの紹介カードのデザインをした時に作成したイラストです。

まずは手描きで下書きします

ノートに、またはペンタブレットでPhotoshopのカンバスにじゃんじゃん絵を描きます。
へたくそです(苦笑
イメージを膨らませる作業です。
手描きで下書き

並べてカードのパターンに

ちょっと色を付けたり並べ替えたり調整して、カードの背景に使ってもかわいかったです。
アイコンをパターン風に並べる

ショップネームなどを入れたらカードに。
ショップネームを入れてカードに

Photoshopで、レイヤースタイルのモノクロのパターンに任意の色をつけたい時は…

スクリーンショット
例えばこのブラックの斜線のパターンを、ブラックではなく任意の色に見えるようにしたい時です。

カラーオーバーレイを適用する

パターンを適用したレイヤーに、レイヤースタイル→カラーオーバーレイ→任意の色でスクリーン100%を適用します。

元のモノクロパターンだと↓
カラーオーバーレイを解除

カラーオーバーレイを適用するとこんな感じに↓
スクリーンショット
なりました。

CONTACT - ちょっと相談してみる

コメントを残す