コメントアート別解説「装飾系コメントアート」

「コメントアート別解説「装飾系コメントアート」」の編集履歴(バックアップ)一覧はこちら

コメントアート別解説「装飾系コメントアート」」(2014/08/09 (土) 22:38:19) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

[[トップページ>コメントアートwiki トップページ]] ---- このページでは装飾系コメントアートを構成する際に ヒントとなる情報を載せていきます。 (この項では、以下必要に応じてコメントアートを「CA」と略記します。) &bold(){※解説は基礎編・知識編・制作編・実践編の内容を前提としています。} &bold(){ 分からない事項がございましたら、該当項目をご参照ください。 } &bold(){&sizex(6){◎目次}} #contents_line(sep=/) ---- *&bold(){&sizex(7){◆装飾系コメントアートの注意点}} **&bold(){&sizex(4){・&color(green){装飾する対象に極力被らせないようにする}}} コメントアート全体に言える事ですが、特に 飾る対象をコメントアートで見えなくさせてしまうのは本末転倒です。 できる限り主役を引き立たせるように配置しましょう **&bold(){&sizex(4){・&color(green){重くなりすぎないようにする}}} 装飾系CAは動画に投稿する機会が多い関係上、 他のジャンルのコメントアートよりも負荷による動画の カクツキの影響に注意する必要があります。 一度にあまり多くのコメント数を使用しないようにすることがベターです。 装飾系CAの場合、20コメント以上使用するケースはほとんと見られません。 (リサイズを多用している場合はもっと抑えた方が良い場合もあります。) *&bold(){&sizex(7){◆制作のヒント①}&sizex(5){―固定タイプの装飾CA}} 固定タイプの装飾CAを制作する際には主に &bold(){&sizex(4){・&color(orange){ 使用する文字を決める}}} &bold(){&sizex(4){・&color(orange){ 文字の配置を決める}}} &bold(){&sizex(4){・&color(orange){ 色を決める}}} &bold(){&sizex(4){・&color(orange){ 表示タイミングを決める}}} といったプロセスを踏みます。 **&bold(){&sizex(6){◎使用する文字について}} ***&bold(){&sizex(4){・&color(green){主に使用する文字の決定}}} 装飾コメントアートを作る際には、 まず、主に使いたい文字を決めるとよいでしょう。 &bold(){(ex)よく使用される装飾文字}  &bold(){&sizex(4){&color(#ff00ff){「ハート」} : 「♥ ♡ ღ ❤ ❥」など}}  &bold(){&sizex(4){&color(#ff00ff){「花」} : 「✿ ❀ ✲」など}}  &bold(){&sizex(4){&color(#ff00ff){「星」} : 「☆ ★ ✬ ✭ ✮ ✯ ✦ ✧」など}}  &bold(){&sizex(4){&color(#ff00ff){「音」} : 「♪ ♫ ♬」など}}  &bold(){&sizex(4){&color(#ff00ff){「天気」} : 「☃ ☂ ☀ ☁ ❄ ❉ ☽ ☾」など}}  &bold(){&sizex(4){&color(#ff00ff){「幾何学」} : 「□ ◯ ● ◎ △ ▼ ▲ ▽ ◆ ◇」など}}  &bold(){&sizex(4){&color(#ff00ff){「文字」} : 「㋐ ㋑ ㋒ Ⓐ Ⓑ Ⓒ ① ② ③」などの丸囲み文字}} 上記のような、主に使用する文字は &bold(){⇒動画全体のイメージ} &bold(){⇒楽曲全体のイメージ} &bold(){⇒装飾する対象から想像されるイメージ(キャラクターのイメージなど)} &bold(){⇒自身で表現したいイメージ} などを元に決定します。 ***&bold(){&sizex(4){・&color(green){CAの構成パーツとして使われる文字}}} コメントアート構成のパーツとして細かい部分の表現に 「キラキラ」した表現がよく使用されます。 AAなどで使われている表現を取り入れたものです。 よく使用される文字:&bold(){&sizex(4){「。 . ・ * + + : ゚」}} 上記の文字を組み合わせて使用します。 「゚+・。*.。・*:゚ 。・*:゚:*゚・+。」などといった感じです。 **&bold(){&sizex(6){◎配置のパターン}} ***&bold(){&sizex(4){・&color(green){丸枠タイプ}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=4.3%E4%B8%B8%E6%9E%A0%E5%9E%8B.png,width=327,height=260)||&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=16.9%E4%B8%B8%E6%9E%A0%E5%9E%8B.png,width=404,height=260)| &bold(){動画の周囲を囲うようにして配置する方法}です。 装飾する対象が動画の中央にあることが条件となります。 装飾コメントアートの基本的な配置パターンであり、汎用性がききます。 ***&bold(){&sizex(4){・&color(green){ワンポイントタイプ}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=4.3%E3%83%AF%E3%83%B3%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E5%9E%8B.png,width=327,height=260)||&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=16.9%E3%83%AF%E3%83%B3%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E5%9E%8B.png,width=404,height=260)| &bold(){動画の周縁、あるいは中央などの空きスペースに配置する方法}です。 動画の動きに即してバランスを取りながら配置する事になるため、 投稿先の動画専用コメントアートとして制作される事が多い傾向にあります。 ***&bold(){&sizex(4){・&color(green){中抜きタイプ}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=4.3%E4%B8%AD%E6%8A%9C%E3%81%8D%E5%9E%8B.png,width=327,height=260)||&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=16.9%E4%B8%AD%E6%8A%9C%E3%81%8D%E5%9E%8B.png,width=404,height=260)| &bold(){中心のみ動画が見えるようにした配置方法}です。 装飾する対象を強調できるメリットがありますが、 動画の大部分をコメントアートで隠してしまうことになるため、 投稿する場面には注意が必要です。 **&bold(){&sizex(6){◎色彩}} 基本的には歌詞系コメントアートの項での解説と同じとなりますが、 装飾という性質上比較的華やかな、パステル調の色彩が用いられることが多いです。 &bold(){&sizex(3){※&color(blue){12色の色相環図}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=41&file=%E8%89%B2%E7%92%B0%E5%9B%B3.png,width=300,height=300) &bold(){&sizex(3){※&color(blue){明度と彩度}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=41&file=%E6%98%8E%E5%BA%A6%EF%BC%86%E5%BD%A9%E5%BA%A6.png,width=400,height=320) &bold(){&sizex(4){・&color(green){色彩の決定方法}}} &bold(){⇒装飾対象のイメージなどから連想} &bold(){⇒動画背景との調和を優先} &bold(){⇒動画に対し、コメントアートをどの程度目立たせるか} &bold(){ (背景色に応じて、彩度を調整する。)} **&bold(){&sizex(6){◎表示タイミング}} ***&bold(){&sizex(4){・&color(green){一括表示}}} &bold(){コメントを全て一度に表示する方法}です。 一般的にはこの方法で表示させる事になります。 ***&bold(){&sizex(4){・&color(green){時間差表示}}} &bold(){タイミングをずらしながら投稿していく方法}です。 動画や音の動きに合わせて徐々に表示させることで、 一括表示形式とまた違った印象を持たせることができます。 また、一度に表示すると重くなる可能性のあるコメント(二重リサイズ)でも 時間差表示とすることで表示の際の負荷を軽減できる事があります。 *&bold(){&sizex(7){◆制作のヒント②―流れるタイプの装飾CA}} 「naka」コメント(通常の流れるコメント)を利用して、 様々なを視覚効果を生み出すコメントアート。 **&bold(){&sizex(6){◎構成のパターン}} ***&bold(){&sizex(4){・&color(green){積み上げタイプ}}} コメントを積み上げて弾幕を構成するタイプ。 サイズの違いによって遠近感を出すことができるメリットがありますが、 他のコメントによって崩壊する危険が大きいという欠点もあります。 ***&bold(){&sizex(4){・&color(green){高さ固定タイプ}}} 高さ固定コメント(big16行・small38行)を使用するタイプ。 積み上げ型と異なり、常に同じ位置に表示させることが可能です。 ***&bold(){&sizex(4){・&color(green){ランダムタイプ}}} 複数の改行コメントをランダムに投稿するタイプ。 故意に弾幕モード化させることで視聴のたびに異なった配置とすることができます。 他の視聴者コメントとの共存性が高く、一般的な弾幕表現として広く用いられます。 *&bold(){&sizex(7){◆制作のヒント③}&sizex(5){―装飾コメントアート紹介}} 以上のようなパターンを踏まえて、 装飾コメントアートの具体的な例を紹介いたします。 &bold(){&color(red){(注意事項)}} &bold(){※画像は全てNP4のもの。(Qwatchプレイヤー中画面に相当)} &bold(){※コメントアートの名称は見た目の特徴などで呼称しているため、以下の名称が正式ということではない。} **&bold(){&sizex(6){◎ハート}} 代表的な装飾コメントアートの1つ。 主に飾りたい対象の周りを囲うようにして作る。 囲っているコメントがハートの形になっている事。 &bold(){&sizex(4){※&color(blue){「big通常サイズのハート」}}} ⇒最もポピュラーなハートCA。  比較的少ないコメント数で作ることができるため、汎用性が高い。 &bold(){・8段ハート} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=8%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) &bold(){・7段ハート} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=7%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) &bold(){&sizex(4){※&color(blue){装飾ハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=8%E3%83%8F%E3%83%BC%E3%83%88%E8%A3%85%E9%A3%BE%E4%BB%98.png,width=404,height=231) ⇒ハートの外側に更に装飾を施す。結果として中抜き型の配置となることが多い。 &bold(){&sizex(4){※&color(blue){フレームハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E4%BB%98%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) ⇒フレームCAと組み合わせる &bold(){&sizex(4){※&color(blue){時間差表示潜り込みハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E6%BD%9C%E3%82%8A%E8%BE%BC%E3%81%BF%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ⇒レイヤー順と潜り込みを利用し、上から順番に色が変わっていくように見せる。 &bold(){&sizex(4){※&color(blue){インターレースハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%AC%E3%83%BC%E3%82%B9%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) ⇒「ue」と「shita」の重ね合わせをわざとずらす事により、  行間の隙間を埋め、よりハート形に近づけたコメントアート。 &bold(){&sizex(4){※&color(blue){クロックハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%AF%E3%83%AD%E3%83%83%E3%82%AF%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ⇒ハートの軌跡を描くコメントアート。 **&bold(){&sizex(6){◎固定装飾CA}} 代表的な装飾コメントアートの1つ。 ハートのように装飾対象の周りを取り囲むようにして作る形式が主流。 厳密にはハートも固定装飾CAに分類される。 &bold(){&sizex(4){※&color(blue){花装飾CA}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E8%8A%B1%E8%A3%85%E9%A3%BE.png,width=404,height=231) &bold(){&sizex(4){※&color(blue){星装飾CA}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E6%98%9F%E8%A3%85%E9%A3%BE.png,width=327,height=231) **&bold(){&sizex(6){◎回転ハート}} 高さ固定型のnakaコメントアート。 代表的な装飾コメントアートの1つ。 &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E5%9B%9E%E8%BB%A2%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ハートを縦に分割し、その分だけ追いこしコメントをつくる &bold(){&sizex(4){※&color(blue){回転射抜きハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E5%9B%9E%E8%BB%A2%E5%B0%84%E6%8A%9C%E3%81%8D%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ⇒回転ハートの中心に矢などを通す。 **&bold(){&sizex(6){◎大回転}} 積み上げ型のnakaコメントアート。 速度の調整により大きく回転しているように錯覚させる&bold(){&color(orange){トリックCA。}} **&bold(){&sizex(6){◎装飾弾幕}} ランダム型のnakaコメントアート。 タイミング、弾幕の密度調整によって様々な場面に対応出来る。 特にニコニコ生放送で人気のコメントアート。 **&bold(){&sizex(6){◎フレーム}} &bold(){&sizex(4){※&color(blue){上下フレーム}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0.png,width=327,height=231) ⇒画面の上下に装飾を施すコメントアート。  主に、4:3表示で16:9の動画を再生する時につく  上下の黒帯スペースを使用して投稿される。 &bold(){&sizex(4){※&color(blue){四辺フレーム}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E5%9B%9B%E8%BE%BA%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0.png,width=404,height=231) ⇒画面の枠組みを方形にとり囲むようにして作る装飾CA。 &bold(){&sizex(4){※&color(blue){スリットフレーム}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%AA%E3%83%83%E3%83%88%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0.gif,width=327,height=231)|&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%AA%E3%83%83%E3%83%88%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E9%BB%84%E6%9E%A0.gif,width=327,height=231)| ⇒画面の黒帯と潜り込みを利用したコメントアート。  隙間のあけたnakaコメントを流す事によって、  隠れたコメントが点滅しているように見せることができる。 **&bold(){&sizex(6){◎プロフィール(ネーム)}} &bold(){・プロフィール(枠型)} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%28%E6%9E%A0%E5%9E%8B%29.png,width=404,height=231) キャラクターのネーム・ステータスなどを表示させるコメントアート。 固定装飾CAやフレームなどと組み合わせて作られる。 **&bold(){&sizex(6){◎タイトル}} &bold(){・タイトル(ワンポイント型)} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%28%E3%83%AF%E3%83%B3%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E5%9E%8B%29.png,width=327,height=231) 動画のタイトル、または使用曲のタイトルを表示させる。 楽曲の構造に合わせてイントロ部などに投稿される。 **&bold(){&sizex(6){◎オープニング&エンドロール}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%A8%E3%83%B3%E3%83%89%E3%83%AD%E3%83%BC%E3%83%AB.png,width=327,height=231) スタッフ等を表示させる。 いかに自然に見せるかが勝負。 **&bold(){&sizex(6){◎装飾トレース}} 動画内の動きに連動させたコメントア-ト。 トレースの方法により「軌跡トレース」と 「疑似トレース」の2種類に分類される。 &bold(){&sizex(4){※&color(blue){軌跡トレース}}} ⇒対象の動きの位置を細かなところまで忠実になぞる方法。 &bold(){&sizex(4){※&color(blue){疑似トレース}}} ⇒対象の動きをイメージとしてとらえ、  その大まかな動きをコメントアート表示に落とし込む方法。 **&bold(){&sizex(6){◎スペリング}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%9A%E3%83%AA%E3%83%B3%E3%82%B0.png,width=327,height=231) 「●」またはブロック文字等を用いて 文字を作るコメントアート。 主にnakaコメントで投稿される。 &bold(){&sizex(4){※&color(blue){スペリング文字変化}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%9A%E3%83%AA%E3%83%B3%E3%82%B0%E6%96%87%E5%AD%97%E5%A4%89%E5%8C%96.gif,width=327,height=231) ⇒nakaコメントで流れている間、  文字を変化させるコメントアート。 **&bold(){&sizex(6){◎ネオン}} 時間差で積み上げて文字(スペリングCAなど)を表示させるコメントアート。 ---- &bold(){&sizex(4){・[[コメントアート別解説「歌詞系コメントアート」]]}} [[トップページ>コメントアートwiki トップページ]]
[[トップページ>コメントアートwiki トップページ]] ---- このページでは装飾系コメントアートを構成する際に ヒントとなる情報を載せていきます。 (この項では、以下必要に応じてコメントアートを「CA」と略記します。) &bold(){※解説は基礎編・知識編・制作編・実践編の内容を前提としています。} &bold(){ 分からない事項がございましたら、該当項目をご参照ください。 } &bold(){&sizex(6){◎目次}} #contents_line(sep=/) ---- *&bold(){&sizex(7){◆装飾系コメントアートの注意点}} **&bold(){&sizex(4){・&color(green){装飾する対象に極力被らせないようにする}}} コメントアート全体に言える事ですが、特に 飾る対象をコメントアートで見えなくさせてしまうのは本末転倒です。 できる限り主役を引き立たせるように配置しましょう **&bold(){&sizex(4){・&color(green){重くなりすぎないようにする}}} 装飾系CAは動画に投稿する機会が多い関係上、 他のジャンルのコメントアートよりも負荷による動画の カクツキの影響に注意する必要があります。 一度にあまり多くのコメント数を使用しないようにすることがベターです。 装飾系CAの場合、20コメント以上使用するケースはほとんと見られません。 (リサイズを多用している場合はもっと抑えた方が良い場合もあります。) *&bold(){&sizex(7){◆制作のヒント①}&sizex(5){―固定タイプの装飾CA}} 固定タイプの装飾CAを制作する際には主に &bold(){&sizex(4){・&color(orange){ 使用する文字を決める}}} &bold(){&sizex(4){・&color(orange){ 文字の配置を決める}}} &bold(){&sizex(4){・&color(orange){ 色を決める}}} &bold(){&sizex(4){・&color(orange){ 表示タイミングを決める}}} といったプロセスを踏みます。 **&bold(){&sizex(6){◎使用する文字について}} ***&bold(){&sizex(4){・&color(green){主に使用する文字の決定}}} 装飾コメントアートを作る際には、 まず、主に使いたい文字を決めるとよいでしょう。 &bold(){(ex)よく使用される装飾文字}  &bold(){&sizex(4){&color(#ff00ff){「ハート」} : 「♥ ♡ ღ ❤ ❥」など}}  &bold(){&sizex(4){&color(#ff00ff){「花」} : 「✿ ❀ ✲」など}}  &bold(){&sizex(4){&color(#ff00ff){「星」} : 「☆ ★ ✬ ✭ ✮ ✯ ✦ ✧」など}}  &bold(){&sizex(4){&color(#ff00ff){「音」} : 「♪ ♫ ♬」など}}  &bold(){&sizex(4){&color(#ff00ff){「天気」} : 「☃ ☂ ☀ ☁ ❄ ❉ ☽ ☾」など}}  &bold(){&sizex(4){&color(#ff00ff){「幾何学」} : 「□ ◯ ● ◎ △ ▼ ▲ ▽ ◆ ◇」など}}  &bold(){&sizex(4){&color(#ff00ff){「文字」} : 「㋐ ㋑ ㋒ Ⓐ Ⓑ Ⓒ ① ② ③」などの丸囲み文字}} 上記のような、主に使用する文字は &bold(){⇒動画全体のイメージ} &bold(){⇒楽曲全体のイメージ} &bold(){⇒装飾する対象から想像されるイメージ(キャラクターのイメージなど)} &bold(){⇒自身で表現したいイメージ} などを元に決定します。 ***&bold(){&sizex(4){・&color(green){CAの構成パーツとして使われる文字}}} コメントアート構成のパーツとして細かい部分の表現に 「キラキラ」した表現がよく使用されます。 AAなどで使われている表現を取り入れたものです。 よく使用される文字:&bold(){&sizex(4){「。 . ・ * + + : ゚」}} 上記の文字を組み合わせて使用します。 「゚+・。*.。・*:゚ 。・*:゚:*゚・+。」などといった感じです。 **&bold(){&sizex(6){◎配置のパターン}} ***&bold(){&sizex(4){・&color(green){丸枠タイプ}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=4.3%E4%B8%B8%E6%9E%A0%E5%9E%8B.png,width=327,height=260)||&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=16.9%E4%B8%B8%E6%9E%A0%E5%9E%8B.png,width=404,height=260)| &bold(){動画の周囲を囲うようにして配置する方法}です。 装飾する対象が動画の中央にあることが条件となります。 装飾コメントアートの基本的な配置パターンであり、汎用性がききます。 ***&bold(){&sizex(4){・&color(green){ワンポイントタイプ}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=4.3%E3%83%AF%E3%83%B3%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E5%9E%8B.png,width=327,height=260)||&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=16.9%E3%83%AF%E3%83%B3%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E5%9E%8B.png,width=404,height=260)| &bold(){動画の周縁、あるいは中央などの空きスペースに配置する方法}です。 動画の動きに即してバランスを取りながら配置する事になるため、 投稿先の動画専用コメントアートとして制作される事が多い傾向にあります。 ***&bold(){&sizex(4){・&color(green){中抜きタイプ}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=4.3%E4%B8%AD%E6%8A%9C%E3%81%8D%E5%9E%8B.png,width=327,height=260)||&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=16.9%E4%B8%AD%E6%8A%9C%E3%81%8D%E5%9E%8B.png,width=404,height=260)| &bold(){中心のみ動画が見えるようにした配置方法}です。 装飾する対象を強調できるメリットがありますが、 動画の大部分をコメントアートで隠してしまうことになるため、 投稿する場面には注意が必要です。 **&bold(){&sizex(6){◎色彩}} 基本的には歌詞系コメントアートの項での解説と同じとなりますが、 装飾という性質上比較的華やかな、パステル調の色彩が用いられることが多いです。 &bold(){&sizex(3){※&color(blue){12色の色相環図}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=41&file=%E8%89%B2%E7%92%B0%E5%9B%B3.png,width=300,height=300) &bold(){&sizex(3){※&color(blue){明度と彩度}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=41&file=%E6%98%8E%E5%BA%A6%EF%BC%86%E5%BD%A9%E5%BA%A6.png,width=400,height=320) &bold(){&sizex(4){・&color(green){色彩の決定方法}}} &bold(){⇒装飾対象のイメージなどから連想} &bold(){⇒動画背景との調和を優先} &bold(){⇒動画に対し、コメントアートをどの程度目立たせるか} &bold(){ (背景色に応じて、彩度を調整する。)} **&bold(){&sizex(6){◎表示タイミング}} ***&bold(){&sizex(4){・&color(green){一括表示}}} &bold(){コメントを全て一度に表示する方法}です。 一般的にはこの方法で表示させる事になります。 ***&bold(){&sizex(4){・&color(green){時間差表示}}} &bold(){タイミングをずらしながら投稿していく方法}です。 動画や音の動きに合わせて徐々に表示させることで、 一括表示形式とまた違った印象を持たせることができます。 また、一度に表示すると重くなる可能性のあるコメント(二重リサイズ)でも 時間差表示とすることで表示の際の負荷を軽減できる事があります。 *&bold(){&sizex(7){◆制作のヒント②―流れるタイプの装飾CA}} 「naka」コメント(通常の流れるコメント)を利用して、 様々なを視覚効果を生み出すコメントアート。 **&bold(){&sizex(6){◎構成のパターン}} ***&bold(){&sizex(4){・&color(green){積み上げタイプ}}} コメントを積み上げて弾幕を構成するタイプ。 サイズの違いによって遠近感を出すことができるメリットがありますが、 他のコメントによって崩壊する危険が大きいという欠点もあります。 ***&bold(){&sizex(4){・&color(green){高さ固定タイプ}}} 高さ固定コメント(big16行・small38行)を使用するタイプ。 積み上げ型と異なり、常に同じ位置に表示させることが可能です。 ***&bold(){&sizex(4){・&color(green){ランダムタイプ}}} 複数の改行コメントをランダムに投稿するタイプ。 故意に弾幕モード化させることで視聴のたびに異なった配置とすることができます。 他の視聴者コメントとの共存性が高く、一般的な弾幕表現として広く用いられます。 *&bold(){&sizex(7){◆制作のヒント③}&sizex(5){―装飾コメントアート紹介}} 以上のようなパターンを踏まえて、 装飾コメントアートの具体的な例を紹介いたします。 &bold(){&color(red){(注意事項)}} &bold(){※画像は全てNP4のもの。(Qwatchプレイヤー中画面に相当)} &bold(){※コメントアートの名称は見た目の特徴などで呼称しているため、以下の名称が正式ということではない。} **&bold(){&sizex(6){◎ハート}} 代表的な装飾コメントアートの1つ。 主に飾りたい対象の周りを囲うようにして作る。 囲っているコメントがハートの形になっている事。 &bold(){&sizex(4){※&color(blue){「big通常サイズのハート」}}} ⇒最もポピュラーなハートCA。  比較的少ないコメント数で作ることができるため、汎用性が高い。 &bold(){・8段ハート} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=8%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) &bold(){・7段ハート} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=7%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) &bold(){&sizex(4){※&color(blue){装飾ハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=8%E3%83%8F%E3%83%BC%E3%83%88%E8%A3%85%E9%A3%BE%E4%BB%98.png,width=404,height=231) ⇒ハートの外側に更に装飾を施す。結果として中抜き型の配置となることが多い。 &bold(){&sizex(4){※&color(blue){フレームハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E4%BB%98%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) ⇒フレームCAと組み合わせる &bold(){&sizex(4){※&color(blue){時間差表示潜り込みハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E6%BD%9C%E3%82%8A%E8%BE%BC%E3%81%BF%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ⇒レイヤー順と潜り込みを利用し、上から順番に色が変わっていくように見せる。 &bold(){&sizex(4){※&color(blue){インターレースハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%AC%E3%83%BC%E3%82%B9%E3%83%8F%E3%83%BC%E3%83%88.png,width=327,height=231) ⇒「ue」と「shita」の重ね合わせをわざとずらす事により、  行間の隙間を埋め、よりハート形に近づけたコメントアート。 &bold(){&sizex(4){※&color(blue){クロックハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%AF%E3%83%AD%E3%83%83%E3%82%AF%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ⇒ハートの軌跡を描くコメントアート。 **&bold(){&sizex(6){◎固定装飾CA}} 代表的な装飾コメントアートの1つ。 ハートのように装飾対象の周りを取り囲むようにして作る形式が主流。 厳密にはハートも固定装飾CAに分類される。 &bold(){&sizex(4){※&color(blue){花装飾CA}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E8%8A%B1%E8%A3%85%E9%A3%BE.png,width=404,height=231) &bold(){&sizex(4){※&color(blue){星装飾CA}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E6%98%9F%E8%A3%85%E9%A3%BE.png,width=327,height=231) **&bold(){&sizex(6){◎回転ハート}} 高さ固定型のnakaコメントアート。 代表的な装飾コメントアートの1つ。 &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E5%9B%9E%E8%BB%A2%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ハートを縦に分割し、その分だけ追いこしコメントをつくる &bold(){&sizex(4){※&color(blue){回転射抜きハート}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E5%9B%9E%E8%BB%A2%E5%B0%84%E6%8A%9C%E3%81%8D%E3%83%8F%E3%83%BC%E3%83%88.gif,width=327,height=231) ⇒回転ハートの中心に矢などを通す。 **&bold(){&sizex(6){◎大回転}} 積み上げ型のnakaコメントアート。 速度の調整により大きく回転しているように錯覚させる&bold(){&color(orange){トリックCA。}} **&bold(){&sizex(6){◎装飾弾幕}} ランダム型のnakaコメントアート。 タイミング、弾幕の密度調整によって様々な場面に対応出来る。 特にニコニコ生放送で人気のコメントアート。 **&bold(){&sizex(6){◎フレーム}} &bold(){&sizex(4){※&color(blue){上下フレーム}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0.png,width=327,height=231) ⇒画面の上下に装飾を施すコメントアート。  主に、4:3表示で16:9の動画を再生する時につく  上下の黒帯スペースを使用して投稿される。 &bold(){&sizex(4){※&color(blue){四辺フレーム}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E5%9B%9B%E8%BE%BA%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0.png,width=404,height=231) ⇒画面の枠組みを方形にとり囲むようにして作る装飾CA。 &bold(){&sizex(4){※&color(blue){スリットフレーム}}} |&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%AA%E3%83%83%E3%83%88%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0.gif,width=327,height=231)|&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%AA%E3%83%83%E3%83%88%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E9%BB%84%E6%9E%A0.gif,width=327,height=231)| ⇒画面の黒帯と潜り込みを利用したコメントアート。  隙間をあけたnakaコメントを流す事によって、  隠れたコメントが点滅しているように見せることができる。 **&bold(){&sizex(6){◎プロフィール(ネーム)}} &bold(){・プロフィール(枠型)} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%28%E6%9E%A0%E5%9E%8B%29.png,width=404,height=231) キャラクターのネーム・ステータスなどを表示させるコメントアート。 固定装飾CAやフレームなどと組み合わせて作られる。 **&bold(){&sizex(6){◎タイトル}} &bold(){・タイトル(ワンポイント型)} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%28%E3%83%AF%E3%83%B3%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E5%9E%8B%29.png,width=327,height=231) 動画のタイトル、または使用曲のタイトルを表示させる。 楽曲の構造に合わせてイントロ部などに投稿される。 **&bold(){&sizex(6){◎オープニング&エンドロール}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%A8%E3%83%B3%E3%83%89%E3%83%AD%E3%83%BC%E3%83%AB.png,width=327,height=231) スタッフ等を表示させる。 いかに自然に見せるかが勝負。 **&bold(){&sizex(6){◎装飾トレース}} 動画内の動きに連動させたコメントア-ト。 トレースの方法により「軌跡トレース」と 「疑似トレース」の2種類に分類される。 &bold(){&sizex(4){※&color(blue){軌跡トレース}}} ⇒対象の動きの位置を細かなところまで忠実になぞる方法。 &bold(){&sizex(4){※&color(blue){疑似トレース}}} ⇒対象の動きをイメージとしてとらえ、  その大まかな動きをコメントアート表示に落とし込む方法。 **&bold(){&sizex(6){◎スペリング}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%9A%E3%83%AA%E3%83%B3%E3%82%B0.png,width=327,height=231) 「●」またはブロック文字等を用いて 文字を作るコメントアート。 主にnakaコメントで投稿される。 &bold(){&sizex(4){※&color(blue){スペリング文字変化}}} &blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=42&file=%E3%82%B9%E3%83%9A%E3%83%AA%E3%83%B3%E3%82%B0%E6%96%87%E5%AD%97%E5%A4%89%E5%8C%96.gif,width=327,height=231) ⇒nakaコメントで流れている間、  文字を変化させるコメントアート。 **&bold(){&sizex(6){◎ネオン}} 時間差で積み上げて文字(スペリングCAなど)を表示させるコメントアート。 ---- &bold(){&sizex(4){・[[コメントアート別解説「歌詞系コメントアート」]]}} [[トップページ>コメントアートwiki トップページ]]

表示オプション

横に並べて表示:
変化行の前後のみ表示:
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。