テキスト付CGの文字の付け方考え中②
テキスト付きCGの設定の続き
前回の記事へのコメント助かります、ありがとうございました♪
で、今回もテキスト付きCGの設定の件の続きです。
ご意見は結構割れましたね…(´▽`;
やっぱりモニタなどの環境の影響も大きいので難しい部分ですね。
どこに主眼を置くか
まずはここをはっきりさせておくべきでしたね。
今テキスト付きCGにする予定のものとしては、以下の二つです。
① 公開したカラーラフのおまけ差分として
② ノベルゲームのおまけとして
(本編そのままのテキストを使ったダイジェスト版のようなもの)
①に関してはマンガ風表現などどのような形でも良いのですが、②はやっぱり小説的に文字を見せたい気持ちが強いですね。
文字優先にしながらもCGも同時に見せたいがために色々試してみているのですが、あまりその点に注力するとどっちつかずで両方マイナスになってしまうかもしれませんね…。
やっぱり基本は全面縦書きかな?
コメントでいただきましたテキストボックスタイプ、メッセージウインドウタイプ、横書き等も試してみました。
読みやすさ的には良さそうではあるものの一長一短ありますね。
特に作る予定のもののテキスト量が多いのが問題で、枚数がかさみすぎになってしまうのが厳しいところで…。
結局最初に戻ってしまうのですが、小説的にしたいならやっぱり全面縦書きがベストかな…。
【一行22文字、バック黒不透明度40%】
サンプルに使っているのは全部パックに入れる予定のものです。
実際に付ける文字をちゃんと書いてみてテスト。
一枚に対する文章量としてはだいたいこのくらいはある感じですね。
文字数は調整して22文字にしてあります。
フォントは前回の教科書体が柔らかい感じで唯に合ってるかと思ったのですが、ちょい読みにくい気もしたので普通の明朝に。
まあ一時間どころか夕方までこのままなのですがw(´▽`)ゲス顔
文字無し一枚絵を挟むパターン
上のを基本にして、あとはどうするか。
コメントで頂いた”文字無し一枚絵を挟む”という手も良いでしょうか。
これだとどっちつかずにならず、文字は見やすく小説的な感じで表示できて、CGはCGでフルで見せることができますね。
試しに最初に文字無し一枚絵を入れてその後文字有りを配置してみました。
このままブラウザで画像を表示させて方向キーとかで動かしていただくと、画像ビューアーで見ている感じになるかな。
【文字無し+文字有りセット】
文字有り何枚かに対して文字無しが一枚が挟まる感じになるかと思います。
読むのを中断されるのがやはり気になったのですが、こうして連続で表示させてみるとむしろずっと文字有りが続くよりも小休止にもなって良いかもしれないですね(´▽`)
文字の配置を変える
”背景バック黒は全面に入れてCGの顔の部分だけ文字を避ける”、”文字の上だけバック黒を入れる”、等の文字の配置を弄る系はやるかどうかという点です。
どうせならやるなら、顔の部分だけ避けるよりも文字の上だけバック黒を入れるタイプでしょうか。
手間的にはそれほど面倒ではない感じです。
一枚の文字数は半分~三分の一くらいに減るのでその分枚数が増えますね。
【文字無し+文字部分だけ黒55%セット】
これだと見せたいところを自由に見せられますが…。
一枚だけ見るとこれも良さげな感じだったのですが、連続で表示させていくとさすがに文字がぽんぽん左右に動いて文章に集中できないかな…?(´▽`;
あとは文字のフチなどの設定
唯が普通の感情の時は青~緑系、エロ寄りの気持ちになったらピンク系──というのを考えているのですが、そのあたりもどれが見やすいか再確認。
【フチ無し】
試しにフチが無いのも。
【フチぼかしピンク】
上でアップしたのと同じものです。
【フチぼかし青緑】
正常な時の唯。
ちなみにこの文章だとエロ寄りではないのでこっちの色の予定。
ずっとピンクなのもアレかと思って感情で変えようとしているのですが、色変えは別にしなくてもいいのかな?
【フチぼかし黒】
試しに黒も。
はっきりはするけど重いかな?
コントラストが強くて疲れる?
【フチ無し、バック黒65%】
文字を読むことを重視するならこのくらいもあり?
ノベルゲーム画面寄りですね。
文字無しCG挟むならこれもありかもしれませんが、モニタによっては真っ黒になっちゃうかな。
【フチ無し、バックピンク】
試しに色をつけてみましたが意外と見やすい?
でもずっとこれが続くとなると疲れるかな?
色々やってみましたが
色々やってみましたが、上の【文字無し+文字有りセット】あたりが小説重視としては良さそうかな…?
ほんとまあこういうところで時間使っちゃって制作が進まない人で申し訳ない…(´ー`;
また良い案などありましたらコメントいただけると嬉しいです♪
※追記:
自分でスマホでも確認するためのお試しアップです。
バックを黒じゃなくてグレーにするとコントラストが下がって文字の可読性上がると教えていただいのでお試し。
【黒、40%】
【明度+10黒、45%】
【明度+20黒、50%】
【明度+30黒、55%】
確かに見やすくなるかもですね。
唯の髪の部分など黒でつぶれてしまっていたところなんかもマイルドになるし(´▽`)
※さらに追記:
ぼかしフチの設定調整&比較
【黒フチ、透過度70%】
【明度+20黒フチ、透過度70%】
【明度+20黒フチ、ぼかし広めに、透過度80%】
【赤系おためし1】
【赤系おためし2】
【赤系おためし3】