こんにちは。 <フォートレス・サガ>の初創期原画デザイナーカンビオです。今回のアーティクルでは、初期発売から運営まで続いた<フォートレス・サガ>のビハインドストーリーと、私が作業しながら積み上げてきた原画制作のヒント、イラストチュートリアルを例とともに紹介していきたいと思います。
自分で作業したフォートレス・サガのキャラクター
まず、第1部では<フォートレス・サガ>がなぜこのようなスタイルを選択することになったのか、どのリファレンスを参考にしたのか、そして作業効率を高めるためにどのような原則を立てたのかを話しましょう。続く2部では、一枚のイラストが完成するまでの実際の制作過程とその中で得た実務ノウハウを詳しく共有する予定です。
1. なぜこんなスタイルになったのか？
極号より不快を避けよう！
＜ フォートレス・サガ ＞発売初期アートの方向は一文から出発しました。 「極号より不護を避けよう」西洋風に行くと東洋ユーザーになじみ、日本風に行けば西欧圏では拒否感が生じます。だから、どちらか一方に偏らずに二つの画風の中間を探さなければなりませんでした。そのバランス点がまさに<AFK Arena>のアートスタイルでした。 <AFK Arena>は、線に沿って彩色するセル様ベースのアートで、西洋的な質感と東洋の繊細さが共存するアートでした。その感覚をもたらし、もう少し簡潔で効率的に作業することをまず目指しました。
西洋、東洋のどちらにも偏らないリファレンス＜AFK Arena＞
ゲームの原画は無限の時間を注ぐことはできません。以下のVanillawareのように、筆のタッチが生きている絵画的な描写はもちろん美しいですが、LD制作スケジュールには致命的に長くかかります。一方、BattleHandのシンプルなフラットスタイルは、全体のムードが軽くなる危険性があります。そこで立体感とフラットさのバランス、その中間点を探すことにしました。豊かだがすぐに描写するが、単に。その絶妙な「中」でスタイルを設定しました。
ディテールとフラットさの間で見つけたバランス
参考にしたリファレンス
前述のように、<AFK Arena>スタイルに加えて、ウェスタン特有の雰囲気をもたらすために様々なリファレンスを参考にしました。アルフォンス・ムーハのアールヌーボー様式で見ることができる曲線の装飾から、＜AFK Arena＞原画作家のKuri Huangの表現方式などを参考にLDとイラストを作業しました。
参考のリファレンスと<フォートレス・サガ>のイラストとLD
そして、ウェスタンアートワークでよく見られるディズニー風人体デフォルメをベースに、冬と形がよく表れて表現しました。ディズニー風人体デフォルメはグラスディテールを減らし、流れを優先すると、視線が途切れることなく1つのシルエットで自然に読めるというメリットがあります。
<フォートレス・サガ>に適用されたディズニー風人体デフォルメ
そして、塊の描写を最小限に抑えたフラットスタイルを目指しました。 ＜Nikke＞のアートのようにディテールの多いスタイルは、作業速度に負担がかかりにくいので地揚しました。
フラット<AFKアリーナ>のアートスタイル
2.作業速度のために考慮したもの
<AFK Arena>のスタイルを参考にしたかったのですが、<AFK Arena>はテクスチャを精巧に積み上げ、華やかで流麗な描写が特徴です。この方法まで適用するには作業時間が多くかかるため、<フォートレス・サガ>ではより効率的なアプローチが必要でした。
テクスチャを精巧に積み上げた＜AFKアリーナ＞
Photoshopで作業時間を短縮
まず、 フォートレス・サガのイラストはセル式ベースなので、基本的にライン作業が必要です。この時、Photoshopブラシのライン補正機能を活用してラインをスムーズに整理すれば、多くの時間を節約できます。初めて使用するときは不便かもしれませんが、補正値を大胆に上げて使用すると、プライドは少し上がっても作業時間を著しく短縮できます。私はこの機能で30％程度の時間を節約したようです。
時間を短縮するPhotoshopライン補正機能
クリップスタジオのベクトル線を使用する
ライン作業にはクリップスタジオというプログラムを活用しました。クリップスタジオのベクトルライン機能を使用すると、飛び出したラインをエンドポイントに合わせて不要なラインを消去しなくても、はるかに迅速に整理が可能です。
ベクトル線を使用して輪郭を整理する
最後に、着色をすべて行った後、黒のアウトラインをカラーアウトラインに変えることで、キャラクターのフラットな感触を最大化し、完成度を高めることができます。
アウトラインに色を付ける前後
*以降のストーリーはパート2で続きます。
この記事はCookAppsストーリーに載った原文を移したものです。原文を見る