Junks

画像クリックで拡大表示します

使用ツール・Photoshop6.0（最近SE2に）

１・ 若菜さんから４×４センチの原画を貰い、350dpiでスキャンをします。

定規ツールで枠線をなぞり、[画像回転→角度入力]で角度を平行にあわせたら、枠線の内側を選択して切り抜き。

２．画像サイズを400×400ピクセルに直します（完成が80×80ピクセルなので、綺麗に縮小できます）

[明るさとコントラスト]で線画を薄くしたら、線画をトレースするための新規レイヤーを作成。

３．ブラシツールで線をトレースしていきます。

場所によってはペジェ曲線を使用して書きます。

４．線画がだいたい引けたところです。

原画レイヤーを破棄して一度レイヤーを統合します。

５．キャラのふちどりをするレイヤーを作成します。作業は以下の通り。

・線画の背景を選択→反転
・範囲2px拡張
・新規レイヤーを黒で塗りつぶし
・範囲を3px縮小→消去
で、ふちどりができました。画像を統合。

この線画を[レイヤーを複製]で同じレイヤーをもう1枚作り、下塗り用レイヤーを作成します

５．サムネイルでは分かりづらいので拡大表示で見て見てください。

コピーしたレイヤーをフィルターの[ぼかし（ガウス）]を使ってぼけさせました。

６．今度はそのレイヤを[色調補正→レベル補正]で、線画が細く、グレー色がないように調節します。

こうすることで、色を流していくときに
選択範囲をして塗りつぶし、をせずに塗りつぶしツールで流し込んでいっても綺麗に色を流すことができます。

７．別に作ってる色見本用のファイルを開いて、基本色を流し込んでいきます。分かりやすいように線画は非表示で。

色見本は、アイコンの色味をそろえるために作ったものです。見本にない色は作ります。

何が恐ろしいって、この段階まできてファイル名が「名称未設定１」なことだと思います（つまり保存してない）
…よい子は保存をしっかりしましょうorz

８．レイヤーを追加して、影やハイライトを入れていきます。

アイコンは複雑に塗らないので、パーツごとにレイヤーは分けてません。
色を塗るときは[自動選択ツール→色域指定]で選択範囲を作って塗っています。

画像を統合したら80×80ピクセルに縮小してアイコンの完成です。

９．何やら手間な事してるな〜と思われるかもしれませんが、Photoshopのアクション機能を使って、線画を書く、色を塗る以外の作業はほとんどボタン一発でやっています。

書いたパスをブラシツールで線画に直したりはともかく、完成したファイルを統合→縮小→pngで保存　まで自動化させてるのはものぐさな証拠…。

そんなわけでアイコン製作でした（・ω・）ノ