メイキング・ドット絵加工ドット絵その1久々のメイキングはドット絵加工です。こんな風に肌襦袢状態から色を付けて着物にします。普通のドット絵はちまちま描くだけで通常のイラストと変わらないので加工メイキングにしてみました。・・・って誤解されそうですね。ドット絵は細かい作業で通常のイラストとは違う苦労があります。ありますが、センスの問題なので機能説明が目的だと加工を題材にしたほうがよいと思った次第です。普段はモニタサイズの都合で新規ビューを使って確認・・・なんてできないのですが、ドット絵は原寸確認しながらの作業じゃないと困るので使ってます。このビューのお陰で拡大・縮小を繰り返す必要がなくて助かります。新規ビューは現在使用しているファイルと同じデータが開かれます。二つは連動していて、片方に何か描けばもう片方にも描画されます。表示のアンチエイリアスを切ります。自動・矩形選択ツール、投げ縄ツールのアンチエイリアスも切ります。自動選択ツールの色の範囲、拡張は0に。ドット絵用の設定はこんなものでしょうかね。作業に入りますが、最後に透過PNGで書き出したいので、先にフォルダを作って入れちゃいます。上のレイヤーは先に試してたものです。今は関係ないので加工したい画像だけフォルダに。自動選択ツールを使って、白い着物部分を選びます。「隣接」を切ってあるので、一箇所クリックすれば同じ色の場所が全て選択されます。影色も含めると5色使ってるので5回クリックでこんな状態に。選択し終わったら、新規レイヤーを作ってそこに塗り潰しします。元の絵が白い着物だったので、レイヤーモードは乗算にしました。襟部分の白は、塗り潰したあとに消しゴムで消したから。自動選択では着物全体が選択されるので、手作業で消してます。色がちょっと濃いなぁと思ったので、「透明保護」にチェックしてさっきよりも薄い色を選んで塗り潰し。【編集】→【塗りつぶし】です。メニューバーからだと面倒なので、ショートカットを使ってます。気に入るまで少しずつ色を変えて試しました。着物らしくするため、グラデーションを入れることに。ドット絵でグラデはあまり使わないものですが・・・・。限られた色でグラデーションを表現するドッターさんはほんとにすごいです。加工完成したあとから試しにドットでグラデーションやってみましたブラシでのグラデは1色ですが、ドットではその上に乗算で1色足してます。ドットでグラデやるならこんな感じですかね?「その1」はここまで。「その2」に続きます。)こちらの素材を加工して使わせていただいています。|ドット絵その2ドット絵加工続きです。着物の柄は決まってないので、浮かんだイメージからあれこれ試します。書き忘れてましたが、着物の色用レイヤーにグループ化してます。グループ化を使えば、着物の色部分からはみ出した箇所は見えなくなります。これを利用して、グラデーションはエアブラシもどきのブラシでざっくり作りました。グラデーションはレイヤーモード「加算」のときの色が気に入ったので「加算」で決定。レイヤーモードを変更しても気に入らない場合は描画色の変更も試しますが、気に入ったのでそこまで手間をかけずに済みました。グラデの色が決まったので、今度はそれっぽく柄をいれます。ブラシはサンプルにある「1ドット」です。ドット絵を描くときはこれが基本なので、ブラシセットに登録しました。ブラシセットの登録方法はコッペパンさんの「ブラシ保存編」を参照ください。エアブラシとあるのは、着物のグラデーションに使ったブラシですね。【α】→【ブラシをスタンプ風に利用する】をクリックしますスタンプ風にしなくても描けますが、ドット描画ならこのほうが楽です。スポイトですが、アクティブレイヤーの色を拾うことができます。{@}と逆にして使ってます。「すべてのレイヤー」「アクティブレイヤー」どちらの使用頻度が多いかなんですけどね。スポイトツールは右クリックでも可能なので、スポイトツールは「すべてのレイヤー」にして、アクティブレイヤーから色を拾いたいときはショートカットを使ってます。着物の柄に使ってる黄色は2色なのですが、グループ化を使ってるのでメインレイヤーの乗算モードの影響を受けて色数が増えています。描画色をうっかり変更してしまったとき、「すべてのレイヤー」でスポイトしてしまうと色が変わって困るのですね。いったときに「アクティブレイヤー」でのスポイトが役に立ちます。他ポーズにも黄色い柄をつけ終わりました。なんとなく色が明るすぎるかな?と思ったので、レイヤーの不透明度を少し下げて馴染ませ。あとはちょっと目の色を修正して完成です。猫ペイントでは「別名で保存」でPNGを選んでも、透過PNGで保存しません。【レイヤー】→【レイヤーを保存】を使えば、アクティブレイヤー1つが透過PNGで保存されます。最初にフォルダを作って作業したのはこのためです。フォルダを選んで【レイヤーを保存】を使えば、そのフォルダの中身の複数レイヤーを透過PNGで保存できるのですね。ブログ記事部分の背景が白いからわかりませんが、ちゃんと透過されてます。これでメイン作業終了。