「制作編Ⅰ【構成手順】」の編集履歴（バックアップ）一覧はこちら
「制作編Ⅰ【構成手順】」(2014/08/03 (日) 15:10:44) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){このページからはコメントアート制作に関する解説を行います。
まず最初の解説は「構成手順」。
特に複雑なコメントアートを制作する際には、
どのようにコメントを投稿するかが全体的な出来を左右します。
それでは早速見ていきましょう～。}
&bold(){※基礎編・知識編の内容を理解している事を前提として解説をさせていただきます。}
&bold(){ 分からない事項がございましたら、該当項目をご参照ください。}
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①レイヤーについて}}
コメントは「積み上げ」によりコメント同士が重ならないように表示されますが、
高さ固定や「ue」「shita」コマンドなどで画面上の同じ場所に表示させたコメントは
どのように表示されるでしょうか？
同じ場所に表示させたコメントも基本的に、あとから表示されるものが上に表示されます。
同時に投下されたコメントはコメ番があとのものが上に投下されます。
高さ固定で投稿されたコメントを見ると分かりやすいのですが、
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E9%A0%861.jpg,width=816,height=325)
この画像のように、上に積み重なっていきます。
ちょうど&bold(){&sizex(6){&color(orange){「レイヤー」(層)}}}のイメージを持つと分かりやすいでしょう。
重要なのは、高さ固定でない「積み上げ」のコメントでも
レイヤーのように順番に積み重なっているという点です。
例えば「ue」と「shita」で積み上げコメントを投稿した場合であっても、
4つのコメントの投稿順によってそれぞれ以下のような積み重なり方となります。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E9%A0%862.jpg,width=816,height=325)
この積み重なりの順番をコメントの&bold(){&sizex(5){&color(green){「レイヤー順」}}}と呼びます。
また、この積み重なりは、コマンドの違いは関係ありません。
&bold(){&sizex(5){「積み上げ」と意味合いを混同しないようご注意ください。}}
*&bold(){&sizex(7){②潜り込み(レイヤー補完)}}
表示順に積み重なったコメントですが、
&bold(){&sizex(5){積み重なったレイヤー順はコメントが表示されている間は変化しません。}}
どういう事かと言いますと。
時間差で表示した2つのコメントの一方が3秒後に消滅しても
残ったコメントは積み重なったレイヤー位置から動かないという事。
つまり、この3秒後の時点で残ったコメントは動画から浮いている状態になります。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%BD%9C%E3%82%8A%E8%BE%BC%E3%81%BF1.jpg,width=816,height=337)
この時に、新たなコメントを投稿するとどうなるでしょうか？
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%BD%9C%E3%82%8A%E8%BE%BC%E3%81%BF2.jpg,width=816,height=337)
コメントは空いていたレイヤー位置に配置されます。
隙間が空かないように補完されるのです。
この現象を&bold(){&sizex(6){&color(orange){「潜り込み」}}}と呼びます。
本来上に来るはずのコメントが下に表示される事からこの名がつきました。
潜り込みは「ue」「shita」「naka」といったコマンドに関わらず発生します。
流れているコメント(「naka」コメント)が多い場面で、「ue」「shita」などでの
重ね合わせなどのコメントを行うと、意図しない潜り込みが発生してしまう場合も
ありますので注意が必要です。
(そういった場合は、流れたコメントと同じ数だけ空白コメント等を投稿すれば
その分でレイヤーが埋まり、潜り込みが解消できる場合があります。)
潜り込みをコメントアートに利用するにはコメントのレイヤー順の把握が必要不可欠です。
実際使用する際には他の、&bold(){視聴者のコメント等の動きも加味する必要がある}ので
非常に難易度の高い技術となります。
*&bold(){&sizex(7){③コメントアート構成手順その1 ―コメントの選択―}}
コメントアートを構成したいと考えた時、
まずどこから構成を始めるべきでしょうか？
他のコメントが表示されていない状態からコメントアートを作ろうと考えた場合、
以下のような&bold(){&color(red){6種類のコメントの選択肢}が考えられます}。
&bold(){&sizex(4){・「ue」の積み上げコメント}}
&bold(){&sizex(4){・「ue」の高さ固定コメント}}
&bold(){&sizex(4){・「shita」の積み上げコメント}}
&bold(){&sizex(4){・「shita」の高さ固定コメント}}
&bold(){&sizex(4){・「naka」の積み上げコメント}}
&bold(){&sizex(4){・「naka」の高さ固定コメント}}
この通り各コマンド3種類に対し、積み上げコメントと高さ固定コメントという
2種類のコメントでよって計6種類となります。
各コマンドとコメントの種類については次のような特徴があります。
&bold(){「ue」：利用する人が少ないため比較的自由に使うことが出来るコマンド}
&bold(){「shita」：「ue」に比べてよくコメントされる。}
&bold(){ かつては「shita small green」が荒らしの代名詞でもあった。}
&bold(){「naka」：デフォルトのコマンド。誰でも気軽に投稿できる。}
&bold(){ よっぽど過疎っている動画でなければ積み上げコメントは避けるべき。}
&bold(){積み上げコメント：コメント位置やサイズを自由に調整することが出来る。}
&bold(){ ただし、他のコメントの干渉により崩れやすいという欠点を持つ。}
&bold(){ また、前に同コマンドの高さ固定コメントがあると投稿できない(必ず弾幕モード化する)。}
&bold(){高さ固定コメント：他のコメントによる干渉を受けない。}
&bold(){ ただし、位置やサイズの選択肢が限られてくるため、}
&bold(){ 積み上げコメント程の自由な調整が出来ない。}
&bold(){ 1コメントに必要な文字数が多くなるため、}
&bold(){ 大規模なコメントアートを構成するにはそれなりの手間がかかる。}
このような特徴を踏まえて6種類のコメントから手順を選択するわけですが、
&bold(){基本的な手順は}
&bold(){&sizex(6){&color(red){積み上げコメント}⇒&color(red){高さ固定コメント}}という流れになります。}
理由は以下の通りです。
&bold(){&sizex(4){①最初に高さ固定コメントを選択してしまうと}}
&bold(){&sizex(4){ その後同じコマンドでの積み上げコメントが投稿できなくなる}(弾幕モード化する)。}
&bold(){&sizex(4){②積み上げコメントの方がサイズ・位置を細かく調整できるため、}}
&bold(){&sizex(4){ いきなり高さ固定コメントを投稿するよりもコメントアートの自由度が高くなる。}}
動画の雰囲気やコメントの状態を見たうえで特に制約がない限りは
この基本の構成手順を踏まえてコメントアートを制作するようにするとよいでしょう。
ただし、この手順選択はあくまで基本的な流れです。
実際は&bold(){&sizex(4){&color(green){動画の状態により最適な手順をその都度その都度選択する}}}ことになります。
(例えば、&bold(){画面上下に一般コメントが多い場合は高さ固定コメントのみ選択した方が安全な場合もあります。})
コメントアート制作の際は
&bold(){&sizex(5){&color(red){動画の雰囲気とコメントの状態を把握した上で、}}}
&bold(){&sizex(5){&color(red){自分が表現したいコメントアートに応じて、}}}
&bold(){&sizex(5){&color(red){臨機応変に}}}手順を選択するとよいでしょう。
*&bold(){&sizex(7){④コメントアート構成手順その2 ―手順選択例―}}
&bold(){&sizex(6){(case1)「ハート」コメントアート}}
&bold(){&sizex(4){※「6段ハート」}}
&bold(){&sizex(4){&color(red){ 手順：「ue」積み上げコメント ⇒ 「shita」積み上げコメント}}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%A7%8B%E6%88%90%E6%89%8B%E9%A0%861%28%E3%83%8F%E3%83%BC%E3%83%88%29.jpg,width=675,height=325)
&bold(){&sizex(5){&color(green){基本的な形であるが、他のコメントによる干渉を受けやすい。}}}
&bold(){&sizex(6){(case2)「装飾」コメントアート}}
&bold(){&sizex(4){※「アーチ型装飾コメントアート」}}
&bold(){&sizex(4){&color(red){ 手順：「ue」積み上げコメント ⇒ 「shita」積み上げコメント ⇒ 「ue」高さ固定コメント}}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%A7%8B%E6%88%90%E6%89%8B%E9%A0%862%28%E3%82%A2%E3%83%BC%E3%83%81%29%E4%BF%AE%E6%AD%A3%E7%89%88.jpg,width=675,height=488)
&bold(){&sizex(5){&color(green){複雑な構造を持つコメントアートを構成する際は積み上げコメントと}}}
&bold(){&sizex(5){&color(green){高さ固定コメントをうまく組み合わせるとよい。}}}
&bold(){&sizex(6){(case3)「プロフィール」コメントアート}}
&bold(){&sizex(4){※「フレームプロフィール」}}
&bold(){&sizex(4){&color(red){ 手順：「ue」積み上げコメント ⇒ 「ue」高さ固定コメント}}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%A7%8B%E6%88%90%E6%89%8B%E9%A0%863%28%E3%83%97%E3%83%AD%E3%83%95%29.jpg,width=675,height=488)
&bold(){&sizex(5){&color(green){片方のコマンドのみでも積み上げコメントと高さ固定コメントの}}}
&bold(){&sizex(5){&color(green){組み合わせ次第で複雑な構成を行うことが出来る。}}}
&bold(){&sizex(5){&color(green){一方のコマンドが使われていた時でもそのコメントと干渉することなく投稿できる。}}}
&bold(){&sizex(6){(case4)「歌詞」コメントアート}}
&nicovideo(http://www.nicovideo.jp/watch/sm10433666){340,185}
※見やすいように「ue」コマンド・「shita」コマンドを色分けしています。
&bold(){&sizex(5){&color(green){時間差で表示するCA・字幕であっても}}}
&bold(){&sizex(5){&color(green){「積み上げコメント ⇒ 高さ固定コメント」の流れの繰り返しとなる。}}}
重ねて言いますが、
どの選択肢が間違いという事はなく、
&bold(){&sizex(5){&color(red){動画・コメント欄の状態に応じて手順を選択すること}}}が重要です。
----
&sizex(6){&bold(){next:}[[制作編Ⅱ【コメント位置調整】]]}
&bold(){prev:[[知識編Ⅶ【カラーコード】]]}
[[トップページ>コメントアートwiki トップページ]]
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){このページからはコメントアート制作に関する解説を行います。
まず最初の解説は「構成手順」。
特に複雑なコメントアートを制作する際には、
どのようにコメントを投稿するかが全体的な出来を左右します。
それでは早速見ていきましょう～。}
&bold(){※基礎編・知識編の内容を理解している事を前提として解説をさせていただきます。}
&bold(){ 分からない事項がございましたら、該当項目をご参照ください。}
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①レイヤーについて}}
コメントは「積み上げ」によりコメント同士が重ならないように表示されますが、
高さ固定や「ue」「shita」コマンドなどで画面上の同じ場所に表示させたコメントは
どのように表示されるでしょうか？
同じ場所に表示させたコメントも基本的に、あとから表示されるものが上に表示されます。
同時に投下されたコメントはコメ番があとのものが上に投下されます。
高さ固定で投稿されたコメントを見ると分かりやすいのですが、
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E9%A0%861.jpg,width=816,height=325)
この画像のように、上に積み重なっていきます。
ちょうど&bold(){&sizex(6){&color(orange){「レイヤー」(層)}}}のイメージを持つと分かりやすいでしょう。
重要なのは、高さ固定でない「積み上げ」のコメントでも
レイヤーのように順番に積み重なっているという点です。
例えば「ue」と「shita」で積み上げコメントを投稿した場合であっても、
4つのコメントの投稿順によってそれぞれ以下のような積み重なり方となります。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E9%A0%862.jpg,width=816,height=325)
この積み重なりの順番をコメントの&bold(){&sizex(5){&color(green){「レイヤー順」}}}と呼びます。
また、この積み重なりは、コマンドの違いは関係ありません。
&bold(){&sizex(5){「積み上げ」と意味合いを混同しないようご注意ください。}}
*&bold(){&sizex(7){②潜り込み(レイヤー補完)}}
表示順に積み重なったコメントですが、
&bold(){&sizex(5){積み重なったレイヤー順はコメントが表示されている間は変化しません。}}
どういう事かと言いますと。
時間差で表示した2つのコメントの一方が3秒後に消滅しても
残ったコメントは積み重なったレイヤー位置から動かないという事。
つまり、この3秒後の時点で残ったコメントは動画から浮いている状態になります。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%BD%9C%E3%82%8A%E8%BE%BC%E3%81%BF1.jpg,width=816,height=337)
この時に、新たなコメントを投稿するとどうなるでしょうか？
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%BD%9C%E3%82%8A%E8%BE%BC%E3%81%BF2.jpg,width=816,height=337)
コメントは空いていたレイヤー位置に配置されます。
隙間が空かないように補完されるのです。
この現象を&bold(){&sizex(6){&color(orange){「潜り込み」}}}と呼びます。
本来上に来るはずのコメントが下に表示される事からこの名がつきました。
潜り込みは「ue」「shita」「naka」といったコマンドに関わらず発生します。
流れているコメント(「naka」コメント)が多い場面で、「ue」「shita」などでの
重ね合わせなどのコメントを行うと、意図しない潜り込みが発生してしまう場合も
ありますので注意が必要です。
(そういった場合は、流れたコメントと同じ数だけ空白コメント等を投稿すれば
その分でレイヤーが埋まり、潜り込みが解消できる場合があります。)
潜り込みをコメントアートに利用するにはコメントのレイヤー順の把握が必要不可欠です。
実際使用する際には他の、&bold(){視聴者のコメント等の動きも加味する必要がある}ので
非常に難易度の高い技術となります。
*&bold(){&sizex(7){③コメントアート構成手順その1 ―コメントの選択―}}
コメントアートを構成したいと考えた時、
まずどこから構成を始めるべきでしょうか？
他のコメントが表示されていない状態からコメントアートを作ろうと考えた場合、
以下のような&bold(){&color(red){6種類のコメントの選択肢}が考えられます}。
&bold(){&sizex(4){・「ue」の積み上げコメント}}
&bold(){&sizex(4){・「ue」の高さ固定コメント}}
&bold(){&sizex(4){・「shita」の積み上げコメント}}
&bold(){&sizex(4){・「shita」の高さ固定コメント}}
&bold(){&sizex(4){・「naka」の積み上げコメント}}
&bold(){&sizex(4){・「naka」の高さ固定コメント}}
この通りコマンド3種類に対し、積み上げコメントと高さ固定コメントという
2通りの方法があり、計6種類となります。
各コマンドとコメントの種類については次のような特徴があります。
&bold(){「ue」：利用する人が少ないため比較的自由に使うことが出来るコマンド}
&bold(){「shita」：「ue」に比べてよくコメントされる。}
&bold(){ かつては「shita small green」が荒らしの代名詞でもあった。}
&bold(){「naka」：デフォルトのコマンド。誰でも気軽に投稿できる。}
&bold(){ よっぽど過疎っている動画でなければ積み上げコメントは避けるべき。}
&bold(){積み上げコメント：コメント位置やサイズを自由に調整することが出来る。}
&bold(){ ただし、他のコメントの干渉により崩れやすいという欠点を持つ。}
&bold(){ また、前に同コマンドの高さ固定コメントがあると投稿できない(必ず弾幕モード化する)。}
&bold(){高さ固定コメント：他のコメントによる干渉を受けない。}
&bold(){ ただし、位置やサイズの選択肢が限られてくるため、}
&bold(){ 積み上げコメント程の自由な調整が出来ない。}
&bold(){ 1コメントに必要な文字数が多くなるため、}
&bold(){ 大規模なコメントアートを構成するにはそれなりの手間がかかる。}
このような特徴を踏まえて6種類のコメントから手順を選択するわけですが、
&bold(){基本的な手順は}
&bold(){&sizex(6){&color(red){積み上げコメント}⇒&color(red){高さ固定コメント}}という流れになります。}
理由は以下の通りです。
&bold(){&sizex(4){①最初に高さ固定コメントを選択してしまうと}}
&bold(){&sizex(4){ その後同じコマンドでの積み上げコメントが投稿できなくなる}(弾幕モード化する)。}
&bold(){&sizex(4){②積み上げコメントの方がサイズ・位置を細かく調整できるため、}}
&bold(){&sizex(4){ いきなり高さ固定コメントを投稿するよりもコメントアートの自由度が高くなる。}}
動画の雰囲気やコメントの状態を見たうえで特に制約がない限りは
この基本の構成手順を踏まえてコメントアートを制作するようにするとよいでしょう。
ただし、この手順選択はあくまで基本的な流れです。
実際は&bold(){&sizex(4){&color(green){動画の状態により最適な手順をその都度その都度選択する}}}ことになります。
(例えば、&bold(){画面上下に一般コメントが多い場合は高さ固定コメントのみ選択した方が安全な場合もあります。})
コメントアート制作の際は
&bold(){&sizex(5){&color(red){動画の雰囲気とコメントの状態を把握した上で、}}}
&bold(){&sizex(5){&color(red){自分が表現したいコメントアートに応じて、}}}
&bold(){&sizex(5){&color(red){臨機応変に}}}手順を選択するとよいでしょう。
*&bold(){&sizex(7){④コメントアート構成手順その2 ―手順選択例―}}
&bold(){&sizex(6){(case1)「ハート」コメントアート}}
&bold(){&sizex(4){※「6段ハート」}}
&bold(){&sizex(4){&color(red){ 手順：「ue」積み上げコメント ⇒ 「shita」積み上げコメント}}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%A7%8B%E6%88%90%E6%89%8B%E9%A0%861%28%E3%83%8F%E3%83%BC%E3%83%88%29.jpg,width=675,height=325)
&bold(){&sizex(5){&color(green){基本的な形であるが、他のコメントによる干渉を受けやすい。}}}
&bold(){&sizex(6){(case2)「装飾」コメントアート}}
&bold(){&sizex(4){※「アーチ型装飾コメントアート」}}
&bold(){&sizex(4){&color(red){ 手順：「ue」積み上げコメント ⇒ 「shita」積み上げコメント ⇒ 「ue」高さ固定コメント}}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%A7%8B%E6%88%90%E6%89%8B%E9%A0%862%28%E3%82%A2%E3%83%BC%E3%83%81%29%E4%BF%AE%E6%AD%A3%E7%89%88.jpg,width=675,height=488)
&bold(){&sizex(5){&color(green){複雑な構造を持つコメントアートを構成する際は積み上げコメントと}}}
&bold(){&sizex(5){&color(green){高さ固定コメントをうまく組み合わせるとよい。}}}
&bold(){&sizex(6){(case3)「プロフィール」コメントアート}}
&bold(){&sizex(4){※「フレームプロフィール」}}
&bold(){&sizex(4){&color(red){ 手順：「ue」積み上げコメント ⇒ 「ue」高さ固定コメント}}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=25&file=%E6%A7%8B%E6%88%90%E6%89%8B%E9%A0%863%28%E3%83%97%E3%83%AD%E3%83%95%29.jpg,width=675,height=488)
&bold(){&sizex(5){&color(green){片方のコマンドのみでも積み上げコメントと高さ固定コメントの}}}
&bold(){&sizex(5){&color(green){組み合わせ次第で複雑な構成を行うことが出来る。}}}
&bold(){&sizex(5){&color(green){一方のコマンドが使われていた時でもそのコメントと干渉することなく投稿できる。}}}
&bold(){&sizex(6){(case4)「歌詞」コメントアート}}
&nicovideo(http://www.nicovideo.jp/watch/sm10433666){340,185}
※見やすいように「ue」コマンド・「shita」コマンドを色分けしています。
&bold(){&sizex(5){&color(green){時間差で表示するCA・字幕であっても}}}
&bold(){&sizex(5){&color(green){「積み上げコメント ⇒ 高さ固定コメント」の流れの繰り返しとなる。}}}
重ねて言いますが、
どの選択肢が間違いという事はなく、
&bold(){&sizex(5){&color(red){動画・コメント欄の状態に応じて手順を選択すること}}}が重要です。
----
&sizex(6){&bold(){next:}[[制作編Ⅱ【コメント位置調整】]]}
&bold(){prev:[[知識編Ⅶ【カラーコード】]]}
[[トップページ>コメントアートwiki トップページ]]
