絵が描けない！でも映える！立ち絵素材小手先演出テクニック・アイディア編

あいさつ

こんにちは。からし山まよ江といいます。
趣味でゲームを作っている会社員です。この記事は8,471文字です
今回の記事はゲーム制作。こんな人におすすめです。

ゲームを作っている/作りたい人で…

ハイ。そんなあなたに最小限の努力と予算でできる！
小手先演出テクニックを共有します！
はっきりいって低レベル！だからすぐにマネしちゃえ！

　参考素材に私の作ったフリーゲーム『悪魔の棲むアプリ』のスクショを使ってます。
　そのため当記事は『悪魔の棲むアプリ』の相当なネタバレを含みますが、5分で完クリ・読むだけバカゲーなので作者はネタバレを気にしてません。

　あなたも参考資料に5分遊んでから記事を読んでみませんか(PR)
　記事を読んでから遊んでみても
「お、ここでこのテクを使ってるな」
と参考になりますよ♡

この記事のテクニック実践に必要な物・技術

①絵を描く技術:まったく不要

　絵のスキルは一切不要。
「へのへのもへじがなんか人よりヘタ」レベルでOK
　きれいな線を正しく見て描くスキルや絵の練習は不要です。
※最低限PCを操作する・スマホでアプリ画面を見てタップ/スワイプする事は必要です。バリアフリー対応技術の紹介ではないです。すみません。

➁おえかきソフト/アプリ:必要(無料アリ)

　イラスト作成のためのソフト/アプリは必要です。
　おえかきソフトには、絵がまったく描けない人にも有用な機能がいっぱいなのです。

　私が使用する『CLIP STUDIO』(愛称クリスタ)は有償ソフトですが、『アイビスペイント』など無料ソフトもあるので探してみてください。
　実践編ではクリスタのスクショを資料にして、使える機能を紹介しています。
　windowsの『ペイント』など、お使いのOSでごくシンプルな画像加工ソフトが初めから付属しているかもしれませんが、ちょっと機能が足りないと思われます。

➂ペンタブレット:不要

　ペンタブレットとは、デジタルイラスト作成用のペンとおえかき用タブレットのことです。
　でも今回紹介するテクニックでは不要です。
　マウスや指スワイプでなんとかイケる範囲のテクニックです。

④予算　無料～数千円程度

　無料ゲーム制作ツール＆フリー素材の立ち絵＆無料おえかきソフトを使えば無料です。十分高品質な物が使用できます。
　有償製品を使う場合でも、初期投資は1万円以下でなんとかなると思われます

➄加工可のフリー立ち絵素材:必要

　著作権フリーの立ち絵素材を入手してください。
「ゲーム　立ち絵　フリー素材」などと検索するといろいろでてきます。
有料/無料のものがありますがご自由に。

注意として、素材の利用規約を確認して「加工可」の物を入手してください。

※「加工可」とは※

　といった内容です。
　多くのフリー素材がこのへんの加工はOKとなっています。
　でも、使いたい素材の利用規約は必ず確認してね！
　商用利用は不可/R-18作品は使用不可といったものもあるので、自分の用途にあわせて、使ってOKの素材を選んでください。

今回のサンプルには以下の素材を使用します

まず拙作『悪魔の棲むアプリ』で使用した素材

この女性の立ち絵は蘭朱日@桃源郷社さまの製品
作者Xアカウント
https://x.com/ran_p1122
素材販売
https://t-company.booth.pm/

そしてこちらの悪魔の立ち絵はマゼラン様

サイト
https://cyanyurikago.web.fc2.com/
作者Xアカウント
@MazeranPickman

の有償素材です。
　有償素材とは使用に料金が発生する素材という事です。
　「立ち絵　素材集」といった単語で検索できます。boothやdl-siteなどでいっぱい出てきます。
　素材集は買い切りの物がほとんどです。

無料の物もたくさんでているので、まずは無料素材でお試しがいいですね。

私が用意した立ち絵も資料に使います

　ハイ。低レベル。
　とにかくコレらを使って解説します

　なお、ゲームを作るためのエンジンの操作方法はここでは解説しません。
　各ゲームエンジン公式や有志の解説を参考にしてください。有用記事がたくさんあります。

　ゲーム作り初心者にオススメ・ノベルゲームやAVG作りに使いやすくお手頃なゲームエンジンはこちら。(無料版あり)

ティラノビルダー
プログラム知識不要　感覚的な操作でノベルゲームが作れます
ティラノスクリプトというエンジンで動いています
無料です。
高機能のpro版は1,540円

ティラノライダー
私はコレを使っています。無料。
自分でプログラムを書いてゲームを動かすツールです。
ティラノビルダーもこっちも「ティラノスクリプト」という言語で動いています

必要な所だけ読みたい方へ(当記事の構成)

　当記事は「アイディア編」「実践編」の二部構成になっています。
　こちらはアイディア編です。

　デジタルイラストツールをある程度操作できる方はこの後の「小手先！画面に変化を付ける7つのアイディア」を見れば、素材がどう加工されているかはすぐわかると思います。
　「実践編」を読む必要はありません。
　まえがきもスッ飛ばして「小手先！画面に変化を付ける7つのアイディア」の章だけチョイチョイっと見てさっそく今日からでも使ってください。その程度の簡単なテク集です

　一方「実践編」はデジタルイラストツールを全く触ったことのない方向けに、操作画面のスクショ中心の内容の予定です。
　ツールは『CLIP STUDIO』(愛称クリスタ)・ペイント(windows標準搭載の画像加工ソフト)を使用します。

　『アイビスペイント』など、他のイラストツールにもたいてい似たような機能があるらしいので、他ソフトをゲットした方は『実践編』を読んだ後、おのおの自分の使うソフトで似たような機能をお調べください…。

※なお、今回ご紹介するテクニックや・各ツールの使用方法・トラブル対応に関する質問は受付できませんごめんなさいねー。
　この記事、だけ！
　あとは記事読んで
「わーこれやってみたいのにできない」
ってなったらツールの解説動画や記事を探して見てね♡ごめんなさいねウフ♡

単調な画面が続き退屈な演出例

ハイ、それでは本題に入ります。

単調な画面が続いて飽きられやすいゲーム画面例

を紹介します。

『悪魔の棲むアプリ』を例に。たとえばこんな会話シーン。

平凡な女性が悪魔と遭遇！しかも呪われてしまった…！？
とても緊迫する場面のはずですが…

なんかこの画面、かったるくありません？

　会話しているキャラクターが横並びになっている構図は、ノベルゲームではもっとも一般的な図です。決して悪くはありません。

　でもこの構図、仲良しグループの会話シーンなら自然ですが
『いきなり現れた悪魔とおびえる女性』
の図としては緊張感に欠けます。

　自分のすぐ隣に悪魔がいるのに女性はニコニコしてるし、しかもなんだか悪魔より女性の方が大柄に見えます。

　何より、この画面のまま「そもそも悪魔の呪いという物は…」なんて説明シーンが始まるかと思うと…

(あ。このゲーム　なんか…退屈…かも？)

とニオイませんか
そのイヤなニオイ！　なんとかごまかそうぜ！

小手先！画面に変化をつける7つのアイディア

1 人物の位置関係を決めて背景を増やす(フリー素材で)

　さっきの例における「主人公と悪魔仲良く横並び」問題を解決します。
　まず、キャラクター同士が舞台のどこにいるか決めます。
　おおざっぱにこんな感じ。

　たった二人でも位置関係を決めておくのはけっこう大事です。

　ここをテキトーにすると、
・ゲーム画面ではドアのすぐ横にいるキャラクターが
「ドアの前に悪魔がたちはだかって逃げられないわー！」
　などと言い、シリアスで怖いシーンが単にマヌケになります。

　こういうミスはプレイヤーの心がヒエヒエになるモトです。

　とりあえず、2人がむかいあってるなら主人公の出番と悪魔の出番で背景を変えましょう。
　これで2人が横並びでないことが視覚的にわかります。

　背景画像はフリー画像サイトでお借りしましょう。
　無料イラスト素材なら『みんちりえ』『ぱくたそ』、写真素材なら『PhotoAC』や『Pixabay』といったところが有名。

　ハイ借りました。
　不吉な事が起こっている時は、この画像がやや赤く染まります。
　こんな感じ。

(赤くする方法は『実践編』でやります)
　実際のゲーム画面。

セリフのたびに背景が切り替わるだけで、なんとなく目先が変わります。
あんまり目まぐるしいのは駄目ですが、
「なんとなく目先が変わる」、トテモダイジ。

　序盤の登場人物紹介パートや世界観の説明などが冗長だと、シナリオの面白いところに行きつく前にプレイヤーは離れてしまいます。
　小手先でも何でも変化を付けて飽きを防ぎましょう！

「そもそも超面白いシナリオを書いたらいい。小手先の仕掛けなど無用」

はド正論ですがここでは解説しません！
…知ってたら私に教えてくれよ！なぁ！

おまけ　素材探しのコツ

　背景素材探しのコツは、
・ハズせないポイントだけを大事に
・ざっくりと探す

　「女性の部屋の画像」を探せば、たいていパステルカラーの家具が並ぶ小ぎれいな部屋画像が出てきます。
　そこで「ピンとこないな」と思ったなら、何がピンとこないポイントでしょうか。

もっとアッサリした部屋にしたい？　それなら無機質なビジホっぽい部屋画像にしましょう
もっと可愛いモノがほしい？　それならぬいぐるみやフリル特盛部屋画像にしましょう
もっと大人っぽい部屋にしたい？イケイケセレブな部屋画像かお金持ちのダイニングの画像にしましょう
もっと生活感が欲しい？それなら和風木造アパートや昭和の団地っぽい部屋の画像にしましょう

「いいえ、そんなに極端なモノは嫌です。今ある素材に私の求めるテイストをすこーしだけ足して欲しいんです」

残念です！それはできません。

　既成の素材をお借りするのです。
「私の思うもの完全再現」
をしたいなら、背景をイチから自作するかクリエイターに一点モノを発注してふさわしい対価を払うのです。
　それができなければある物を使う。
　さっさと「これがイメージに近いかなー」という素材を選び、ありがとうございますとDLしましょう。
　あなた特有のテイストというモノはゲームが完成しちまえば勝手についてきます。まずは借りものでどんどん進めましょう。

2立ち絵の拡大/縮小

よくある立ち絵は、ゲーム画面の真ん中にバストアップが表示されるくらいの大きさですね。

絵を拡大・縮小して表示しましょう
顔面どアップなら圧が強い絵
小さい全身像なら、画面のはるか後方にいるとか、広い所でぽつんとしている様子が表現できます。

3　立ち絵に角度を付ける

この下手立ち絵。正面図です。

それを…

　立ち絵を傾けました。これだけで「転びそうな様子」になります。
　「転びそうで手足をばたばたさせるポーズ」の差分を用意するのは大変です。これなら簡単に加工できます。コイツでなんとかしましょう。
　あとは「バッターン」みたいな効果音でなんとかなる！なれ！

さらに、傾いた立ち絵を画面右下に配置してみました

　画面左上に主人公が今考えていることを映像で入れると、マンガっぽい演出ができますね。
　頭の中の映像も、フリー素材で借りましょう。
　「今日食べたい物」とか「遊びに行きたいリゾート地」の画像を持ってきて…なんとかする！

4　切り取りしてカットイン

この正面立ち絵を…

首から上だけ切り取りました。顔の超ドアップに使えますね。

　他にも、顔グラを丸型の枠の中に入れるとアイコンになります。

ステータスウィンドウとかに使えそう。

アイコンの使用例
『悪魔の棲むアプリ』より。

　床に倒れた主人公に悪魔が話しかけています。
　横になっている主人公と立っている悪魔の目線はあいませんので、
「ずっと高い所から悪魔の声だけがしている」
感じを悪魔アイコン表示で表しています。

こんな四角いアイコンも使いました。

　『悪魔の棲むアプリ』では、終始主人公と悪魔は向かい合って距離を取っています。
　登場人物が何か言う時は、話者一人だけが画面に出ている構図が中心になってます。
　でも
・主人公一人だけの画面
・悪魔一人だけの画面
の繰り返しがずーーーっと続くのもちょっと冗長です。

　上の画面は悪魔のコメントに主人公が顔色を変えるという小さなリアクションを細長いアイコンで表現しました。
　主人公の「えっ」(小声)をわざわざ画面切り替えして出すほどじゃないな、と考えました。

この方式だとマンガでよくある
『たくさんのキャラがいっせいに、好き勝手に自分に話しかけてくる』

『キャラクターの頭の中で意見の違うたくさんの自分が主張を叫ぶ』

…といった演出ができます。

　同じようなサイズ立ち絵がズラーッと並ぶより、話のメインになる人物が誰かわかりやすいのも利点です。
　たくさんのアイコンが表示される描写でも、
・大きいアイコンは主人公にとっての重要人物
・モブっぽいキャラのアイコンは小さめ
…といった表現で、グラフィカルにゲーム内の人間関係を示すこともできるでしょう。

その他の例

(制作中のゲーム画面ですが)
　アイコンをズラーッと並べて。
　モブたちが新キャラクターの登場にビックリしている、といった様子。

そしてこちらはみんなだいすきカットイン手法。

　細長い枠に顔アップを入れました。
　必殺技を使う時のカットインなどでよくある手法です。

　必殺技を選ぶとキュピーーーン！
　画面の右端からシュイーーーン！とこのグラフィックが流れてくるぅ!

また、こんなカットイン手法も。
『悪魔の棲むアプリ』ではこんな風に状況説明に写真素材を使っています。

　DLした写真素材を加工アプリで加工するだけなので、もっとも短時間で作れる素材です。

　この素材をどうゲームで使うかと言うと

悪魔のセリフ
「ちょっと得したいとか、」

↓　画面をクリック

悪魔
「かったるい朝スマホいじってボーッとしたいとか…」

といったセリフにあわせて写真素材がじわっ、じわっと表示されます

このセリフ、説明画像が必要なほど難しいセリフじゃないですよね。
それでもストーリーに即した画像がポンポンと表示されると
なんとなーく目に楽しくゲームが前進している感覚を得られます。

　タイパ重視の時代です。物語エンタメを消費するとき

「このシーンがいつまで続くかわからない不安」

が大きすぎるとプレイヤーが離脱します。
(エロシーンとか悪党ぶっ殺しターンとか泣けるシーンとか、
ご褒美シーンの直前なら、ある程度の『まだかなー』にも耐えてくれます。
停滞のイライラよりその先のご褒美の期待が勝っているからです。
…でも待たせといて十分なご褒美が無いと低評価決定だぜ！)

「人間の心のスキマについて」なんて説明セリフは冗長になりがち。
　できるだけ飽きない工夫をしてササッと読んでもらいましょう。
　テキストを短くまとめることも重要です。

5　色調だけ変える

さきほどの下手絵の色調を変えます

ガーン！ショック！というシーンで白黒反転するのはよくある手法ですよね

　彩度をおさえてみました。セピア調っぽい。
　回想シーンなどに使われる色調です
　こういうのもおえかきソフトの「色調を変える」ボタンでサクサクッとできます。

6　同じ画像を繰り返す

クリックするたびに主人公がだんだん画面を右から左に移動し、どんどんアップにします。

　同じ立ち絵のくり返しでもなんとなく動きがある感じになります。
(クリックごとにシンバルの「ジャーーン！」という効果音が入ります。
効果音は
「ボタンおしてやったぜ！」
「ゲームをプレイヤーである自分が進めているぜ」
という肉体感覚を強調する大事なものだと考えています。
難しげに言いましたが要するにノリとテンポで俺はやるぜ！です)

7　画面を揺らす・効果音をつける・漫符をつける

おもにゲームエンジン側でできる機能です。
　「画面を揺らす」というコマンドを使って…

　顔面アップにデカフォントで「なにーーーっ!!」と表示
　そこにプラスして　画面がグラグラッ

　キャラが大声を出しように見えます！
　やったー　演出成功ー
　そのときドドーン！と効果音をつけてさらに大声感アップ！
　天才ぞ、我ら？

※BGMや効果音もフリー無料素材で探すことができます。『魔王魂』『DOVA-SYNDROME』『効果音ラボ』などが有名

　「漫符」(まんぷ)とは
・ヒラメキを得たキャラの頭上に光る電球
・頭にデカい水滴を描いて冷や汗タラー
などのマンガ的記号の総称です。
　漫符のみのフリー素材も多数あります。gifでちょっとアニメーションするモノもありますね。

ちゃちゃっとできるモノでもこんなにありましたね！
小手先テクニック！

おわりに

　以上、画力やプログラムへの理解がなくてもすぐ実践できる小手先アイディアでした！
　そしてすでに長くなったので『実践編』は次回！
　ペイントソフト一切使ったことないみんなと握手！
(私と握手しないで、クリスタ公式とかみてどんどん上達してもいいのよ…)

さらにおまけ　わたしの作ったゲーム(見てって♡)

　趣味でゲームを作っております。

『悪魔の棲むアプリ』以外もこんなのあります。
　無料で遊べるので良かったら触ってみてください。

画像をクリックするとDLページへ。

街ブラお買い物ゲーム・エログロなし全年齢バカゲーとなっております
　定期テスト明けの女の子が地元をブラブラ、お昼ご飯を買い物して食卓に着いたらゴール！
　マップを移動するたびに時間が経過、13:00までにランチにしないとなぜかゾンビになる！へーきへーき！食べればへーき！
　マルチエンド、一周ルートにより10～30分。二週目以降攻略支援機能(完全ネタバレ攻略記事が閲覧できます)あり。
　キミも自転車泥棒日本一の盗賊都市・マカタでスローライフ！

歴史家の卵の青年を待つのは、超積極的蛮族ギャル…!!
歴史に名高い「ゲルマン民族の大移動」に想を得たハイスピードセクシー世界史ロマン!!
　オローマ帝国の未来を憂える青年・タキトゥスは歴史家の卵。
　彼は退廃のオローマに喝を入れるすんごい歴史書を書くために、はるかなる地・ヤリマーニアへ。
　かの地の蛮族、ヤリ〇ン人は野蛮だが素朴で質実剛健な性質の者たちと聞く。異民族との交流は驚きに満ちて、えっちだった！

　ほぼ一本道！5分で読めるミニノベル3本にセクシー400年分が含まれています！(少年誌セクシー枠くらいのお色気度なので全年齢です)

　・ゲーム背景が分かる出発前パート(スキップ可)
　・3人のヒロインとの出会いと交流パート
　・トゥルーエンド(ミニノベル3本を読了で自動到達)
　・おまけモード
という内容です。

シンプルお買い物ゲーム！一番サクッと遊べます
主人公あかねがランチを選んで買う！　食べる！　それだけ！
ランチの組み合わせによってちょっと違う感想を言います！
シンプル＆ポップなお買い物ゲーム！
『テスオワ・昼タベール』の原型ですが、時間経過やシナリオ分岐はありません。

良かったら遊んでくださいねー