【私流】ibisPaint Xでのドット絵制作に使える機能紹介

コンテンツ
デザイン・イラスト
初めましての方は初めまして!布団こたつと申します。
普段はドット絵制作を行っている者です。
今回はアイビスペイントを使ってドット絵を描く際に、
私がよく使用している機能を紹介致します。

スマホで普段ドット絵を描いている方や、
アイビスでドット絵素材を描こうと思っている方の参考になれば嬉しいです!

【はじめに】 ドット絵を描く際の基本設定

まず設定を開き、「ビュー拡大時の補間」という機能をOFFにして下さい!
初期設定のままだとONになっており、ピクセルがぼやけてしまいますが、
設定をOFFに切り替える事でドット絵の細部を綺麗に確認しつつ、
ドット絵を描く事ができるようになります。

1288.png

【比較】
(左が「ビュー拡大時の補完」をONにした状態、右がOFFにした状態)
1289_20240106094257.png

これでドット絵を描く為の基本設定は完了です!

【メリット】
・ドット絵を描く際にその都度保存して確認を行わずに済むようになる
・アイビスペイントでの加工処理がドット絵に行いやすくなる
(乗算、オーバーレイ処理 等)

【デメリット】
・通常絵を拡大した時に違和感が生じる為、多少の慣れが必要

【見栄え編】 手軽に縁取り処理等の加工を行う

次に、ドット絵を見やすくする為に使える機能を紹介します!

・キャラクターの縁取り処理
私が以前ブログのお礼イラストを描く際に活用していた方法です。

① 初めにキャラクターを描いてあるドット絵を用意します。
(この時、キャラクターが背景と別にレイヤー分けされているとお勧めです)

1291_20240106100208.png

② 縁取りを行いたいキャラクター関連のレイヤーやフォルダを複製します。
この時、縁取り用のレイヤーを下に移動させて選択した状態にして下さい!

1291_20240106100211.png


③ 「フィルター」を選び、「ふちどり(両側)」を選択します。
(下部の左から二番目にあるアイコンをクリックすると、FXと書かれたフィルターがある為、その中からフィルターの種類を選択する事ができます)

基本的に外側の幅は2px、内側の幅・アンチエイリアスは1pxがお勧めです!
1291_20240106100213.png

④ 背景を単色で塗りつぶし、右上の四角ボタンから「色域選択」を指定後、
許容量を0.00%に変え、アンチエイリアス部分を選択して消去します。

1291_20240106100219.png

1296_20240106213053.png

1291_20240106100222.png

⑤ 最後に塗りつぶした背景を消去し、お好みで加工を行えば完成です!

1291_20240106100226.png


1291_20240106100227.png

後はキャンバスの「画面解像度変更」から縦横比維持を行い、
縮小計算式を「サンプリング」、拡大計算式を「近傍近似」に設定し、等で書き出せば完成です。
(間違えて保存してしまい、元のサイズに戻したい場合もこの方法で行う事ができます)

以上の内容が、私がドット絵を描く際によく使っている機能となります。
もしお役に立てる情報になれば嬉しいです!
今後も参考になるような情報を発信していきたいと考えている為、
使用しているツールの便利な機能を定期的に紹介する予定です。

また、ココナラでのドット絵制作サービスも行っています。
まだ2023/12/20にココナラを始めたばかりで実績が少ないですが、
本当に気に入って下さった方は良ければご購入頂けると幸いです!
もしご購入頂けた際には丁寧な対応を心掛けますので、
何卒宜しくお願い致します!

最後までご覧頂き、本当にありがとうございました!
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す