![151107pattern](http://uooworks.com/wp-content/uploads/2016/01/151107pattern-768x576.jpg)
以前ファッションアプリの紹介カードのデザインをした時に作成したイラストです。
まずは手描きで下書き
![手描きで下書き、ラフ案](http://uooworks.com/wp-content/uploads/2015/11/shitagaki.gif)
ノートに、またはペンタブレットでPhotoshopのカンバスにどんどん絵を描きます。
イメージを膨らませる作業です。
並べてカードのパターンに
![アイコンをパターン風に並べる](http://uooworks.com/wp-content/uploads/2015/11/151107card.gif)
ちょっと色を付けたり並べ替えたり調整して、カードの背景に使ってもかわいかったです。
![ショップネームを入れてカードに](http://uooworks.com/wp-content/uploads/2015/11/card.gif)
ショップネームなどを入れたらカードに。
Photoshopで、レイヤースタイルのモノクロのパターンに任意の色をつけたい時は…
例えばこのブラックの斜線のパターンを、ブラックではなく任意の色に見えるようにしたい時です。
![カラーオーバーレイを解除](https://uooworks.com/wp-content/uploads/2015/11/5fb24b246a3075cefbb2b10814325807.png)
カラーオーバーレイを適用する
パターンを適用したレイヤーに、レイヤースタイル→カラーオーバーレイ→任意の色でスクリーン100%を適用します。
![カラーオーバーレイでスクリーン](https://uooworks.com/wp-content/uploads/2015/11/1941bc9cc16a8421b249dcb51e9b3be3.png)
なりました。