気ままにニコライフ

アクセスカウンタ

zoom RSS 背景埋没注意報!

<<   作成日時 : 2018/03/03 23:08   >>

ナイス ブログ気持玉 1 / トラックバック 0 / コメント 0

凝りすぎると危険だぞ!

新作です(`・ω・´)

画像


カードキャプターさくらクリアカード編より
木之本桜さんとケロちゃんです。

前作から18年もの歳月を経て今年の1月から
続編が放送されていますね!
当時のスタッフ・声優さんが
ほぼそのまま再登板されており、往年のファンは
まさに「生きててよかった」という心境でしょう。

私は元々はアニメではなく原作コミックを見ていたのですが、
アニメのほうもいつだかの再放送で視聴していたので
懐かしい気持ちなのは同じ(・∀・)
(ちなみにCCさくらの前番組だった「あずきちゃん」も
アニメではなくコミック派でしたw)

※元絵
画像

もうとにかくさくらちゃんが可愛い!
知世ちゃん尊い!
小狼やけにイケメンになってる!
ケロちゃんまったく変わってないすごい!

とまあ、そんな感じで
毎週楽しんで見ています(・∀・)


今回はそんなさくらちゃんとケロちゃんを
コメントアート化。
元絵には小学生のさくらちゃんもいますが
コメント数の関係で割愛し、また、ケロちゃんの位置も
若干ずらしました。

仕様は前作キズナアイと同様に投稿者コメント70行。
最近のスタンダードサイズになりつつあります( ・3・)
これまでの38行だと顔部分のみ、よくてバストアップ程度の
サイズだったものが上半身全体を描画できるようになったので
そういった部分に面白みを感じている、のかもしれません。
情報量が多く、一日に1コメントのうち3行くらいしか
進めない日もあるほどですが、今のところは
心折れずに済んでいます^^;


技術的な部分は特に前作から変わった部分はありません。
むしろ今回はCAそのものより背景の方が
難しかったように思います。

画像

背景は元絵と同じような、
桜が舞う感じをイメージして作りました。
コメント数を計算した結果8コメントを
背景に費やせることがわかったので
その数に収まるよう構成したのですが、
桜吹雪をどのように配置するか、花びらコメントの
位置調整が難しかった。。。

最初は画面全体に花びらを舞わせてみたのですが、
思いの外背景が主張し、
キャラクターが埋没しているように見えてしまいました。
そういったことから密度が濃くなりすぎず、
かといって薄くなりすぎず、その上でキャラクターを
浮き立たせるように立体感を持たせつつ・・・
といった感じで細かく調整。。。

こういったことはflash時代には
あまり意識する必要はありませんでした( ・3・)
背景はコメントとは異なる描画で表示されるニワン語で
作っていたため、勝手にCAが浮き出て見えていたのです。
しかし現在のHTML5は背景部分も本体CAと
同じコメント描画で表現するため、色やサイズが重なると
背景と本体CAの境界線が曖昧になるリスクがあります。
これまではサイズを変えることで本体との差分を明確に
していたのですが、凝ったものを作ろうとすればするほど
本体CAとのバランスを意識する必要が出てくるでしょう。


今回は結果的に、画面左上から右下にかけて舞う
ピンク系の桜花びらと、キャラクターの周りを
回るように配置し立体感を演出する赤系の桜花びらの
2系統に落ち着きました。
特に赤系の花びらコメントは一部の花びらが
キャラクターの前に出てきている点がポイントです。
これはニワン語で背景を作っていた
flash時代には出来なかったこと。
先ほどのような埋没リスクはありますが
同時に新たな可能性もあるということですね(`・ω・´)

画像

そんな感じのさくら&ケロちゃんCA。
前作キズナアイのブログ記事は1月でしたが
制作自体は去年の年末だったので
このCAが2018年の初CAです。
制作開始は1月下旬だったと思うのですが、
色々時間が取れず完成まで1ヶ月以上かかってしまいました。
こんなに1枚のCAに時間をかけている人なんて
他にいませんよ(´・ω・`)

でもいくら時間がかかろうと完成すればいいのです。
それというのも、実は今回のCAはとある
CAイベントのために制作していました。



冬のCAイベントへの参加作品として
今回のCAをエントリーさせていただきました。
締切は3月4日。
なんとか間に合った!^^;

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 1
ナイス

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
背景埋没注意報! 気ままにニコライフ/BIGLOBEウェブリブログ
文字サイズ:       閉じる