手書きアイコンの作り方

2013年7月23日

いつも皆さんのTwitterとかFacebookとかの素敵な似顔絵アイコンを見て「いいなー」と思っていたので、ちょっとササっと作ってみました。
今回は、ほんとに簡単ではありますが手書きアイコンの作成手順をご紹介します。

ちなみにPhotoshopを使用しています。

photo credit: Slaff via photopin cc

まずはラフを書きます。
今回は、ゆるい感じが良かったのでとても簡単です。

使用したのは

と

「Projectpaper」は、ブルーの罫線が印刷やスキャン時には映らないのでイラストに便利です。

ラフにペンを入れます。
後で色を入れるのでなるべく線が途切れないようにして下さい。

使用したペンはこちら

基本的に「STAEDTLER」好きです。

書いたら、綺麗に消しゴムで鉛筆線を消します。

スキャナーなら何でもいいのですが今回は特にそこまで画質は必要ないしという事で手軽にScanSnapでスキャンしました。

これは神アイテムなのでぜひ、1台は持っていた方がいいです。

画像をPhotoshopで開きます。

「イメージ」→「色調補正」→「2階調化」

いい感じの太さになるまで「しきい値」を調整

塗りたい場所を「選択範囲」で選択して

「塗りつぶし」で好きな色に塗りつぶしていきます。

※隙間があって上手く選択範囲が選択できない場合はブラシや鉛筆で隙間を塗っておいてください。

レイヤーを追加し、はみ出さないように範囲を選択してブラシで軽く色を付けます（影とか）

「不透明度」を下げて馴染ませます。

正方形に「トリミング」します

手書きアイコンの完成

こんな感じで完成しました。

今回はとてもシンプルな流れです。
本当はもう少しレイヤーを分けて丁寧に作業すれば
もっといいものが出来ますよ。