コメントアート入門w あの娘をステキに飾っちゃえw | とっても暇なブログw

とっても暇なブログw

ニコニコ動画の「踊ってみた」カテゴリーで活動する素敵な女の娘(こ)達を中心に、その文化?の展開を楽しく見守っていきたいと思います。
元気をもらえる彼女達のパワーは、本当に頼もしいですねw

ニコニコ動画のコメントアート入門
(固定のハートマーク等の装飾)


こんな感じのコメントアートですw

とっても暇なブログw-doako-001


間違いがある可能性がありますが、以下の内容でコメントアートを行える様に

なります。


但し、十分練習をし、他人に迷惑を掛けない様に注意して、自己責任
行ってください。


★適宜、更新します。★


【環境】
・使用OSはWindowsXP以降、ブラウザーはExplore6.0以降
・日本語入力環境(FEP)はMicrosoft(R) IME スタンダード


【心得】
・コメントは練習動画等で事前確認し、絶対に失敗しない様にする。
 (文字化けや位置ずれの確認、そして失敗しても削除は出来ない。)
・コマンドやコメントに間違いないか、必ず確認の上、実行する。
 (特にue/shita、サイズ、色は、間違っていないか?)
動画の空気を読み、雰囲気を壊さない様に細心の注意を払う。


【注意事項】
・コメントを投稿する前後のコメントを確認し、他のコメントと
 干渉しない様に心がける。
 (特に歌詞などには注意)

基本的にデフォルトコメントはMS Pゴシックで表示されるので

 文字幅が変動する。
・コメントアートが完成したら、ブラウザーをリフレシュして
 出来栄えを確認する。
・そのコメントの文末の「空白」が3つ以上あると、その「空白」
 無視されてしまう。
 (これを回避するためには「.」やUnicode 「0x00a0」等を使用する。)
・文字や配列によっては表示サイズが変動したり文字化けする。

・1回の投稿で入力できるコメント文字数は60 75文字まで。
・一度に画面上に表示されるコメント数は最大30コメントまで。


動画で簡単な概要を説明してみましたので、ご参考に。


 その1

    http://www.nicovideo.jp/watch/sm10097589

 その2

    http://www.nicovideo.jp/watch/sm10278482

 その3

    http://www.nicovideo.jp/watch/sm9343385

 総集編  職人見習いのコメントアート

    http://www.nicovideo.jp/watch/sm11110878


1.コメントコマンドを覚える
  ・位置: ue、shita、(naka)
  ・サイズ: big、small、(nomal)
  ・色選択: 注)白は、その動画指定のコメント色になる。


  注意)
  ・「ue」、「shita」は画面の中心に固定表示となる。
  ・文末の「空白」が3つ以上あると、その「空白」は無視される。
   (この回避には、特殊文字を使う必要がある。)

  ・空白(通常の全角や半角)は、表示の幅が変動するので

  コメントをする前に必ずテスト動画等で表示を確認すること。



2.コピペ
  基本は事前にコメントアートを用意して、そのコピペで行う。
   ①コメントアートをつける動画の再生時間で動画を停止する。
   ②コメントコマンドを指定する。(例:「yellow」、「ue」、「big」)
   ③以下の7行を1行づつコピーして、コメント欄にペーストし実行する。
   (画面に黄色の枠がついたコメントが表示していることを確認する。)
   ④動画を再読み込みして、出来栄えを確認する。


-----コマンドの設定-----
「ue」、「big」、「yellow」
-----コメント(始まり)-----
┘┘┘■■┘■■┘┘┘┘
┘┘■┘┘■┘┘■┘┘┘
┘■┘┘┘┘┘┘┘■┘┘
┘■┘┘┘❤┘┘┘■┘┘
┘┘■┘┘┘┘┘■┘┘┘
┘┘┘■■┘■■┘┘┘┘
┘┘┘┘┘■┘┘┘┘┘┘
-----コメント(終わり)-----


  コメント練習場
    用意しましたので、ご自由にお使い下さい。


    【標準画面(4:3)】
    http://www.nicovideo.jp/watch/sm9968940  (白地)
    http://www.nicovideo.jp/watch/sm9968753  (黒地)


    【ワイド画面(16:9)】

    http://www.nicovideo.jp/watch/sm11755525  (白地)

    http://www.nicovideo.jp/watch/sm11755542  (黒地)


3.コメントアートの保存
  一度使ったものを繰り返し使うため、コメントを保存すると便利
   ・Windows標準のメモ帳(Notepad)を使用する。
   ・保存時に「文字コード」を「UFT-8」又は「Unicode」にする。
    (特殊文字も保存するため)

    
    とっても暇なブログw-NotePad保存設定

   ・コメントと共にコマンド(サイズ、色、位置指定)も保存すると使い易い。


 
4.コメント量の目安
   ・big: 13文字 x 8 7行 (big文字高さ:50ドット)
   ・(nomal): 21文字 x 13 11行 (normal文字高さ:34ドット)
   ・small: 35文字 x 16行 (small文字高さ:23ドット)


   画面高さ: 384ドット 

   (文字を積み重ねた時に384ドットを越えると、正しい位置に表示されない。)


      とっても暇なブログw-文字サイズと1行の文字数

      文字数が規定量を超えると、縮小されて表示される。



   文字の高さサイズの一覧【追記(2011/2/12)】

      とっても暇なブログw-CA文字高さ一覧



5.改行
  改行を覚えると表現力が増える。また、1行づつの入力より、正常に表示できる
 行数が増える。
  例えば、同じコメントを2連続で入力できませんが、改行を行えば1回の入力で
 改行した回数だけ、同じコメントが入力できる。
  コメント入力BOX内で、その行のコメントの入力を行い、次の行のコメントを
 入力するために次の操作を行う。


  FireFoxのみ

   ①「ALT」キーを押し、そのまま保持する。
   ②テンキーの「1」を押し、放す。
   ③テンキーの「0」を押し、放す。
   ④「ALT」キーを放す。

    改行が出来た後は、「↑」キーや「↓」キーで、行の移動が出来る。


  全てのブラウザ
  <2010/12/7追記>
    Ctrl+「.」(ピリオド)でも改行できる様に変更された様です。
   ①「Ctrl」キーを押して、そのまま保持する。
   ②「.」キーを押して、放す。
   ③「Ctrl」キーを放す。
    改行が出来た後は、「↑」キーや「↓」キーで、行の移動が出来る。


6.「ue」、「shita」コマンドの併用
  重ねた表示が出来るので、影をつけたり、凝った装飾が出来る。


  こんな感じです。

  とっても暇なブログw-ume-005


7.コメント倉庫
  コピペ出来るコメントアートが紹介されているので、感謝の気持ちを持って
 利用させてもらう。


   ニコニコ動画 コメントアート保管庫 やよい展 (残念ですが閉鎖された様です。)
     http://nicodo.web.fc2.com/


  暫定版

    http://sample4commentart.web.fc2.com/


8.特殊文字の利用
  「IMEパッド(鉛筆立て)」左クリック > 文字一覧 > 「Unicode」選択
   ・「装飾記号」、「その他の記号」で下記の様な特殊記号が選択できる。
✄ ✈ ✉ ✌ ✍ ✎ ✏ ✐ ✑ ✒ ✓ ✔

✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟
✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬

✭ ✮ ✯ ✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷
✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃

❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❤ ❥ ❦ ❧

♐ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟

♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ♪ ♫ ♬ ♭ ♮ ♯

   なお、「x00a0」は文字幅が変動しない非表示文字として有用です。
   (右端にこの文字を使用することで、文字の左寄せ等に応用できる。)


9.空白文字

 ・Unicode 0020『 』(半角スペース)
  →行初め及び行末の半角スペースは削除されます。
 ・Unicode 3000『 』(全角スペース)
  →行末の全角スペースは削除されます。

明朝化、丸文字化時に文字幅が大きく(漢字幅に)なります。
 ・Unicode 00A0『コピーペースト不可』
  入力方法(Windows):IME パッドを起動→文字一覧の文字カテゴリから

ラテン1補助→U+00A0横の空白をクリック
  →どんな環境下でも使用可能な空白文字です。

文字幅は半角スペースと等しいです。
 ・Unicode 2001『 』及びUnicode 2003『 』
  →Windows XP以前のOSでは全角文字と隣接させないと豆腐化します。

文字幅は漢字幅と等しいです。
    Windows 7では明朝化、丸文字化時に文字幅が小さくなります


10.詳しい情報

  ニコニコ動画まとめwiki
    http://nicowiki.com/temp.html


  コメント技
    http://nicowiki.com/elsecom.html


  コメント技道場
    http://nicowiki.com/?%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E6%8A%80%E9%81%93%E5%A0%B4


  コメントアートwiki
    http://www37.atwiki.jp/commentart/pages/1.html

  コメントアート(CA)制作者&ファンの集い【3/20追加】

    http://com.nicovideo.jp/community/co1914


  CA参考用 透明スペーサー一覧ver1.4 Windows&Mac
    http://www.nicovideo.jp/watch/sm6375443
  

コメント職人への道

    その1...コメントの基本
      http://d.hatena.ne.jp/oikea/20080317/1205680442

    その2...縦書きと空白文字
      http://d.hatena.ne.jp/oikea/20080318/1205776664

    その3...改行入力:隠し機能を有効にする裏技
      http://d.hatena.ne.jp/oikea/20080319/1205862966

    その4...狙った位置にコメントを打つ
      http://d.hatena.ne.jp/oikea/20080329/1206768920

    その5...@テキストや@キーワードメッセージでの複数行表示
      http://d.hatena.ne.jp/oikea/20080608/1212937189


  ニコニコ動画の職人育成所
   http://nicoshoku.blog106.fc2.com/


  ニコニコ動画 コメントアート保管庫 やよい展
    http://nicodo.web.fc2.com/

  <追記>

    残念ながら、サイトにつながらなくなっています。

    暫定版を立ち上げてみました。

    http://sample4commentart.web.fc2.com/


11.ツール

   コメント入力用のサポートツール
    http://tokuna.blog40.fc2.com/blog-entry-902.html
    http://guron.net/document/content/javascript/nikoniko3.php


   CAゲージver1.29β
    http://www.nicovideo.jp/watch/sm9732612

    <ダウンロード>
    http://cid-67433b074cb07f4e.skydrive.live.com/self.aspx/CA%E3%82%B2%E3%83%BC%E3%82%B8/CA129%CE%B2.zip

   あらかじめVB6ランタイムをインストールして下さい。

   不具合報告、質問はこちらへ
    http://8713.teacup.com/cas/bbs/t6/l50