「ドット絵作成マニュアル」の編集履歴（バックアップ）一覧に戻る
ドット絵作成マニュアル - (2005/07/12 (火) 14:15:35) のソース
#contents
----
**RS3風ドット絵作成マニュアル ver2.0（by 8-691）
**＜はじめに＞
このマニュアルは、RS3風のドット絵を描きたいが初心者なので何をすればいいのかがさっぱり分からない、
という方や、作品を作ってはみたが改善したい部分があるがどうすれば改善できるか分からない、
という方のために具体的なドット絵の作成手順を、コツをまじえてを具体的に解説したものです。
一般的な人型キャラを作成することを念頭においています。
なお、作成手順及び表現手法は初心者と大差ない私が独自に考え出したものであり、誤りがあったり、
あまり効率的でない方法も存在するかと思いますが、ご了承下さい。
また、ver2以降は、バイナリ神スレの書き込みや、職人様の作品のを参考にさせていただきました。
このような相互交流が無ければよりよいマニュアルを作成できませんでした。この場を借りてお礼申し上げます。
このマニュアルが少しでも新しい作品誕生や、より洗練された作品誕生の助けとなれば幸いです。
**＜準備＞
用意するもの
・プログラム→ALFAR(ググればすぐ見つかります)
・下絵となるキャラのgif(◆adlr2rIoDc氏作成テンプレ形式)
（なお、gifでなくbmpでも良いかもしれません。私はbmpを使っているというだけです。）
#ref(http://www3.atwiki.jp/romancing/?plugin=ref&page=%E3%82%AD%E3%83%A3%E3%83%A9%E3%82%AF%E3%82%BF%E3%83%BC&file=temp.gif
)
※キャラのgifの用意について。方法は以下の３つ
（１）◆adlr2rIoDc氏作成テンプレ形式のbmpをsmcファイルから吸い出すツール(RS3Pmake,2-658氏作成)で吸い出す。
それを減色ツール(Vectorなどで、HyperPaintが入手できます)でgif形式に変換する。
（２）職人様がr3pファイルと同梱しているbmpやgif形式をgif形式に変換する。（これはかなり嬉しいです）
（３）某素材サイト（過去ログで既出）の素材（png）をgif形式に変換する。
（１）の方法で得られるのは、元のsmcファイルのキャラです。また、r3pパッチをあてれば、そのキャラの
gifを得ることができます。
（２）の方法で職人様作成キャラのgifを得ることができます。（感謝しながら使おう！）
（３）の方法で、町の人等のgifを得ることができます。
この場合は、テンプレ形式に移植することが必要です。
→すべてのキャラのgifを集めて同一フォルダに保存しておくと非常に便利です。ぜひ作成することを推奨します。
確認、参照、比較、等々が思いついたときに手軽に実行できます。
眺めているだけでも、いろいろと気付くことがあると思います。楽しいですし。
※テンプレへの移植
・まず、素材から欲しいポーズを含む部分を一部保存して、未使用色を削除します。（余計な色を排除）
次に、素材の移植するポーズを記憶範囲（32X32）に含めて保存し（設定でクリップボードにもコピーする）、
移植先のテンプレを開いて、一番右下の使われていない領域にクリップボードからコピーします。
すると、後は右ドラッグでテンプレの正常な位置にコピーできます。
・テンプレへの移植で色化けする場合、移植前にパレットの色を交換しなければなりません。
移植元と移植先の色を左から一番目はこの色、二番目はこの色、というのをそろえなければなりません。
しかしこれは正直めんどくさいです。
（？他にもっと上手い方法がありそうな気がします。ご存知の方がいらっしゃればぜひご教授下さい。？）
フリーのテンプレへのへの移植の場合、移植先のテンプレを開く時にパレットを変更せずに開く
と色化けの被害が最小限で済み、便利です。
**＜手順＞
①下絵の決定
下絵となるキャラを決定します。下絵は必須ではありませんが、
下絵がないと動作確認が難しくなります。
・色は比較的容易に改変できるので、決定のポイントは、キャラの形及びポーズです。
このとき、キャラの大きさが同じ方が作成が容易です。
前述の※テンプレへの移植の方法により、複数のキャラからポーズごとに下絵をもって来る事も可能です。
※キャラの大きさ→テンプレをALFARで起動したときのA1の眉毛の位置で確認する。
（RS3のキャラの一部で、下絵としての汎用性の高そうなキャラを例に取ると）
10→レオニード
11→トーマス、ハリード、ブラック、フルブライト、ミカエル、少年
12→ユリアン、ティベリウス、ウンディーネ、エレン、カタリナ、ツィーリン、ミューズ
13→サラ、シャール（汗）、タチアナ、モニカ
等でしょうか。
※簡単な色の変え方
変えたい色のセットの色数と同じ色数のグラデーションを作り、色の濃淡の順番を入れ変えず
に変えると、比較的違和感無く色が変えられます。
グラデーションは、作っても他のキャラから流用しても良いです。
※RS3にRS1、RS2のキャラを移植する場合の注意点
RS3の画像がRS2、RS1と違うはの大きさと色です。
そこで、造形についてはRS3の比率に合うように縦長に修正する必要があります。
潰れている部分の補完については小林絵の造形が参考になります。
また、選色も見直す必要があります。
RS1,2のキャラは少ないドットで特徴を際立たせるために色のセット数が多く、減らさないと
浮きます。特に、大きなキャラほど面積が増えるので浮きやすいです。ご注意を。
②選色
色を決定します。
00-0Fの16色のうち、 00は背景色、01は白(R=F7,G=F3,B=D6目、髪)、02は黒(31,30,31キャラの縁取り、影)
03は使用不可色,06,07,08は肌色と決まっているので、自由になる色は9色です。
00～0Fという色番号はr3pを作成するときに気をつければよく、この時点では色の数以外に気にする
必要はないです。
・肌の色のパターンは製品のキャラでは数パターンしかありません。真似するのが無難です
肌は毒状態により色が変更されるので、肌自体は色数を変更しない方がいいでしょう。
肌の色を服の色に流用するのも、目立たない程度なら可能です。（例、ユリアンの上着）
・ベースの色を服の色に流用するのも可能です。（例、ユリアンのズボン）
夢魔の催眠攻撃時に色が変わらないという制限が一応あります。気にする必要は無いと思います。
○色の決め方のコツ
・残りの９色の決め方について。
髪の色、上着の色、シャツの色、等々、色のセットを作ります。
（例えば、ユリアンは髪の緑、上着の橙、シャツと靴の青、という３セット）
大抵は髪、服１、服２の３セットです。（ハリードやエレンは４セットあります）
・まず、髪のセットには3-4色使います。白以外に3色が標準だと思います。
髪の色が薄いキャラは01の白を流用できます。
髪の長いキャラは白を含めて4色以上使った方が表現が豊かになって良いと思います。
ハリードのような黒髪はベースともう一色で済ますことも出来ます。
・ 残り（通常5-6色）は服等の色となります。
だいたい一つのセットに２－３色使います。明らかにメインの色があれば4色使います。（例、ミカエルの鎧）
（なお、１色だけ目立つ色ををワンポイントで使うということも出来ます。ここではセット、と呼んでいません）
色数の決定基準は、主としてドットを使う面積です。そのセットを使う部分の面積が大きいほど多くの色数を
割り振ると、ハイライトが付けやすく、表現に深みが出しやすいので、書きやすく、仕上がりも良いです。
また、濃い色を使う場合、ハイライトが付けにくいので、色数を減らす変わりに模様を充実させる、という
方法もあります。（ハリード参照）
服の色については、髪の色、ベースの色等、他の色を流用することもできます。
（髪の色を流用している例、トーマスのズボン）
・それぞれのセットに使う色の数が決まったら、実際に色を作ります。
基本的に同じセットの色は同じ色調で、RGB比が近似します。同じRGB比で、明暗の違う色を色数に合わせて
作ります。
このとき、RGB比が近いほど、整った印象に、外れているほど雑な印象になると思います。
また、3色以上ある場合は、明暗の比率が近いほど、整った印象を与え、比率が変わっているほど、明るい色
が浮く印象になる、と思います。
色が上手く作れないという方は、他のキャラ（他のゲームでも可能）から流用して、調整すると良いです。
RGBのうち二つを、値を動かさずに入れ替えてみる、という方法もあります。
ボストンは全体的赤っぽいですが、上手くRGB比を変えて描画しています。
また、色が浮く印象と01の白を利用すれば光沢が出せるかもしれません。
狙って出来たらすごいと思います。
③描画
実際絵を書いてみます。
作成したいキャラの形に合わせて下絵を塗り潰していく感覚です。
キャラ毎の差が大きいですが、一般的なコツを示してみました。
具体例は＜セリス正面の絵＞（後述）を参照してください。
また、拳の位置、靴の位置を変えると動作した時に他のグラフィックとの整合性が取れなくなるので、
全部合わせて変える気がなければ変えない方がいいです。
**☆☆描画の一般的なコツ☆☆
より作りたいものに近づける、または試行錯誤の回数を減らすためのコツ。
○色を塗るコツ
・基本的には、領域に色のセットを割り当てて、ハイライトを付けていく、という方法になります。
例えば、ユリアンならば、髪の領域には緑色のセット、上着の領域には橙のセットを、ハイライトを
付けながら塗っていくということになります。
その上で、模様をつけるなど、微調整を行います。（トーマスのマント、ミカエルの鎧等参照）
◎ハイライトの付け方
・基本的には、手前の方が明るい色、後ろの方が暗い色になります。
・また、強調したい流れがある場合、その方向にまず明るい色を打ち、その流れを崩さず流れに沿った形で、
徐々に暗い段階の色を打っていきます。裏を返せば、流れを断ち切りたい場合、別の方向に流れを持って
いってみるか、流れに逆らう形で違う色調の色を打つ、ということをすると良いと思います。
流れに沿う形で目立たせたい部分がある場合、明るい色の隣に２段階以上暗い色を流れにそって打ちます。
（流れの出し方についてはモニカの髪をよく参照しましょう）
ドットが正方形であるというの性質上、ドット数にもよりますが、縦横に流す方が、
斜めに流すよりも強い流れになりやすいです。（流れの幅のドット数が少ないほど差異が顕著です）
○造形のコツ
・基本的には、手前の方が大きく、後ろの方が小さい形になります。
前後の方向に大きな位置の違いがある場合、手前の方の外側にベースなどの暗いドットを打つと遠近感が強調
されるかもしれません。
・大きさの見え方は、ドット数の他、塗ってある色にも依存します。周りの色の明るさや色調と
乖離しているほど目立つので、その分大きく見えます。
（特にベースの隣1ドット等において、明るい色ほど大きく見えるという例が顕著です。
これを応用すると、ベースのとなりで大きく見せたい部分がある場合は明るい色に変更する、
それでも足りなければ1ドット最も暗い色を増やしてみましょう。小さくしたい場合は逆です。）
また、領域の境界が斜めになっている部分に明るさの差異の大きい色をもってくると、とがっている感じが、
差異が小さい色ををもってくると丸い感じが出せます。
この方法は、領域の境界付近でない場所ではお勧めしません。非常に効果が薄い上、明暗の比率がズレて
キャラの色の印象がかわってしまうからです。
・キャラの外周は基本的にベースで塗ります。キャラの一番外側の部分に縦、横、の方向に打ちます。
斜めの方向に打つ必要はありません（黒くなりすぎる）。忘れると背景と同化してしまいます。
造形の関係上、頭のてっぺんを１ドットを削ることは可能です。
また、原則どおりに打っても造形が削られすぎてイマイチという場合には、ベースの色で「遊び」ドットを
１ドット余分に打って形を整えます。
※個別グラフィックについての注意点です。（いろんなGIFを参照にしながらやってみてください）
・A1(32X24),A2(24X24),A3(24X24)→正面グラフィックです。言うまでもなく重要です。
A2,A3の上部(8X24)はA1が使われます。A2とA3左右対称の部分は反転させれば済むので、実質同じグラです。
手前向きの歩行、ダッシュ時、ステータス画面等に使われます。
顔は概ね縦に3ドット分(2ドットのキャラあり)の目を中心に、下に2ドット、上に2-3ドットというのが一般的です。
A1で拳は2X2ぐらいです。篭手等を着けているともう少し大きくなるようです。
A2とA3では、前の拳と足が大きく、後ろの拳と足が小さくなります。
ダッシュ時に後ろの腕を体の外側の方へ多少ズラすとダッシュ時のグラフィックに違和感がなくなると思います。
・A4(32X24),A5(24X24),A6(24X24)→横歩行グラフィック。A5が静止グラフィックで、よく使われます。
どれもやはり重要です。
A4の上部はA5,A6,A7にも使われます。拳の位置を多少動かしても問題はありませんが、足の位置を
動かすのはかなり危険です。
なお、A7(24X16)攻撃時に使われます。A4から右腕を取り除いたものと考えればよいでしょう。
（他にも違いはありますが、トーマスのグラ見ればわかりやすいです）
・B1,B2,B3→背面グラフィック。主人公にするなら重要です。他のキャラならば重要ではないと思います。
マントのあるキャラはだいぶ楽です。ちなみに、後ろ髪の印象が静止時と移動時では変わってしまう場合、
色の明暗の比率を近づければ上手く作動します。
・B4,B5,B6→ダッシュグラフィック。主人公では超重要ですが、メニュー画面にも使われるので、
他のキャラでも手を抜けません。なお、D1とD2は上部がB6と一致するようです。（ダッシュ時のグラフィック）
・C1→キックポーズ。よく目にします。体術でも使われるので、キックを維持してください。
・C2→パンチ。コマンド入力後のグラフィックでもあります。手を離すと武器が浮きます。
拳の位置は動かさないようにしましょう。
また、体術でも使われるので、パンチを維持してください。
・C3,C4→術詠唱。宿屋の就寝時に使われることがあります。
・C5→術発動。アイテム装備時など結構見かけるような気がします。タイガーブレイクにも使われます。
・C6→ダメージ。瞬間的に表示されますが、あまり目立ちません。
・C7→瀕死状態。他に着地時などにも使用されます。あまりみないような気がしますが、プレイ次第だと思います。
・D3→HP切れ状態。あんまり見ません。
④起動確認
実際に起動して確認してみる。
変な動作はないか、色が浮いていないか等です。
気に入らない点があったなら４に戻って微調整することになります。
確認の方法ですが、主人公に当ててみて、動かしてみるのが一番いいです。
確認するポイントは
・フィールドにおける上下左右のダッシュ（A1,A2,A3、B1,B2,B3、B4,B5,B6）
・ニューゲームの主人公選択画面での前後歩行、左歩行（A1,A2,A3、A4,A5,A6）
・メニュー技の攻撃グラ（A5,A7,B2,A4）
・メニュー術の術詠唱グラ（C3,C4,C5）
・アイテム装備時（A4,C5）
・陣形変更時（C7等）
等です。
・なお、最後は１ドット単位の調整になるかと思います。
ALFARのストックウインド（オプションで3倍にしたもの）と、エクスプローラーで拡大したもの
双方で確認しながら1ドットずつ打っていくとよいでしょう。
（プレイ環境によって見え方がどうも違うようです）
どうも納得がいかないのに、色々試してみてもいい方法が分からない、という場合には、
画像掲示板で具体的に質問してみるといいかもしれません。
納得行くまで調整できたら見事完成です！！おめでとう！
**＜セリス正面についての解説＞
#ref(http://www3.atwiki.jp/romancing/?cmd=upload&act=open&pageid=4&file=%E3%82%BB%E3%83%AA%E3%82%B9.png)
１、２素材の決定、GIFの入手
RS3踊り子の正面のグラフィックです。（某所素材より入手しました）
セリスと似たような格好には他に女兵士もいますが、より作ってみたいのは踊り子の方を選びました。
３、色の決定
RS3とFF6は色数も大きさも違うので、色の選び方も考えなければなりません。
FF6は色数が少ないので、開いている分の色を面積が大きい部分の色を増やせば上手くいきます。
（ちなみに、RS2の最終皇帝のように、色々な系統の色を色々にちりばめているキャラは半端じゃなく難しいです。
縦に長くなった部分面積が増えるのですが、そこで一色の部分の面積を増やすとすぐ浮くという理由です。）
マント（青系）三色、髪（黄系）三色（白を含めて四色）、服（緑系）三色にしました。
肌の色は女性の一般的な色をもってきました。黄色は素材の色を３色にしてベージュに近づけました。
緑は素材のすぐ下の別の踊り子から取りました。薄い緑は派手な色ですね。
２ドットしか使っていませんが、絶対に欠かせません（笑）。マントの青は自作です。
４、セリス正面の絵の作成過程を解説してみます。
(１)髪の毛
踊り子の方は分け目が真ん中にありますが、セリスは頭の右の方にありますよね。
そのため目の上辺りをコピペで左に１ドットずつずらして整合性持たせたのが前髪です。
それと左右対称になるように後ろ髪をつけて、順次色を塗っていったのがセリスの髪になります。
FF6のセリスはグラ全体の感じから少し上から見たような印象を受けたので正面から見るとこんな感じかなあ、
と想像して形を作りました。上下比が違うゲームのグラを忠実に再現しても調整しないと
（ほぼ間違いなく）浮きます。
外枠を濃い目の色にして、あとはだいたい原則どおりに塗った感じです。
髪型にもよるのですが、強調したい流れを明るくする、というのは髪で顕著です。
(２)目
多くのキャラと同様3縦にドット、左目の形は女性に良く見られる形としました。
目の上から２ドット目は暗い色、３ドット目は少し薄い色というのが多いパターンです。
今回は青い目にしてみようと、印象が一番大きい変わる２ドット目を中くらいの青にしてみました。
(３)首のあたり
顔や首は大きさや色等を変えるとことごとく失敗するような気がします。
RS3風というのがあるとすれば実はこのあたりかもしれません。
勿論いじりません。
(４)胸
踊り子のままではぺチャパイの様に見えるので、もうちょっと膨らましてみましょう（ﾆﾔﾆﾔ?）
胸の中心辺りに周りより１つ明るい色を置きました。また、首の二つ下の色を白から肌色に変えて、
より胸の中心が手前にあるかのようなコンストラクトを付けました。
試行錯誤の賜物です。上手くいきましたかな？
(５)足腰
服の形を整えました。手順としては、服を着せた部分はハイライトをつけただけです。
服を取った部分は、服がなければこんなであろう、という形を想定して形を作っていきます。
セリスの足は、まず形を想定して一番濃い肌色を打ちます。その後、試行錯誤により、
今の形に落ち着きました。ちょっとO脚かもしれませんが、それもあり、ということで。
この辺はほんの１ドットで大きく印象が異なってしまうので気を使いました。
(６)肩、腕
肩について。ＦＦ６のグラによると端が薄い色になっています。一応そのように塗ってみて、
さらに白を混ぜることで光沢を出しました。
その後試行錯誤して今の形になりました。肩の横端の下1ドットにより、「遊び」で形を出しています。
腕はちょっとだけいじりました。
(７)マント
小さめにすることで形を付けました。最初は大きめに書いていてかっこ悪かったので、
色々やってみた結果、今の形になりました。
(８)靴
足にあわせるため小さめにしました。FF6に忠実にやるともう少し大きくなりますが。
あえて小さくしました。美意識の問題です。
これで、一応正面グラが完成しました。
なお、起動時にほかのグラフィックとの整合性および色の浮き具合から
色及び形が変更される可能性が高いです。
→実際、正面グラだけ髪の大きさが小さく不自然だったので、少しだけドットを増やしました。
**＜おわりに＞
いいものを作りたいならば、とにかく試行錯誤を繰り返すしかないと思います。
センスもあった方がいいと思いますが、いろいろとも試しているうちに磨いていけるものだと思います。
こまめにバックアップを取って、ちょっとでも良くなったら上書きしましょう。
時間をかければかけるほど良いものが出来ます。
結局どれだけそのキャラを作りたいかでどこまで作りこむか、いい作品が出来るかが決まると思います。
ぜひ頑張ってください。
私のドット絵作成マニュアルは以上です。いい作品が出来ることを期待しています。
**＜参考文献＞
今のところありません。
