{ "name": "アニメ技法", "publisher": "fantasist.org編集部", "count": 91, "updated": "2026-09-27", "techniques": [ { "no": "A-01", "title": "制作工程の全体", "aka": [ "制作フロー", "パイプライン" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "企画から脚本、絵コンテ、作画、背景、撮影、編集、音響まで。商業アニメは分業の流れ作業でつくられる。", "what": "商業アニメは、企画で作品の狙いと設定を固め、シナリオで物語を文章にし、絵コンテで画面とカット割りを決める。次にレイアウトで画面を設計し、原画が動きの要所を描き、動画が間を埋める。仕上げで彩色し、美術が背景を描く。撮影で素材を合成して効果を足し、編集で1本につなぐ。最後にアフレコで声を入れ、ダビングで台詞・音楽・効果音を整える。専門学校や制作会社の解説はおおむねこの順で説明している。", "why": "工程を分けるのは、多人数が同じ完成像に向けて並行作業するためだ。上流で決めたこと（脚本の尺、コンテの秒数、レイアウトの構図）が下流の作業量と質を縛る。だから上流ほど修正が安く、下流ほど高くつく。見る側が感じる「まとまり」は、この段階ごとの設計図が途中で食い違わないことから生まれる。工程の地図があれば、どこで何が遅れているかも全員に見える。", "how": [ "全体の尺と話数を先に決め、工程表を逆算でつくる", "脚本→コンテ→レイアウトの順で、決めたことを次工程の設計図として渡す", "作画・背景・仕上げは同じレイアウトや色指定を参照して並行させる", "撮影・編集で合成と尺調整をし、最後に声と音を合わせる" ], "when": "どんな長さの作品でも、着手前に工程の地図を描くときに使う。短編や個人制作でも、どこで何を確定させるかを意識するだけで手戻りが減る。新しい形式の映像に挑むとき、外部に一部の工程を頼むとき、スケジュールを立て直すときにも、まず全体の流れを描き直す。", "avoid": "工程を飛ばして絵から描き始めると、尺が合わない、構図が揃わないといった手戻りが下流で一気に出る。逆に書類づくりが目的化し、試作を見ずに設計だけを重ねるのも危うい。", "ai": "fantasist.org のモーションコミックでは「企画→台本→コマ絵発注→動き指定（寄り・引き・横流し）→字幕・読み上げ台本→書き出し」が実際の工程になる。作画・動画・仕上げは画像生成に置き換わるので、コマ絵を発注する前に絵コンテ相当の一覧表で構図と秒数を決めておくと、絵の不足や重複を防げる。", "related": [ "A-02", "A-04", "A-05", "A-06" ], "sources": [ { "title": "アニメができるまで", "author": "学校法人東放学園", "url": "https://www.tohogakuen.ac.jp/enta/anime/", "note": "企画〜ダビングまで12工程の順序と各工程の中身" }, { "title": "製作工程について", "author": "東映アニメーション株式会社", "url": "https://corp.toei-anim.co.jp/ja/company/animation_production.html", "note": "大手制作会社による企画・製作・編集段階の区分" }, { "title": "アニメーション制作の専門用語 分かりやすく紹介！", "author": "株式会社AQUASTAR", "url": "https://aqua-star.co.jp/blog/animation_word/", "note": "原画・中割り・仕上げ・撮影・ダビング等の用語定義" } ], "tags": [ "制作工程", "企画", "分業" ], "url": "https://fantasist.org/anime-techniques/a-01/", "usedIn": [] }, { "no": "A-02", "title": "脚本と尺", "aka": [ "シナリオ", "ペラ" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "脚本の分量は尺の見積もりに直結する。アニメではペラ（200字）約80枚で30分枠1話分とされることが多い。", "what": "脚本は柱（場所と時間）、ト書き（動作や状況）、台詞の3要素で書く。アニメ業界では200字詰めの原稿用紙1枚を「ペラ」と呼び、30分枠のテレビアニメ1話は本文でペラ80枚前後が目安と脚本家や監督が説明している。実写ではペラ2枚で約1分という換算が知られるが、アニメはト書きが多く、動きの有無で秒数が大きく変わるため、枚数は目安にとどまるとされる。", "why": "脚本の分量を早い段階で尺に換算しておくと、コンテ段階で大幅な削りや水増しが起きにくい。台詞は声に出したときの速度でおおよその秒数が読めるが、アクションや間は文字数に比例しない。だから台詞量とト書きの重さを分けて見積もることが、実際の尺に近づくこつになる。見積もりが実際の尺に近いほど、コンテや編集での大きな削りが減り、削られた場面の説明不足という事故も防げる。", "how": [ "柱・ト書き・台詞の三要素で書き、場面ごとに柱を立てる", "台詞は実際に読み上げ、ストップウォッチで秒数を測る", "動きの多い場面はト書きの字数でなく、想定秒数を欄外にメモする", "全体の見積もりが目標尺を1〜2割超えたら、コンテ前に場面単位で削る" ], "when": "企画が固まり、各話や1本の物語を文章にする段階で使う。短い映像ほど1秒の重みが大きいので、読み上げ計測を省かない。依頼された尺が決まっている映像、読み上げやナレーションを伴う映像では、書き終えた時点で必ず尺を試算する。", "avoid": "字数だけで尺を決めると、アクション主体の場面で大幅に尺が延びる。逆に台詞を詰め込みすぎると、読み上げ速度が上がり、聞き取りにくくなる。ト書きを省いて台詞だけで書くと、絵を作る側に意図が伝わらない。", "ai": "読み上げボタンは端末の音声合成で台本を読むので、narration.ja.json の台詞は実際に合成音声で読ませて秒数を測る。1本1〜2分なら台詞の総量はかなり少なくなる。音声合成は人間より抑揚が弱いので、1つの台詞は短く切り、字幕の表示時間と読み終わりのずれを確認する。", "related": [ "A-01", "A-07", "A-08" ], "sources": [ { "title": "余談「文字数」", "author": "藤咲淳一（脚本家）", "url": "https://note.com/fujimarl/n/nab2fc0b78c9b", "note": "ペラ200字の定義、30分アニメでペラ80枚前後という目安" }, { "title": "脚本の実際（アニメの場合）", "author": "佐藤竜雄（アニメ監督）", "url": "https://note.com/seitenhyohyo/n/n1aea417ea859", "note": "柱・ト書き・台詞の三要素と、約80枚という基準" } ], "tags": [ "脚本", "尺", "見積もり" ], "url": "https://fantasist.org/anime-techniques/a-02/", "usedIn": [] }, { "no": "A-03", "title": "シリーズ構成と話数の山", "aka": [ "構成表", "構成打ち" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "決まった話数の中で物語をどう配分し、どこに山を置くかを決める仕事。1クール12〜13話が典型的な枠になる。", "what": "シリーズ構成は、テレビシリーズ全体の物語を統括し、与えられた話数に物語を配分する役割である。放送枠の都合で1クール12〜13話、2クール26話などの話数が先に決まり、その中で各話の内容を割り振った構成表を作る。構成表はプロデューサーや監督などが集まる構成打ちで叩き台になり、各話脚本の調整やアフレコでの台詞調整まで担うこともあると、脚本家自身が説明している。", "why": "連続物の視聴者は、1話ごとの満足と、全体の積み上がりの両方を求める。話数全体で山の位置を先に決めておくと、各話が役割（導入、転換、盛り上がり、決着）を持ち、中だるみが減る。また各話の終わりに次を見たくなる引きを置く判断も、全体の地図があって初めて一貫する。見る側にとっては、各話の役割がはっきりしているほど、次を見る理由が持続しやすい。", "how": [ "総話数と1話の尺を確認し、物語の主要な出来事を列挙する", "出来事を話数に割り振り、各話の役割を一言で書いた構成表を作る", "全体の山（転換点・最大の盛り上がり）を置く話数を先に決める", "各話の終わりの引きを構成表の欄に書き込む", "関係者で構成表を読み合わせ、話数の過不足を調整する" ], "when": "複数話に分かれる作品、連載形式の映像、同じ世界観の短編を続けて出すときに使う。1話完結でも、並べる順番を決める段階で役立つ。原作を映像化するときは、原作のどこまでを何話で描くかを決める段階で特に重要になる。", "avoid": "序盤に情報を詰め込みすぎると、後半の山が弱くなる。逆に山を最終話だけに集めると、途中の話が単なるつなぎになる。構成表を作らずに各話を走らせると、辻褄合わせで後半が崩れやすい。", "ai": "AIコミックを数話のモーションコミックにするときは、各話1〜2分に収まるよう原作の出来事を割り振る構成表を先に作る。各話の最後のコマ絵を「引き」に選び、字幕と読み上げで次への問いを残す。将来動画生成を使う場合も、話数ごとの人物設定を固定しないと話をまたいで顔が変わる。", "related": [ "A-02", "A-07" ], "sources": [ { "title": "余談「シリーズ構成」", "author": "藤咲淳一（脚本家）", "url": "https://note.com/fujimarl/n/n48f1c908c6a8", "note": "話数に合わせた物語配分、構成打ち、各話脚本調整の業務" }, { "title": "アニメができるまで", "author": "学校法人東放学園", "url": "https://www.tohogakuen.ac.jp/enta/anime/", "note": "企画段階でシリーズ構成を決めるという工程上の位置" } ], "tags": [ "シリーズ構成", "話数", "構成" ], "url": "https://fantasist.org/anime-techniques/a-03/", "usedIn": [] }, { "no": "A-04", "title": "絵コンテ", "aka": [ "コンテ", "ストーリーボード" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "カット番号・画面・内容・台詞・秒数を1行ずつ並べた映像の設計図。全スタッフが同じ完成像を共有する。", "what": "絵コンテは、脚本を映像の単位（カット）に分け、1カットずつ画面の略図と指示を書いた表である。日本のアニメの絵コンテ用紙は、左からカット番号、画面（略画）、内容（人物の芝居やカメラワーク、効果の指示）、台詞（台詞・効果音・音楽）、秒数の欄が並ぶ形式が一般的とされる。秒数は「1+12」（1秒12コマ）のように秒とコマで書くこともある。監督や演出がカット割りとカメラワークを決める工程である。", "why": "カットの順番と長さを紙の上で確定させるので、映像のリズムを作画前に試せる。画面・内容・台詞・秒数が1行に揃っているため、どの台詞がどの画面にかかり、何秒続くかが一目で読める。これが、多数のスタッフが同じ完成像を共有する設計図として働く理由である。文字だけの脚本ではわからない画面の大きさや視線の流れも、コンテなら作る前に確かめられる。", "how": [ "脚本を場面に分け、場面ごとにカットを割る", "各カットに番号を振り、画面欄に構図と動きの矢印を描く", "内容欄に芝居・カメラワーク（PAN、T.U.など）・効果を書く", "台詞欄に台詞とSE・音楽を書き、読み上げて秒数欄を埋める", "秒数の合計を目標の尺と照らし合わせ、場面単位で調整する" ], "when": "映像を作るすべての場合に使う。とくに複数人で分担するとき、また静止画を動かす映像で「どの絵を何秒見せるか」を決めるときに欠かせない。脚本が固まり、作画や画像の発注に入る前の段階で必ず作る。修正が安いうちに、リズムと構図の問題を洗い出せる。", "avoid": "絵の上手さにこだわって描き込みすぎると時間を失う。画面欄は位置関係とサイズが伝われば足りる。秒数欄を空けたまま進めると、後工程で尺が合わなくなる。脚本を1行ずつ機械的にカットにするだけだと、映像のリズムが生まれない。", "ai": "モーションコミックでは、絵コンテの表がそのまま設定ファイルの下書きになる。カット番号、使うコマ絵、動き（寄り・引き・横流し）、秒数、字幕、読み上げの話者と台詞を1行ずつ並べると、build_motion_comic.py と narration.ja.json に転記しやすい。コマ絵は漫画用にすでにあるので、コンテ表は「どのコマ絵を、どの切り出しで、何秒見せるか」を決める表になる。足りない構図はカメラの切り出しで補う。", "related": [ "A-01", "A-05", "C-01", "C-02", "B-01" ], "sources": [ { "title": "絵コンテの用語と見方", "author": "コマツアヤヒト（アニログ）", "url": "https://animlog.net/storyboard-overview/", "note": "カット番号・画面・内容・台詞・秒数の欄と「1+12」表記" }, { "title": "絵コンテの描き方・絵コンテ用語の早見表（2014年版）", "author": "真鍋知博", "url": "https://tmanabe.github.io/misc/conti_cheat_sheet.pdf", "note": "内容欄に芝居やカメラワークを書くなど各欄の役割" }, { "title": "絵コンテの描き方は？役割や記載内容、ポイントとともに解説", "author": "専門学校デジタルアーツ東京", "url": "https://www.dat.ac.jp/course/anime/anime-column/anime-school/how-to-write-a-storyboard/", "note": "絵コンテが全員で完成像を共有する設計図である点" } ], "tags": [ "絵コンテ", "カット割り", "設計図" ], "url": "https://fantasist.org/anime-techniques/a-04/", "usedIn": [] }, { "no": "A-05", "title": "レイアウト", "aka": [ "LO", "L/O", "画面設計" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "絵コンテをもとに、1カットの構図・人物の位置・背景・カメラワークを実寸で描き起こす画面の設計図。", "what": "レイアウトは、絵コンテの略図を、実際の画面の大きさで描き直した設計図である。人物の位置やポーズ、背景の描き込み範囲、パース、カメラワークの指示を含む。同じレイアウトが作画（原画）と美術（背景）の両方に渡り、完成時に人物と背景がずれずに重なる。日本では1974年のテレビシリーズで全カットにレイアウトを描く体制が本格導入されたとされ、レイアウトシステムと呼ばれる。", "why": "作画と背景は別の人が別の場所で描くため、共通の設計図がないと重ねたときに視線の高さやパースが食い違う。レイアウトで画面を先に確定させると、演出の意図を作画前に確認でき、修正の手戻りが減り、全カットの質が揃うと説明されている。見る側は、人物が背景の床にきちんと立ち、背景の物に正しく触れていることで、画面を1つの世界として信じる。", "how": [ "絵コンテの該当カットを読み、画面の枠（フレーム）を実寸で描く", "地平線（目の高さ）と消失点を決め、背景のパースを引く", "人物の位置・大きさ・ポーズを背景と同じパースで置く", "PANやT.U.がある場合は、移動の始点と終点の枠を描き込む", "演出・作画監督のチェックを受けてから原画と背景に回す" ], "when": "人物と背景を別々に作って合成するすべての画面で使う。カメラが動くカットや、人物が背景の物に触れるカットでは特に重要になる。背景の手前を人物が横切るカット、人物の足元が見えるカット、複数の人物が同じ空間にいるカットで効果が大きい。", "avoid": "レイアウトを省くと、背景と人物の目の高さが合わず浮いて見える。枠の外まで必要な背景の範囲を描き忘れると、パンで端が切れる。逆に描き込みすぎると、作画と背景の作業時間を圧迫する。", "ai": "モーションコミックでは新しい絵を起こさないので、レイアウトは「コマ絵のどこを、どの大きさで切り出して見せるか」を決める作業になる。横流しをするなら、漫画の発注段階で、左右に余白のある横長のコマとして描いておく（漫画の側でも成り立つコマにする）。将来動画生成を使うなら、人物と背景のパースを一致させる指示を、参照画像と一緒に渡す必要がある。", "related": [ "A-04", "A-06", "B-03", "B-10" ], "sources": [ { "title": "映画『ゲド戦記』制作日誌（4）レイアウト（後編）", "author": "スタジオジブリ", "url": "https://www.ghibli.jp/ged_01/30special/000575.html", "note": "レイアウトの中身、作画と背景の両方が同じレイアウトを使う点" }, { "title": "レイアウトシステム", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0", "note": "レイアウトシステムの定義、1974年の本格導入、品質を揃える効果" } ], "tags": [ "レイアウト", "構図", "設計図" ], "url": "https://fantasist.org/anime-techniques/a-05/", "usedIn": [] }, { "no": "A-06", "title": "設定（キャラクター・美術・色彩）", "aka": [ "キャラ表", "美術設定", "色彩設計" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "人物の見た目、舞台の姿、使う色を資料として固定する工程。多人数でも同じ絵に揃えるための基準になる。", "what": "設定は作品の見た目の基準資料である。キャラクター設定（キャラ表）は三面図や表情集、基本動作などで人物の形を示す。美術設定は建物や部屋、小道具などの舞台を描き、美術ボードで空気感や色調を示す。色彩設計は人物や物の色を決めて指定表にまとめ、昼・夕・夜などの場面ごとの色も管理する。色指定はそれを各カットに割り当て、彩色の正しさを検査する。", "why": "アニメは多人数の分業なので、同じ人物を描いても人によって顔や色がばらつく。設定資料があると、全員が同じ基準を参照でき、見る側は同じ人物・同じ場所だと迷わず認識できる。色は雰囲気を大きく左右するため、物語や人物の心理を踏まえて一元管理すると説明されている。資料の段階で揺れを抑えておくと、下流での修正が大幅に減る。", "how": [ "人物ごとに正面・横・後ろの三面図と表情集をつくる", "身長差や服装の細部を並べた比較表を用意する", "主な舞台の外観・間取り・小物を描いた美術設定をつくる", "人物と舞台の基本色を決め、時間帯ごとの色替えを表にする", "全資料を一か所にまとめ、全員が同じ版を参照する" ], "when": "繰り返し登場する人物や場所があるすべての作品で使う。話数が多い作品や、複数の人・ツールで絵を作る場合ほど重要になる。作品の準備段階で最初に固め、新しい人物や場所が出るたびに追加する。途中から参加する人への引き継ぎ資料にもなる。", "avoid": "設定を細かくしすぎて描けない（生成できない）デザインにするのは失敗である。キャラクターデザインには手で描き続けられる簡潔さが求められるとされる。資料の版が複数出回ると、かえって揺れが増える。", "ai": "画像生成AIは同じ人物の一貫性に弱いので、設定資料の価値が特に大きい。人物ごとの参照画像と、髪型・服・色を短い語で固定した記述を用意し、毎回同じ文言で発注する。色はコマ絵の段階で揃えておき、モーションコミック側では色を触らない。将来、動画生成を使う場合も、同じ参照画像を渡す。", "related": [ "A-01", "A-05" ], "sources": [ { "title": "キャラクターデザイン", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%82%AD%E3%83%A3%E3%83%A9%E3%82%AF%E3%82%BF%E3%83%BC%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3", "note": "三面図・表情集などの設定画が分業での統一の基礎になる点" }, { "title": "アニメの色彩設計・色指定とは", "author": "専門学校デジタルアーツ東京", "url": "https://www.dat.ac.jp/course/anime/anime-column/color_design/color_about/", "note": "色彩設計と色指定の役割、色が作品の雰囲気を決める点" }, { "title": "アニメができるまで", "author": "学校法人東放学園", "url": "https://www.tohogakuen.ac.jp/enta/anime/", "note": "設定・デザイン工程にキャラ・メカ・イメージボード・色彩設計が含まれる点" } ], "tags": [ "設定", "キャラクター", "色彩", "一貫性" ], "url": "https://fantasist.org/anime-techniques/a-06/", "usedIn": [] }, { "no": "A-07", "title": "尺配分（アバン・Aパート・Bパート・引き）", "aka": [ "パート構成", "アバンタイトル" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "30分枠のテレビアニメは、アバン、OP、Aパート、アイキャッチ、Bパート、EDと予告で本編を配分する。", "what": "日本の30分枠テレビアニメは、CMを除く約24分の中を決まった型で割ることが多い。OP前の短い導入部（アバンタイトル）、オープニング（約1分30秒）、Aパート（約10分）、CM前後の区切りのアイキャッチ（数秒）、Bパート（約10分）、エンディング（約1分30秒）、次回予告（約30秒）という配分が典型とされる。ED後に短い場面（Cパート）を置く作品もある。", "why": "CMで本編が途切れるため、各パートの終わりに視聴者をつなぎ止める工夫が必要になる。アバンは最初の数十秒で関心をつかみ、Aパートの終わりは中間の山、Bパートの終わりは次回への引きとして働く。型が決まっていると、脚本とコンテの段階でどこに山を置くかを逆算しやすい。見る側にとっても、決まった型は「そろそろ山が来る」という期待の手がかりになる。", "how": [ "放送枠や公開先から、本編に使える尺を確定させる", "導入・前半・後半・締めに分け、それぞれの目標秒数を決める", "導入の冒頭数十秒に、問いや事件をはっきり置く", "前半の終わりに小さな山、後半の終わりに次への引きを置く", "締めの後に予告や余韻の短い場面を置くか決める" ], "when": "テレビシリーズの各話はもちろん、区切りのある長めの映像を設計するときに使う。短い映像でも、導入・山・引きの位置を決める考え方は応用できる。配信作品でもパート構成を使う場合がある。また1本の映像の中に区切りを置き、各区間の役割を明確にしたいときにも考え方を応用できる。", "avoid": "型に当てはめるために、無理に山を作ると不自然になる。アバンで情報を出しすぎると本編の驚きが減る。各パートの秒数を守るため中身を削りすぎないよう、脚本段階で見積もる。", "ai": "1〜2分のモーションコミックに30分枠の型はそのまま使えないが、「冒頭の問い」「中ほどの転換」「最後の引き」の3点を秒数で決める考え方は使える。最初の5秒は最も目を引くコマ絵を寄りで見せ、最後のカットは長めに止めて字幕で問いを残す。", "related": [ "A-02", "A-03", "A-08" ], "sources": [ { "title": "テレビアニメ", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%AC%E3%83%93%E3%82%A2%E3%83%8B%E3%83%A1", "note": "アバン・OP・A/Bパート・アイキャッチ・ED・予告の典型的な秒数" }, { "title": "余談「シリーズ構成」", "author": "藤咲淳一（脚本家）", "url": "https://note.com/fujimarl/n/n48f1c908c6a8", "note": "あらすじや予告も含めて各話を設計するシリーズ構成の業務" } ], "tags": [ "尺", "構成", "引き", "テレビアニメ" ], "url": "https://fantasist.org/anime-techniques/a-07/", "usedIn": [] }, { "no": "A-08", "title": "ショートの構成（1〜3分）", "aka": [ "短尺", "ショートアニメ" ], "category": "A", "categoryLabel": "企画・構成・準備", "summary": "数分以内の短い映像は、つかみ・転・オチに絞り、訴えることを1つにする。1秒ごとの密度設計が要る。", "what": "テレビでも5〜15分ほどの短編アニメが放送されており、配信や動画共有サイトではさらに短い作品も多い。1〜3分の映像では、長編のように人物紹介や前置きを重ねる余裕がない。制作会社の解説では、短尺でも起承転結の流れは必要で、とくに転と結を欠くと見る側が混乱するとされる。冒頭で引き込み、最後に印象に残るカットや一言で締め、伝えることは1つに絞るのが基本とされる。", "why": "短い映像は、見る側が途中で離れる判断も早い。最初の数秒で「何が起きているか」「なぜ見るか」が伝わらないと続きを見てもらえない。また情報を詰め込むと、どれも記憶に残らない。1つの出来事と1つの感情に絞ると、少ない秒数でも筋が通り、最後の一撃が効く。最後の一撃が効くほど、見る側は繰り返し見たり人に勧めたりしやすい。", "how": [ "伝えたいことを1文で書き、それ以外の要素を削る", "全体をつかみ・展開・転・オチの4区間に分け、秒数を割り振る", "冒頭5秒以内に人物と状況、または問いを見せる", "転はオチの直前に置き、最後のカットはやや長めに残す", "台詞は1文を短くし、総量を読み上げで測って尺に収める" ], "when": "SNS向けの短編、予告編、シリーズ本編の宣伝、1話完結の小話などで使う。fantasist.org のモーションコミックの標準的な長さもここに当たる。長い原作の一場面だけを切り出して紹介する映像にも向く。", "avoid": "長い物語を短く要約しただけでは、あらすじの羅列になり感情が動かない。オチのない尻切れや、転を飛ばした平板な構成も失敗例である。冒頭に説明を並べるのも、つかみを弱める典型的な失敗である。", "ai": "1〜2分のモーションコミックは、コマ絵8〜20枚ほどに絞り、1枚あたり数秒を目安に配分するとよい。冒頭は最も強いコマ絵を寄りで、オチの直前で一度カットを短く刻み、最後は引きで長めに止める。読み上げ台本は1台詞を短くし、字幕の表示時間に収まるか音声合成で確かめる。", "related": [ "A-02", "A-07", "C-02" ], "sources": [ { "title": "テレビアニメ", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%AC%E3%83%93%E3%82%A2%E3%83%8B%E3%83%A1", "note": "5〜15分の短編アニメが存在するという事実" }, { "title": "ショートアニメの作り方｜企画から完成、活用まで", "author": "株式会社アトムストーリー", "url": "https://atom-story.com/media/shortanime-how-to-make-plan-use", "note": "短尺でも起承転結が必要、冒頭で引き込み訴求点を1つに絞る" }, { "title": "余談「文字数」", "author": "藤咲淳一（脚本家）", "url": "https://note.com/fujimarl/n/nab2fc0b78c9b", "note": "ペラ1枚200字がやや早口で約30秒という分量の目安" } ], "tags": [ "ショート", "構成", "短尺" ], "url": "https://fantasist.org/anime-techniques/a-08/", "usedIn": [] }, { "no": "B-01", "title": "ショットサイズ", "aka": [ "画面サイズ", "ロング", "バスト", "アップ" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "被写体を画面にどれだけ大きく入れるか。ロング、フル、ミディアム、アップと寄るほど感情に、引くほど状況に目が向く。", "what": "ショットサイズは、被写体（多くは人物）が画面に占める大きさの区分である。遠くから全景を収めるロング（引き）、頭から足まで入るフル、腰から上のウエスト、胸から上のバスト、顔を大きく見せるアップ（クローズアップ）、目や手元など一部だけのディテールなどがある。日本の現場では大きくロング・ミディアム・アップの3つに分けて説明されることもある。絵コンテではFS、BS、UPなどの略号で書かれる。", "why": "引いた画面は情報量が多く、場所や人物の位置関係を伝える。寄った画面は情報を絞り、表情や一点に注意を集める。見る側は画面の大きさの変化を、心理的な距離の変化として受け取る。だからサイズの選択は、いまどの情報を読ませたいかの選択でもある。サイズを場面ごとに意図して選べば、台詞がなくても見る側の注意を誘導できる。", "how": [ "場面の最初に、場所と位置関係がわかる引きを置く", "会話はミディアムやバストで、感情の山はアップで見せる", "細部の情報（手元・小物）はディテールで一瞬見せる", "同じサイズが続きすぎないよう、引きと寄りを交互に配置する" ], "when": "すべてのカットで意識する。とくに場面の頭、感情の頂点、重要な小道具を見せるときにサイズの選択が効く。会話の途中で位置関係を見せ直したいときにも効く。", "avoid": "アップが続くと位置関係がわからなくなり、見る側が疲れる。引きばかりだと感情が伝わらない。似たサイズ・似た角度のカットを続けるとつなぎが飛んで見える。サイズの変化に意味がないと、単なる画面の揺れに感じられる。", "ai": "モーションコミックでは、1枚のコマ絵から切り出す範囲を変えることで、疑似的にサイズを変えられる。ただし拡大しすぎると画像が粗くなる。アップが必要な場面は、AIコミックの発注段階でアップのコマとして描いておく（漫画の側でも成り立つコマにする）。モーションコミックのためだけに新しい絵は起こさない。画像生成は顔のアップが得意で、手のアップは崩れやすい点に注意する。", "related": [ "B-04", "B-06", "C-02" ], "sources": [ { "title": "Guide to Camera Shots: Every Shot Size Explained", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-camera-shots-sizes-in-film/", "note": "各ショットサイズの定義と、それぞれの用途" }, { "title": "画面サイズ", "author": "EDIUSWORLD.COM（Grass Valley）", "url": "https://www.ediusworld.com/jp/pimopic/cat2_126.html", "note": "ロング・ミディアム・アップの3分類と情報量の違い" } ], "tags": [ "カメラワーク", "構図", "サイズ" ], "url": "https://fantasist.org/anime-techniques/b-01/", "usedIn": [] }, { "no": "B-02", "title": "フィックス（固定）", "aka": [ "FIX", "止め", "スタティックショット" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "カメラを動かさずに撮る基本のカット。芝居や台詞に集中させ、動くカットとの対比で緩急を作る。", "what": "フィックスは、カメラの位置も向きも画角も変えないカットである。絵コンテではFIXと書くことが多い。実写では三脚に固定して撮るショットに当たる。アニメでは背景を動かさず、画面内の人物や物だけが動く。画面が安定しているので、見る側は人物の芝居、台詞、画面内の小さな変化に注意を向けやすい。動くカットとの対比で緩急を作る基本の選択肢である。", "why": "画面の枠が動かないと、視線は枠の中の動きや変化に集まる。カメラの動きそのものが意味を持たないので、演技や会話の内容が前に出る。また動くカットの間にフィックスを挟むと、落ち着きと緊張の差が生まれ、動きのカットがより強く感じられる。カメラを動かさないこと自体が、見る側に「ここは落ち着いて見てよい」という合図になる。", "how": [ "台詞や芝居を見せたいカットはまずフィックスで設計する", "画面内に小さな動き（まばたき、髪、揺れる物）を入れて止まりすぎを防ぐ", "動きの激しいカットの前後にフィックスを置き、緩急をつける", "長いフィックスは、画面内の構図に視線の行き先を用意する" ], "when": "会話、説明、静かな感情の場面、重要な台詞の前後に使う。カメラを動かす理由がないときの基本の選択肢で、迷ったらまずフィックスで設計し、必要なカットにだけ動きを足すとよい。", "avoid": "フィックスで何も動かないまま長く続けると、映像が止まったように見える。逆に何でも動かしたくなってフィックスを避けると、画面が落ち着かず、動きの意味が薄れる。カメラの動きで演技不足を補おうとするのも逆効果である。", "ai": "モーションコミックは静止画なので、完全なフィックスは「画像を見せているだけ」に見えやすい。台詞の多いカットでは、ごくわずかな寄り（数％程度）をかけるか、字幕の切り替わりで変化を出す。逆に緊張の場面では、あえて完全に止めて字幕だけを変えると効く。", "related": [ "B-03", "B-04", "C-02" ], "sources": [ { "title": "Ultimate Guide to Camera Movement", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/different-types-of-camera-movements-in-film/", "note": "カメラを固定したスタティックショットが芝居と台詞に集中させる点" }, { "title": "絵コンテの用語と見方", "author": "コマツアヤヒト（アニログ）", "url": "https://animlog.net/storyboard-overview/", "note": "絵コンテでのFIX（カメラを動かさない）の表記" } ], "tags": [ "カメラワーク", "固定", "緩急" ], "url": "https://fantasist.org/anime-techniques/b-02/", "usedIn": [] }, { "no": "B-03", "title": "パン・ティルト（PAN・縦PAN）", "aka": [ "PAN", "パン", "PAN UP/DOWN", "ティルト" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "カメラの位置を固定して向きを振る動き。横に振るのがパン、縦に振るのがティルト。アニメでは縦も「PAN」と書く。", "what": "パンはカメラの位置を固定したまま、向きを左右に振る動きである。上下に振る動きは実写ではティルトと呼ぶが、アニメの現場ではティルトとは言わず、縦PAN、PAN UP、PAN DOWNと書くことが多いと撮影監督が説明している。アニメでは、大きな背景の上で撮影の枠を移動させて表現する。なおT.U./T.B.はティルトではなくトラックアップ／バックの略である点に注意が要る。", "why": "パンは、見る側の頭や目を横に振る動きに近い。画面外にあったものを順に見せられるので、広さを伝えたり、次の情報を明かしたりできる。縦のパンは高さや大きさを伝える。動きの速さが印象を決め、ゆっくりなら観察、速ければ驚きや勢いとして受け取られる。始点と終点は、見る側の視線の出発点と到着点になる。見る側は動きの行き先を予想しながら見るので、終点の画が強く印象に残る。", "how": [ "パンの始点と終点の構図をそれぞれ決め、両方とも絵として成立させる", "背景を移動量に見合う大きさで描く（横長・縦長の大判）", "動き出しと止まりに緩急（ゆっくり始めて止める）をつける", "速すぎて絵がぶれないよう、秒数と移動距離を釣り合わせる" ], "when": "広い風景を見せる、人物から人物へ視線を移す、高い建物を見上げるなど、画面外の情報を順に見せたいときに使う。1枚の絵の中で情報を段階的に明かし、最後に意外なものを見せる手段にもなる。", "avoid": "目的のないパンは画面を落ち着かなくする。始点か終点の構図が弱いと、動きが途中で迷って見える。T.U.を「ティルトアップ」と取り違えると指示が伝わらない。速すぎるパンは、絵が流れて読めなくなる。", "ai": "モーションコミックの「横流し」はまさにパンである。漫画の発注段階で横長・縦長のコマとして描いておき、build_motion_comic.py で端から端へ流す。人物の顔が枠から切れないよう、始点・終点それぞれで顔が入る位置を確かめる。速度は1枚を横切るのに数秒以上かけるとぶれず読みやすい。", "related": [ "B-02", "B-05", "B-10", "A-05" ], "sources": [ { "title": "もっとアニメを知るための撮影講座 第4回 カメラワークを考える", "author": "泉津井陽一（WEBアニメスタイル）", "url": "https://animestyle.jp/2016/02/29/9823/", "note": "アニメでは縦方向をティルトでなく縦PAN・PAN UP/DOWNと呼ぶ点" }, { "title": "絵コンテの描き方・絵コンテ用語の早見表（2014年版）", "author": "真鍋知博", "url": "https://tmanabe.github.io/misc/conti_cheat_sheet.pdf", "note": "PANはカメラ位置を固定して向きを振る操作という定義" }, { "title": "Ultimate Guide to Camera Movement", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/different-types-of-camera-movements-in-film/", "note": "パン・ティルトが新しい情報を明かし、高さや規模を伝える点" } ], "tags": [ "カメラワーク", "パン", "略号" ], "url": "https://fantasist.org/anime-techniques/b-03/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "1カット目（屋敷と山道）・6カット目（荒れた峠道）", "why": "横に広い山の風景を左右に流し、止め絵でも峠の広さと遠さを見せるため。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "1カット目（街の全景）・3カット目（市場）", "why": "横に広い風景のコマを左右に流し、止め絵でも街の広さと人の多さを見せるため。" } ] }, { "no": "B-04", "title": "トラックアップ・トラックバック（T.U.・T.B.）", "aka": [ "T.U.", "T.B.", "寄り", "引き", "プッシュイン" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "カメラが被写体に近づくのがT.U.（寄り）、遠ざかるのがT.B.（引き）。注意を集めたり、状況を明かしたりする。", "what": "トラックアップ（T.U.）はカメラが被写体へ前進する動き、トラックバック（T.B.）は後退する動きである。日本の映像用語でも前進をアップ、後退をバックと呼ぶ。アニメでは絵を拡大・縮小して表現し、絵コンテでは開始と終了の枠を描いて矢印でつなぐ。英語圏のプッシュイン／プルアウトにおおむね当たる。カメラワークの中でも最もよく使われる動きの1つである。", "why": "寄っていく動きは、見る側の注意を1点に集め、緊張や親密さを高めると説明される。人物の内面に入り込む感覚を生むためである。反対に引いていく動きは、周りの状況を少しずつ明かし、人物を小さく見せることで孤独や距離を感じさせる。サイズの変化を時間をかけて見せるので、カットを切り替えるより心理の変化が滑らかに伝わる。", "how": [ "開始の枠と終了の枠をレイアウトに描き、中心点を決める", "寄りは感情の頂点や重要な台詞の直前に置く", "引きは、隠していた状況を明かす場面や締めくくりに使う", "動きの速さを一定にするか、緩急をつけるかを決めておく" ], "when": "決意や動揺など感情が高まる瞬間、重大な事実の発覚、場面の締めくくりの余韻に使う。寄りは場面の途中、引きは場面の終わりに置かれやすく、組み合わせると1つの場面の起伏が作れる。", "avoid": "何でもゆっくり寄ると、単調でどのカットも同じ印象になる。拡大しすぎると絵の粗が見える。T.U.とティルトアップを混同しない。寄りの終点で被写体が中心からずれていると、狙いがぼやける。", "ai": "モーションコミックの寄り・引きは、このT.U./T.B.を画像の拡大縮小で再現する。1〜2分の中で多用せず、感情の頂点のカットにだけ寄りを使うと効く。拡大の上限は元画像の解像度で決まるので、寄るカットのコマ絵は大きめの解像度で発注する。", "related": [ "B-01", "B-06", "B-02" ], "sources": [ { "title": "映画・映像 業界用語辞典「トラック・アップ／バック」", "author": "TMS 東京映画映像学校", "url": "https://tf-tms.jp/glossary/getword.php?w=%E3%83%88%E3%83%A9%E3%83%83%E3%82%AF%E3%83%BB%E3%82%A2%E3%83%83%E3%83%97%EF%BC%8F%E3%83%90%E3%83%83%E3%82%AF", "note": "前進移動がアップ、後退がバックという用語定義" }, { "title": "絵コンテの描き方・絵コンテ用語の早見表（2014年版）", "author": "真鍋知博", "url": "https://tmanabe.github.io/misc/conti_cheat_sheet.pdf", "note": "T.U.は被写体に近づく、T.B.は遠ざかるという絵コンテ用語" }, { "title": "Ultimate Guide to Camera Movement", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/different-types-of-camera-movements-in-film/", "note": "寄りは緊張や親密さ、引きは文脈や孤立を示すという効果" } ], "tags": [ "カメラワーク", "寄り", "引き", "略号" ], "url": "https://fantasist.org/anime-techniques/b-04/", "usedIn": [] }, { "no": "B-05", "title": "フォロー（被写体を追う）", "aka": [ "フォロー", "付けPAN", "トラッキングショット" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "動く被写体にカメラがついていく動き。人物は画面内に留まり、背景だけが流れて速さや勢いを伝える。", "what": "フォローは、カメラが被写体と同じ速さで移動し、被写体を画面の同じ位置に留める動きである。アニメでは人物を画面中央に置いたまま、背景を反対方向に流して表現する。パンが向きを振るのに対し、フォローは移動するので背景の流れ方が違う。また大判の背景の上で、動く被写体を枠が追いかける「付けPAN」という技法もあると撮影監督は説明している。", "why": "人物が画面内の同じ位置にいるので、見る側の視線は人物に留まり続ける。一方で背景が流れることで、移動の速さと方向が伝わる。背景の流れが速いほど、同じ人物でも速く見える。見る側は人物と一緒に移動しているように感じ、没入感が高まる。付けPANでは枠が被写体を追うので、見失うこともない。移動の向きが一定なら、見る側は目的地へ向かう流れも読み取る。", "how": [ "被写体の進行方向と画面上の位置（進行方向側を広く空ける）を決める", "背景を横長に描き、被写体の速さに合わせて流す量を決める", "近景・中景・遠景を分けて流す速さを変えると奥行きが出る", "止まる瞬間はフォローを緩めて、被写体を少し先行させる" ], "when": "走る、歩く、乗り物で移動するなど、移動そのものを見せたい場面に使う。追跡や逃走の緊迫感を出すとき、長い距離を移動したことを伝えたいときにも効く。人物の勢いや焦りを、台詞に頼らず伝えたいときにも向く。", "avoid": "進行方向側の余白がないと窮屈で、ぶつかりそうに見える。背景が単調な模様だと流れているのが伝わらない。カットごとに進行方向が入れ替わると、どちらへ向かっているか混乱する。", "ai": "静止画のモーションコミックでは、人物だけを留めて背景を流すことはできない（新しい絵を起こさないため）。横長のコマ絵を人物の進行方向に流すと、パンに近い効果になる。将来動画生成を使うなら、進行方向を全カットで揃える指示を明記する。", "related": [ "B-03", "B-10", "C-10" ], "sources": [ { "title": "もっとアニメを知るための撮影講座 第4回 カメラワークを考える", "author": "泉津井陽一（WEBアニメスタイル）", "url": "https://animestyle.jp/2016/02/29/9823/", "note": "フォローは対象と同じ速度で動く、付けPANは大判背景上で対象を追う" }, { "title": "絵コンテの描き方・絵コンテ用語の早見表（2014年版）", "author": "真鍋知博", "url": "https://tmanabe.github.io/misc/conti_cheat_sheet.pdf", "note": "フォローは動く被写体をカメラで追随するという定義" }, { "title": "Ultimate Guide to Camera Movement", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/different-types-of-camera-movements-in-film/", "note": "トラッキングショットが流れるような没入感を生む点" } ], "tags": [ "カメラワーク", "移動", "速度" ], "url": "https://fantasist.org/anime-techniques/b-05/", "usedIn": [] }, { "no": "B-06", "title": "ズームとドリーの違い", "aka": [ "Z.I.", "Z.O.", "ズームイン", "ドリー" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "ズームはレンズの画角を変え、ドリーはカメラ自体が動く。前後関係の変わり方（視差）が違う。", "what": "ズームは、カメラの位置を変えずにレンズの焦点距離を変えて、被写体を大きく・小さく見せる操作である。アニメの略号ではZ.I.（ズームイン）、Z.O.（ズームアウト）と書く。ドリー（トラック）はカメラそのものを前後に動かす。ズームでは手前と奥の位置関係が変わらず平面的に拡大されるが、ドリーでは手前の物が奥より速く動き、視差が生まれる。アニメでは平面の絵を扱うため、この区別は厳密でないことが多いと撮影監督は述べている。", "why": "人の目は、手前と奥のずれ方（視差）から、自分が空間の中を動いていると感じる。ドリーは視差を伴うので空間に入っていく感覚を生む。ズームは視差がないため、機械的・人工的な寄りに感じられやすい。急激なズームは強い強調や滑稽さとして受け取られやすいとされる。アニメでも、層を分けて拡大率を変えればドリーに近い効果が出せる。", "how": [ "空間に入り込む感覚がほしいなら、ドリー（層ごとに拡大率を変える）を選ぶ", "注目点を突きつけたいなら、ズームで一気に寄る", "素早いズームは喜劇的に見えやすいので、深刻な場面では避ける", "平面の絵だけで済ませる場合は、両者の差がほぼ出ないと心得る" ], "when": "発見や衝撃の強調にはズーム、場所へ踏み込む感覚や人物への接近にはドリーが向く。両者を組み合わせたドリーズームは、足元が揺らぐような不安や、人物の内面の動揺の表現に使われる。", "avoid": "ズームを多用すると素人っぽく見えやすい。一枚絵を拡大するだけのドリーはズームと区別がつかず、狙った奥行きが出ない。深刻な場面で素早いズームを使うと、意図せず滑稽に見えることがある。", "ai": "1枚のコマ絵を拡大するモーションコミックの寄りは、原理上ズームと同じで視差が出ない。奥行きがほしいときは、背景と人物を別レイヤーで持つ必要があるが、現状は新しい絵を起こさないので、ズームであると割り切り、速度をゆっくりにして機械的な印象を和らげる。", "related": [ "B-04", "B-10" ], "sources": [ { "title": "What is a Zoom Shot and When You Should Use One", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/what-is-a-zoom-shot-definition/", "note": "ズームは焦点距離、ドリーはカメラ位置を変えるという違いと効果" }, { "title": "もっとアニメを知るための撮影講座 第4回 カメラワークを考える", "author": "泉津井陽一（WEBアニメスタイル）", "url": "https://animestyle.jp/2016/02/29/9823/", "note": "アニメではZ.I./Z.O.とT.U./T.B.の区別が厳密でないことが多い点" }, { "title": "Ultimate Guide to Camera Movement", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/different-types-of-camera-movements-in-film/", "note": "ズームは人工的に感じられ、ドリーズームは奥行き知覚を乱す点" } ], "tags": [ "カメラワーク", "ズーム", "奥行き" ], "url": "https://fantasist.org/anime-techniques/b-06/", "usedIn": [] }, { "no": "B-07", "title": "あおり・俯瞰", "aka": [ "ローアングル", "ハイアングル", "鳥瞰" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "下から見上げる「あおり」は被写体を大きく強く、上から見下ろす「俯瞰」は小さく弱く見せる。", "what": "あおり（ローアングル）は、カメラを被写体より低い位置に置き、見上げる角度で撮るアングルである。俯瞰（ハイアングル）は高い位置から見下ろす。真上から見下ろすものは真俯瞰や鳥瞰と呼ばれる。目の高さで撮るアイレベルが中立の基準になる。映像の解説では、あおりは被写体に力を与え、俯瞰は力を奪うと整理されることが多い。", "why": "人は日常で、見上げる相手を大きく強い存在として、見下ろす相手を小さく弱い存在として感じる。カメラの高さはこの身体感覚を借りて、人物の力関係や心理状態を伝える。真上からの視点は日常では得られないため、全体の配置や規模を一望させ、客観的・運命的な印象を与える。角度の選択は、見る側が人物をどう評価するかにも影響する。", "how": [ "場面の基準になる目の高さ（アイレベル）を先に決める", "威圧感や決意を見せたい人物にはあおりを使う", "追い詰められた人物や孤立感には俯瞰を使う", "配置や規模を見せたいときは真上からの視点を使う" ], "when": "力関係の変化、敵の登場、主人公の決意、絶望や孤立の表現に使う。対話で上下関係がある場合は、両者に逆の角度を当てて力の差を示すこともできる。同じ人物でも、物語の前後で角度を変えると立場の変化を示せる。", "avoid": "意味なく角度を振ると、力関係の表現が崩れる。あおりや俯瞰は人体の遠近が強く、描写（生成）の難度が高い。ずっと同じ角度だと効果が薄れる。あおりが続くと画面の圧が強すぎて疲れる。", "ai": "画像生成AIは極端なあおり・俯瞰で人体が崩れやすいので、コマ絵の発注時に「やや見上げ」「やや見下ろし」程度にとどめ、崩れていないか必ず確かめる。モーションコミックでは、あおりの絵に下から上への縦パンを合わせると、見上げる動作と重なって効果が強まる。", "related": [ "B-01", "B-08", "B-09" ], "sources": [ { "title": "Different Types of Camera Shots and Angles in Film", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-camera-shots-angles-in-film/", "note": "ローアングルは力を与え、ハイアングルは力を奪い、俯瞰は規模を示す" } ], "tags": [ "アングル", "力関係", "心理" ], "url": "https://fantasist.org/anime-techniques/b-07/", "usedIn": [] }, { "no": "B-08", "title": "ダッチアングル", "aka": [ "斜め構図", "カント", "オブリーク" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "カメラを横に傾け、水平線を斜めにする構図。不安や混乱、狂気など心理の揺らぎを伝える。", "what": "ダッチアングルは、カメラを光軸まわりに傾け、画面の水平線や垂直線が斜めになるように撮る構図である。名称はドイツ語の Deutsch が訛ったものとする説があるが、確定していない。ドイツ表現主義の映画では、狂気や混乱の描写に多用された。のちにヒッチコックらも用いたとされる。英語ではカントやオブリーク・アングルとも呼ばれる。映像の文法の中では、使えば必ず目立つ強い技法の1つである。", "why": "人は画面の水平・垂直を無意識の基準にして安定を感じる。それが傾くと、頭を傾けたときのような違和感や落ち着かなさが生じる。この知覚のずれを、人物の不安、状況の異常さ、価値観が揺らぐ瞬間に重ねると、説明なしに心理を伝えられる。安定した水平の画面の中に1カットだけ傾いた画面があると、それ自体が場面の異常を知らせる合図になる。", "how": [ "傾ける理由（不安・異常・混乱）を一言で決めてから使う", "傾きの角度を決め、同じ場面の中では揃える", "ここぞという数カットだけに使い、前後は水平に戻す", "傾いた画面の中でも、視線の行き先となる被写体ははっきり見せる" ], "when": "悪夢や錯乱、事件の発覚、敵の異様さの提示など、画面の「正常」を崩したい瞬間に使う。作品全体で使う回数をあらかじめ決めておくと、効き目を保てる。事件の前後で傾きを変え、正常と異常の差を見せる使い方もある。", "avoid": "理由のない多用は、効果がないばかりか作り手の未熟さとして批判される。映画評論家が乱用を皮肉った例が知られる。長く続けると見る側が疲れる。傾きの向きがカットごとにばらばらだと、ただ乱雑に見える。", "ai": "モーションコミックでは、コマ絵を回転させて傾けることで再現できるが、四隅が欠けるので回転と同時にわずかに拡大して隠す。画像生成の段階で傾いた構図を発注すると人物が崩れやすいので、水平の絵を後から傾ける方が安全である。", "related": [ "B-07", "B-09" ], "sources": [ { "title": "Dutch angle", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Dutch_angle", "note": "名称の由来、ドイツ表現主義での使用、乱用への批判" }, { "title": "Different Types of Camera Shots and Angles in Film", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-camera-shots-angles-in-film/", "note": "ダッチアングルが見る側を混乱させ、心理的な緊張を生む点" } ], "tags": [ "アングル", "不安", "心理" ], "url": "https://fantasist.org/anime-techniques/b-08/", "usedIn": [] }, { "no": "B-09", "title": "主観（POV）", "aka": [ "POV", "主観ショット", "見た目" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "登場人物の目に見えている景色を、そのまま画面にするカット。見る側を人物の立場に置く。", "what": "主観ショット（POV）は、登場人物が見ているものを、その人物の視点から見せるカットである。日本の現場では「見た目」とも呼ぶ。典型的には、人物が何かを見るカット、その人物の見た目のカット、人物の反応のカットの順に並べる。1927年の仏映画で胸当てにカメラを付けて撮ったのが初期の例とされ、全編を主観で撮った作品もある。", "why": "見る側は人物の目を通して世界を見るので、人物と同じ情報しか得られず、同じ驚きや恐怖を感じやすい。見る→見た目→反応の並びにより、見る側は自分の感じたことを人物の感情として読み取る。これが没入感と同一化を生むと説明される。人物の表情を見せる反応カットと組み合わせることで、見た目の情報と感情が1つにつながる。", "how": [ "見る人物のカットを先に置き、誰の視点かを示す", "見た目のカットは人物の目の高さと向きに合わせる", "見た目の後に人物の反応カットを置いて感情を示す", "揺れやぼかし、覗き穴の枠などで主観らしさを補う" ], "when": "手紙や画面を読む、何かを発見する、追われる・覗くなど、人物と同じ情報を同時に知らせたい場面に使う。謎や恐怖の演出で、見る側にも同じ緊張を味わわせたいときにも効く。", "avoid": "誰の視点かわからない主観は混乱を招く。主観を長く続けると、人物の表情が見えず感情が伝わりにくい。見た目の高さが人物の身長と合わないと不自然になる。反応カットを省くと、見た目の意味が伝わらない。", "ai": "モーションコミックでは、「人物が見るコマ」→「見た目のコマ」→「反応のコマ」の3枚組で再現できる。見た目のコマは画像生成で人物を描かずに済むので、一貫性の問題を避けられる利点がある。読み上げ台本では見た目のカットに独白を置くと主観が強まる。", "related": [ "B-07", "C-05", "H-03" ], "sources": [ { "title": "Point-of-view shot", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Point-of-view_shot", "note": "POVの定義、見る→見た目→反応の構造、初期の例と全編主観の作品" }, { "title": "Different Types of Camera Shots and Angles in Film", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-camera-shots-angles-in-film/", "note": "POVが人物の視覚体験に没入させ同一化を生む点" } ], "tags": [ "主観", "視点", "没入" ], "url": "https://fantasist.org/anime-techniques/b-09/", "usedIn": [] }, { "no": "B-10", "title": "密着マルチ・パララックス", "aka": [ "マルチ", "密着引き", "マルチプレーン", "視差スクロール" ], "category": "B", "categoryLabel": "カメラとショット", "summary": "背景を近景・中景・遠景の層に分け、層ごとに違う速さで動かす。平面の絵に奥行きを出す技法。", "what": "マルチは、絵を複数の層に分け、層ごとに異なる速度で動かして奥行きを出す技法である。手前ほど速く、奥ほど遅く動かす。1937年頃にディズニーが最大7層のガラス板を重ねるマルチプレーン・カメラを完成させた例が知られる。日本のアニメでは、層を同じ面の上で速度を変えて引く「密着マルチ」が、デジタル化以後は一般的とされる。", "why": "人は移動するとき、近くの物ほど速く、遠くの物ほど遅く視界を流れる（運動視差）。この差から距離を感じ取る。層ごとの速度差は、この知覚の手がかりを平面の絵に与えるので、実際には平らな絵でも奥行きのある空間に見える。フォローやパンと組み合わせると、その空間を移動している感覚が生まれる。層の数が多いほど、距離の段階が細かく伝わる。", "how": [ "背景を近景・中景・遠景の最低3層に分けて用意する", "手前の層ほど大きく速く、奥の層ほど小さく遅く動かす", "層どうしの速度の比を決め、カットの途中では変えない", "層の境目に隙間や不自然な重なりがないか確かめる" ], "when": "フォローで移動を見せる場面、パンで広がりを見せる風景、乗り物の車窓などに使う。一枚絵のパンより空間の手応えが出るので、舞台の広さや距離を印象づけたい場面に向く。", "avoid": "層の速度差が大きすぎると、つながりが切れて書き割りのように見える。層を分けずに1枚を動かしただけでは奥行きは出ない。奥の層まで速く動かすと、遠景が近くに見えて距離感が狂う。", "ai": "現在の fantasist.org のモーションコミックは1枚のコマ絵をそのまま動かすため、層ごとの視差は作れない。1枚画像を擬似的に動かす Ken Burns 的な手法でも、奥行きを出すには層に分ける必要がある。将来、コマ絵を前景と背景に分けて発注・切り抜きできれば、同じスクリプトで層ごとに速度を変えて再現できる。", "related": [ "B-03", "B-05", "B-06" ], "sources": [ { "title": "Multiplane camera", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Multiplane_camera", "note": "マルチプレーン・カメラの原理（奥ほど遅い）と1937年の完成" }, { "title": "もっとアニメを知るための撮影講座 第4回 カメラワークを考える", "author": "泉津井陽一（WEBアニメスタイル）", "url": "https://animestyle.jp/2016/02/29/9823/", "note": "層ごとに引き速度を変える手法とデジタル時代の密着マルチ" }, { "title": "Ken Burns effect", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Ken_Burns_effect", "note": "静止画をパン・ズームで動かす技法と、視差を擬似する手法" } ], "tags": [ "奥行き", "撮影", "視差" ], "url": "https://fantasist.org/anime-techniques/b-10/", "usedIn": [] }, { "no": "C-01", "title": "カットとシーン", "aka": [ "ショット", "シークエンス", "S/C" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "映像はカット（途切れない1続き）が集まってシーン、シーンが集まってシークエンスになる。", "what": "カットは、カメラが回り始めてから止まるまでの、途切れない映像の最小単位である。英語ではショットと呼び、日本語の「カット」は和製の用法とされる。同じ時間と場所で続く複数のカットがまとまって、意味をなす1かたまりのシーンになり、複数のシーンがまとまって物語の章に当たるシークエンスになる。台本や絵コンテでは「S3C5」（シーン3のカット5）のように番号で管理する。", "why": "映像の編集とは、カットをどの順で、どの長さで並べるかの選択である。単位を分けて考えると、カット内の設計（構図・動き）と、カット同士のつなぎ（編集）と、場面の構成（シーン）を別々に検討できる。見る側も、シーンの変わり目を時間や場所の変化として自然に区切って理解する。スタッフ間でも、番号で単位を指せば修正や差し替えの指示が正確になる。", "how": [ "脚本を時間と場所で区切り、シーン番号を振る", "シーンをカットに割り、シーン番号＋カット番号で管理する", "1つのカットで伝える内容は、原則として1つに絞る", "シーンの変わり目では、時間や場所の変化がわかる画を置く" ], "when": "脚本をコンテに起こすとき、編集で構成を見直すとき、スタッフ間で特定の画面を指し示すときに使う。素材の管理や差し替えの記録にも欠かせない。作品の構成を俯瞰して、場面の順番を入れ替える検討にも役立つ。", "avoid": "1カットに情報を詰めすぎると、何を見せたいか伝わらない。番号の管理が崩れると、差し替えや修正の指示が混乱する。シーンの変わり目が曖昧だと、見る側は時間や場所の移動に気づかない。", "ai": "モーションコミックでは、1枚のコマ絵とその動きが1カットに当たる。コマ絵とカット番号を1対1で結び付け、同じ絵を2回使うときも別のカット番号を振ると、字幕と読み上げ台本の時刻合わせが楽になる。", "related": [ "A-04", "C-02" ], "sources": [ { "title": "映画・映像 業界用語辞典「カット（シーン、シークエンス）」", "author": "TMS 東京映画映像学校", "url": "https://tf-tms.jp/glossary/getword.php?w=%E3%82%AB%E3%83%83%E3%83%88%EF%BC%88%E3%82%B7%E3%83%BC%E3%83%B3%E3%80%81%E3%82%B7%E3%83%BC%E3%82%AF%E3%82%A8%E3%83%B3%E3%82%B9%EF%BC%89", "note": "カット・シーン・シークエンスの階層とS3C5表記" }, { "title": "Film Art: An Introduction（第10版, McGraw-Hill, 2013）第6章 編集", "author": "David Bordwell & Kristin Thompson", "url": "https://www.mheducation.com/highered/product/film-art-an-introduction-bordwell.html", "note": "ショット同士の関係として編集を体系化した映画学の教科書" } ], "tags": [ "編集", "単位", "基礎" ], "url": "https://fantasist.org/anime-techniques/c-01/", "usedIn": [] }, { "no": "C-02", "title": "カット尺とリズム", "aka": [ "尺", "秒数", "コマ数", "テンポ" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "各カットを何秒（何コマ）見せるか。1秒24コマを単位に、長短の並びで映像のリズムを作る。", "what": "カット尺は1つのカットの長さで、アニメでは秒とコマで数える。日本のアニメは1秒を24コマに分けて作られ、1枚の絵を2コマ・3コマ続けて使う2コマ打ち・3コマ打ちが標準的とされる。絵コンテでは「1+12」（1秒12コマ＝36コマ）のように書く。ハリウッド映画を分析した研究では、この数十年でカットの平均の長さが短くなっていることが報告されている。", "why": "見る側は、1つのカットの情報を読み取り終えると次を待つ。短いカットの連続は緊張や速さを、長いカットは落ち着きや余韻を生む。編集者のウォルター・マーチは、カットの判断基準として感情・物語に次いでリズムを挙げている。長短の変化そのものが、音楽の拍のように感情を運ぶ。同じ内容でも尺の配分次第で、緊張にも退屈にも見える。", "how": [ "情報量に合わせて尺を決める（引きの画は長め、アップは短めでも読める）", "台詞のあるカットは、台詞の長さに前後の間を足して尺を決める", "山場の前でカットを短く刻み、山の後は長いカットで落とす", "全カットの尺を並べて見て、同じ長さが続きすぎていないか確かめる" ], "when": "すべての編集で使う。とくにアクション、緊張の高まり、場面の切り替え、余韻を残す締めでリズムの設計が効く。全体を通して見直し、単調な区間がないか確かめる。台詞や読み上げのある映像では、音の長さとの釣り合いも合わせて見る。", "avoid": "短いカットを連続させすぎると、見る側が情報を読み取れず疲れる。長いカットばかりだと退屈になる。台詞の途中でカットが終わるなど、音と画の長さが合わないのもよくある失敗である。", "ai": "モーションコミックでは、各コマ絵の表示秒数がそのままカット尺になる。字幕が読み終わる時間（1秒あたり数文字）と、音声合成が読み終わる時間の長い方に余白を足して尺を決める。全体を通して見て、山場の直前は2〜3秒のカットを続け、締めは5秒以上残すなど長短の差をつける。", "related": [ "C-01", "A-04", "A-08" ], "sources": [ { "title": "コマ打ち", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%9E%E6%89%93%E3%81%A1", "note": "1秒24コマ、2コマ打ち・3コマ打ちが標準という点" }, { "title": "絵コンテの用語と見方", "author": "コマツアヤヒト（アニログ）", "url": "https://animlog.net/storyboard-overview/", "note": "秒数を「1+12」（36コマ）のように書く表記" }, { "title": "Quicker, Faster, Darker: Changes in Hollywood Film over 75 Years（i-Perception, 2011）", "author": "James E. Cutting ほか", "url": "https://journals.sagepub.com/doi/10.1068/i0441aap", "note": "ハリウッド映画のカットが年代とともに短くなった分析" }, { "title": "The Rule of Six — Walter Murch's In the Blink of an Eye", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/walter-murch-rule-of-six/", "note": "マーチが判断基準の3番目にリズムを置く点" } ], "tags": [ "編集", "リズム", "尺", "テンポ" ], "url": "https://fantasist.org/anime-techniques/c-02/", "usedIn": [] }, { "no": "C-03", "title": "アクションつなぎ", "aka": [ "マッチ・オン・アクション", "AC", "動きつなぎ" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "人物の動きの途中でカットを切り替え、次のカットで動きの続きを見せる。つなぎ目が目立たなくなる。", "what": "アクションつなぎは、ある動作の途中でカットを切り、次のカットで同じ動作の続きから見せる編集である。たとえばドアノブに手を伸ばすところで切り、次のカットで反対側からドアが開くところを見せる。連続性を保つ編集（コンティニュイティ編集）の基本技法で、絵コンテではACと略して書かれることがある。実写で異なる時間に撮ったカットを自然につなぐために発達した。", "why": "動きの途中で切ると、見る側の注意は動きの続きを追うことに向き、カットの切り替わりそのものに気づきにくい。動きが2つのカットの橋渡しをするので、角度やサイズが大きく変わっても、同じ時間が続いているように感じられる。わずかなずれも動きに紛れて目立たなくなる。角度を変えながら動きを見せられるので、動作に迫力も加わる。", "how": [ "つなぎたい動作（立つ、振り向く、投げるなど）を選ぶ", "前のカットで動作を始めさせ、動きの途中で切る", "次のカットは同じ動作の段階から始め、角度かサイズを大きく変える", "動作の速さと向き（画面上の方向）を2つのカットで揃える" ], "when": "アクション場面や、人物が立つ・座る・振り向くなどの日常動作で、視点を変えながら流れを止めたくないときに使う。格闘や追跡の場面では特に多用される。動きの向きを揃えると、見る側は流れを途切れなく追える。", "avoid": "動作が前後のカットで重複したり欠けたりすると、動きが飛んだり戻ったりして見える。画面上の向きが逆になると混乱する（C-10参照）。角度やサイズの変化が小さすぎると、逆にジャンプカットのように見える。", "ai": "静止画のモーションコミックでは動作そのものは見せられないが、「振りかぶる直前のコマ」→「振り下ろした後のコマ」を、動きの向きに合わせたパンでつなぐと、動作の途中で切った感覚に近づく。将来動画生成を使うなら、前後のカットで動作の段階を指定して生成し、編集で重なりを削る。", "related": [ "C-04", "C-10" ], "sources": [ { "title": "Cutting on action", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Cutting_on_action", "note": "動作の途中で切り次で続きを見せ、切り替わりを隠す原理" }, { "title": "Continuity editing", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Continuity_editing", "note": "連続性を保つ編集の中でのマッチ・オン・アクションの位置" }, { "title": "絵コンテの用語と見方", "author": "コマツアヤヒト（アニログ）", "url": "https://animlog.net/storyboard-overview/", "note": "絵コンテで動きをつなぐ編集をACと書く表記" } ], "tags": [ "編集", "連続性", "動き" ], "url": "https://fantasist.org/anime-techniques/c-03/", "usedIn": [] }, { "no": "C-04", "title": "マッチカット", "aka": [ "グラフィック・マッチ", "形のつなぎ" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "前後のカットで形・動き・構図・音を一致させてつなぐ。離れた時間や場所を一瞬で結び付ける。", "what": "マッチカットは、前のカットと次のカットで、形や色、動き、画面上の位置、音などを一致させてつなぐ編集である。形や構図を合わせるグラフィック・マッチ、動きを合わせるもの、音を合わせるものなどがある。空へ投げた骨が宇宙の人工衛星につながる1968年のSF映画の場面が、よく知られた例とされる。説明なしに2つの場面を結び付ける強い技法である。", "why": "見る側の目は、切り替わりの直前に見ていた位置と形を追い続ける。次のカットの同じ位置に似た形があると、視線が途切れず、別の時間や場所への移動がなめらかに感じられる。同時に、似た形が並ぶことで2つのものの関係（比喩や対比）が説明なしに伝わる。一致は見る側に「なぜ似ているのか」を考えさせ、印象を強く残す。", "how": [ "つなぎたい2つの場面に共通する形・動き・色・音を探す", "その要素を両カットで画面上の同じ位置・同じ大きさに置く", "動きを合わせる場合は、向きと速さも揃える", "つないだ意味（時間経過、比喩、対比）を一言で確認する" ], "when": "時間の大きな飛躍、回想への出入り、場所の転換、2つのものを比喩的に結び付けたい場面に使う。作品の冒頭と結末を同じ形でつなぎ、円環の構成にする使い方もある。見る側に2つの場面の関係を考えさせたいときに効く。", "avoid": "形が微妙にずれていると一致が伝わらず、ただの唐突な切り替えに見える。意味のない一致を多用すると技巧だけが目立ち、1本の作品で何度も使うと驚きも薄れる。効果が伝わったか、第三者に見せて確かめるとよい。", "ai": "モーションコミックでは、丸い形（月、瞳、時計）など共通の形を持つ2枚のコマ絵を、その形が画面の同じ位置・大きさになるよう切り出してつなぐ。build_motion_comic.py の寄り・引きの位置指定で、前のカットの終点と次のカットの始点の形を合わせる。画像生成で発注する段階から構図を指定しておくと合わせやすい。", "related": [ "C-03", "C-11" ], "sources": [ { "title": "Match cut", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Match_cut", "note": "マッチカットの定義、グラフィック・マッチ、1968年の骨と衛星の例" }, { "title": "Types of Editing Transitions in Film — The Ultimate Guide", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-editing-transitions-in-film/", "note": "マッチカットの種類（形・動き・音）と効果" } ], "tags": [ "編集", "つなぎ", "比喩" ], "url": "https://fantasist.org/anime-techniques/c-04/", "usedIn": [] }, { "no": "C-05", "title": "カットバック・切り返し", "aka": [ "切り返し", "ショット／リバースショット", "リバースアングル" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "向かい合う2人を、反対方向から撮ったカットで交互に見せる。会話場面の基本の組み立て。", "what": "切り返しは、向かい合う2人を撮るとき、一方を見るカットと、ほぼ反対側から他方を見るカットを交互につなぐ技法である。英語ではショット／リバースショットと呼び、肩越しのショットがよく使われる。日本語の「カットバック」は、2つの異なる場面を交互に見せる編集を指すこともあり、文脈で意味が変わる。会話場面を組み立てる最も基本的な型である。", "why": "交互のカットにより、見る側は話し手と聞き手の両方の表情を追え、会話の中に座っているような感覚になる。聞き手の反応カットは、台詞がどう受け止められたかを示す。また同じ無表情でも前後のカットによって違う感情に読まれること（クレショフ効果）が知られ、切り返しの反応カットは感情を作る道具になる。反応の読み取りは見る側の補完に支えられている。", "how": [ "2人の位置関係がわかる引きの画を最初に置く", "2人を結ぶ線の同じ側から、両者をほぼ対称の角度で撮る", "話し手だけでなく、聞き手の反応カットを挟む", "感情が高まるにつれ、両者のサイズを揃えて寄っていく" ], "when": "会話、対決、告白など、2者のやりとりを見せる場面に使う。交互の間隔でやりとりの速さを表せる。言い争いでは間隔を詰め、沈黙では反応カットを長くする。見る側の同情を誰に向けるかも、反応カットの配分で調整できる。", "avoid": "2人を結ぶ線を越えると、2人が同じ方向を向いて見え混乱する（C-10参照）。同じサイズの切り返しを延々と続けると単調になる。反応カットがないと、台詞の受け止め方が伝わらない。", "ai": "モーションコミックでは、人物Aのコマ絵と人物Bのコマ絵を交互に並べ、読み上げ台本の話者に合わせて切り替える。画像生成では2人の向きがぶれやすいので、Aは右向き、Bは左向きと発注時に固定する。反応カットには台詞を置かず、字幕なしで1〜2秒見せると効く。", "related": [ "C-10", "B-09", "C-07" ], "sources": [ { "title": "What is a Reverse Angle Shot in Film", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/what-is-a-reverse-angle-shot-definition/", "note": "リバースアングルと会話でのショット／リバースショット、肩越しの形" }, { "title": "Kuleshov effect", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Kuleshov_effect", "note": "前後のカットで同じ表情が違う感情に読まれるクレショフ効果" } ], "tags": [ "編集", "会話", "反応" ], "url": "https://fantasist.org/anime-techniques/c-05/", "usedIn": [] }, { "no": "C-06", "title": "クロスカッティング（並行編集）", "aka": [ "クロスカット", "並行モンタージュ", "カットバック" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "別々の場所で同時に進む出来事を交互につなぐ。2つの線が近づくほどカットを短くし、緊張を高める。", "what": "クロスカッティングは、異なる場所で同時に起きている2つ以上の出来事を、交互に切り替えて見せる編集である。並行編集とも呼ばれる。1900年代初頭の米映画にすでに例があり、D・W・グリフィスがこの技法の代表的な使い手とされる。救出に向かう者と危機に陥る者を交互に見せる形がよく知られる。日本語ではカットバックとも呼ばれることがある。", "why": "見る側は、2つの出来事が同時に進んでいると理解し、それらがいつ交わるかを予想し始める。この予想が宙づりのまま続くことが緊張（サスペンス）を生む。交互の間隔を短くしていくと、文章で短い文を重ねるように切迫感が高まる。また並べることで2つの線の対比も浮かぶ。見る側は常に一方の結果を知らないまま他方を見るので、宙づりの状態が続く。", "how": [ "同時に進む2つの出来事と、それらが交わる点を決める", "最初は各線を長めに見せ、場所と状況をはっきりさせる", "交わる点に近づくにつれ、各カットを短くしていく", "場所ごとに色や構図の特徴を変え、切り替わりを迷わせない" ], "when": "救出と危機、準備と待機、電話の両側、別行動の仲間の様子など、同時進行を見せて緊張を高めたい場面に使う。2つの線が最後に1つの場所で合流する構成と相性がよい。同時進行の2人の対比を示したいときにも使える。", "avoid": "どちらの場所かすぐにわからないと混乱する。交互にするだけで両者が最後まで交わらないと、期待が裏切られた感じになる。線が3つ以上になると追いにくい。どちらかの線だけが長すぎると、もう一方を忘れられてしまう。", "ai": "モーションコミックでは、場所Aのコマ絵と場所Bのコマ絵を交互に並べ、カット尺を徐々に短くする（例：5秒→3秒→2秒）。字幕の冒頭に場所を示す短い語を入れると迷わない。読み上げは場所ごとに話者を分け、声の高さを変えると区別しやすい。", "related": [ "C-07", "C-02" ], "sources": [ { "title": "Cross-cutting", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Cross-cutting", "note": "同時進行を交互に見せる定義、グリフィスらの歴史、サスペンスとリズム" }, { "title": "Types of Editing Transitions in Film — The Ultimate Guide", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-editing-transitions-in-film/", "note": "クロスカットが規模・連続性・緊張を生むという効果" } ], "tags": [ "編集", "同時進行", "サスペンス" ], "url": "https://fantasist.org/anime-techniques/c-06/", "usedIn": [] }, { "no": "C-07", "title": "モンタージュ", "aka": [ "モンタージュ・シークエンス", "ソビエト・モンタージュ" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "短いカットを重ねて時間を圧縮したり、並べたカットの衝突から新しい意味を生んだりする編集。", "what": "モンタージュには2つの意味がある。1つは、ソ連の映画作家エイゼンシュテインらが理論化した、カットとカットの衝突から新しい意味を生む編集の考え方である。もう1つは、短いカットを続けて長い時間の経過や多くの出来事を数十秒に圧縮する「モンタージュ・シークエンス」で、特訓の日々を音楽に乗せて見せる形がハリウッドの定番とされる。", "why": "見る側は、並んだ2つのカットの関係を自分で補って意味を作る。無表情の顔と別の画を組み合わせると、見る側は顔に感情を読み込む（クレショフ効果）。この補完の働きにより、説明の台詞なしに観念や時間の流れを伝えられる。短いカットの連続は、長い時間を体感より短く感じさせる。並べ方によって同じ素材でも意味が変わるので、順序の設計が重要になる。", "how": [ "伝えたい観念または経過する時間を1つ決める", "それを表す短いカットを5〜10個ほど選ぶ", "変化の順（始め→途中→結果）に沿って並べる", "音楽や読み上げで全体を1つの流れにまとめる" ], "when": "修行や準備の期間、季節の移り変わり、人物の変化、回想の断片など、長い時間や多くの出来事を短く伝えたいときに使う。説明の台詞を減らしたいときにも有効である。時間の経過を1本の流れで感じさせたいときに向く。", "avoid": "並べるだけで変化がないと、ただのスライドショーになる。定番の特訓モンタージュは使い古された型として受け取られることもある。カットの意味が互いにつながっていないと、見る側は何を読み取ればよいかわからない。", "ai": "モーションコミックはコマ絵を並べる形式なので、モンタージュと相性がよい。1〜2秒のカットを連続させ、フェードで柔らかくつなぐ。映像は無音なので、音楽の代わりに読み上げ台本で短いナレーションを1本通すと、ばらばらの絵が1つの流れになる。", "related": [ "C-06", "C-05", "C-11" ], "sources": [ { "title": "Montage (filmmaking)", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Montage_(filmmaking)", "note": "ソビエト・モンタージュ理論とハリウッドのモンタージュ・シークエンス" }, { "title": "Kuleshov effect", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Kuleshov_effect", "note": "2つのカットの組み合わせが単独より多くの意味を生むことを示した実験" } ], "tags": [ "編集", "時間圧縮", "意味" ], "url": "https://fantasist.org/anime-techniques/c-07/", "usedIn": [] }, { "no": "C-08", "title": "ジャンプカット", "aka": [ "ジャンプ", "時間の飛び" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "ほぼ同じ構図のまま時間だけを飛ばしてつなぐ。画面がはねるような違和感で時間経過や焦りを示す。", "what": "ジャンプカットは、同じ被写体をほぼ同じ位置・角度から撮った映像の途中を抜き、時間を飛ばしてつなぐ編集である。カメラの角度を30度以上変えてつなぐという連続編集の目安（30度ルール）を、あえて破る形になる。1960年のフランス映画で多用されて広まったとされ、現在は動画配信やミュージックビデオでもよく使われる。", "why": "構図がほぼ同じなので、見る側は同じ時間が続いていると予想する。そこで人物の位置や状態だけが急に変わると、映像が跳ねたように感じ、時間が飛んだことに気づく。この違和感は、焦り・混乱・待ち時間の長さなどの心理を表すのにも、映像が作り物であることを意識させるのにも使われる。繰り返し使うと、見る側はそれを意図的な表現と受け取り、違和感を心理描写として読む。", "how": [ "カメラの位置と構図を固定したまま、状態の違う瞬間を複数用意する", "変化（位置・服装・明るさなど）が一目でわかるものを選ぶ", "間の時間を抜き、前後のカットを直接つなぐ", "意図的であることが伝わるよう、2回以上繰り返す" ], "when": "待つ時間の長さ、作業の進み具合、落ち着かない心理、時間の急な経過を示したいときに使う。コメディでは、状態の急変の唐突さを笑いに変えることもできる。同じ場所での時間の経過を、場所を変えずに示せる。", "avoid": "意図せず似た構図のカットをつなぐと、ジャンプカットの違和感だけが出て失敗に見える。多用するとせわしなく疲れる。構図のずれが中途半端だと、手ぶれや作画ミスに見える。", "ai": "モーションコミックでは、同じ構図で人物の姿勢や時間帯だけが違うコマ絵を並べて再現する。ただし画像生成では、同じ構図で背景を揃えることが難しく、背景まで変わると別の場面に見える。同じ背景画像に人物だけを描き変える方法が使えるか、事前に試す。", "related": [ "C-02", "C-03" ], "sources": [ { "title": "Jump cut", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Jump_cut", "note": "時間を飛ばす定義、30度ルールとの関係、1960年の仏映画での普及" }, { "title": "Continuity editing", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Continuity_editing", "note": "連続編集における30度ルールの説明（ジャンプとの関係）" }, { "title": "Types of Editing Transitions in Film — The Ultimate Guide", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-editing-transitions-in-film/", "note": "ジャンプカットが時間経過を示し、注意を引く点" } ], "tags": [ "編集", "時間経過", "違和感" ], "url": "https://fantasist.org/anime-techniques/c-08/", "usedIn": [] }, { "no": "C-09", "title": "J-カット・L-カット", "aka": [ "スプリット編集", "音先行", "音残し" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "音と画の切り替わりをずらす編集。次の場面の音が先に来るのがJ、前の場面の音が残るのがL。", "what": "J-カットは、次のカットの音（台詞や環境音）が、画面が切り替わる前に聞こえ始める編集である。L-カットはその逆で、前のカットの音が、画面が切り替わった後も続く。名称は、編集ソフトのタイムライン上で音と映像の切れ目がJやLの形に見えることに由来する。音と画を同時に切る「ストレートカット」に対する技法である。", "why": "音が先に来ると、見る側は「これから何が来るか」を予感し、次の画を待つ姿勢になる。音が残ると、前の場面の感情が余韻として次の画に重なる。会話では、話し手が話し終わる前に聞き手の顔に切り替えることで、反応を見せつつ台詞を途切れさせない。音と画の切れ目がずれることで、切り替わりの段差がなめらかになる。音が場面をまたいで続くことで、見る側は2つの場面をひと続きとして感じる。", "how": [ "場面転換の数十コマ前から、次の場面の音を先に入れる（J）", "会話では、台詞を続けたまま聞き手の反応カットに切り替える（L）", "感情の余韻を残したいときは、前の場面の音楽や音を次の画に重ねる（L）", "ずらす長さは数十コマ〜数秒程度にし、意図が伝わるか確かめる" ], "when": "場面転換をなめらかにしたいとき、会話で反応を見せたいとき、次の場面を予告して期待させたいときに使う。回想の入り口で過去の声を先に聞かせる使い方もある。会話の多い場面で、画の切り替えを自然に増やしたいときにも使う。", "avoid": "ずらしすぎると、どの画の音かわからなくなる。すべての切り替えでずらすと、編集のリズムがぼやける。台詞の話者の顔が長く映らないと、誰の台詞か迷わせる。音量の急な変化も、ずらした効果を損なう。", "ai": "映像は無音で、読み上げは閲覧者の端末の音声合成が字幕の時刻に合わせて読む。したがって narration.ja.json で台詞の開始時刻を、画面の切り替えより前（J）や後（L）にずらせば同じ効果が出る。字幕も同じ時刻に合わせ、次のコマ絵が出る前に字幕が出ても読めるように話者名を付ける。", "related": [ "C-05", "C-11", "G-05" ], "sources": [ { "title": "What is a J-Cut in Film — Editing Techniques Explained", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/what-is-a-j-cut-in-film/", "note": "J-カットの定義と名称の由来、L-カットとの違い" }, { "title": "Types of Editing Transitions in Film — The Ultimate Guide", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-editing-transitions-in-film/", "note": "J・L-カットの効果（音が先導する、音が重なる）" } ], "tags": [ "編集", "音", "転換" ], "url": "https://fantasist.org/anime-techniques/c-09/", "usedIn": [] }, { "no": "C-10", "title": "イマジナリーラインと編集", "aka": [ "想定線", "180度ルール" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "2人の人物を結ぶ仮想の線の片側からだけ撮ると、カットが変わっても左右の位置関係が保たれる。", "what": "イマジナリーライン（想定線）は、向き合う2人の人物を結ぶ線や、進む乗り物とその進行方向を結ぶ線として想定する仮想の線である。同じ場面の中では、カメラがこの線を越えないように撮るのが原則とされ、英語圏では180度ルールと呼ぶ。線の片側から撮る限り、Aは常に画面の左、Bは常に右に映り、見る側は位置関係を見失わない。", "why": "見る側は、画面の左右で人物の位置や進行方向を覚えている。線を越えたカットに切り替わると、2人の左右が入れ替わり、同じ方向を向いて話しているように見えたり、進行方向が逆転したように見えたりして混乱する。マーチは編集の判断基準の1つに挙げつつ、感情や物語より優先度を低く置いている。位置関係の混乱は、会話の内容や感情から注意をそらしてしまう。", "how": [ "場面の最初の引きの画で、線と2人の左右の位置を決める", "以降のカットはすべて、その線の同じ側から撮る", "線を越えたいときは、カメラや人物が動いて越える様子を1カット内で見せる", "または線上の正面カットや別の画を挟んでから越える" ], "when": "会話、対決、追跡、移動など、2者の位置関係や進行方向が重要な場面すべてで使う。移動の方向を一定に保つと、目的地へ向かう流れも伝わりやすくなる。特に切り返しを多用する会話では常に意識する。", "avoid": "何も挟まずに線を越えると混乱する。ただし演出として意図的に破る作家もおり、規則を守ることが目的化するのも避けたい。研究では、越えても物語の理解にはあまり影響しないという報告もある。", "ai": "画像生成AIに1枚ずつ発注すると、人物の向きがコマごとにばらばらになりやすい。コマ絵の発注前に、場面ごとに「Aは画面左で右を向く、Bは画面右で左を向く」と決め、全プロンプトに書く。生成後にも左右を一覧で確認し、向きが逆のコマは左右反転で直せるか（文字や傷の位置がない場合）検討する。", "related": [ "C-05", "C-03", "B-05" ], "sources": [ { "title": "想定線", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E6%83%B3%E5%AE%9A%E7%B7%9A", "note": "想定線の定義、越えてはならない原則、越える3つの方法" }, { "title": "イマジナリーライン（用語集）", "author": "CGWORLD.jp", "url": "https://cgworld.jp/terms/%E3%82%A4%E3%83%9E%E3%82%B8%E3%83%8A%E3%83%AA%E3%83%BC%E3%83%A9%E3%82%A4%E3%83%B3.html", "note": "越えると位置関係がわからず混乱するという注意" }, { "title": "180-degree rule", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/180-degree_rule", "note": "180度ルールと、違反が理解に与える影響の研究" }, { "title": "The Rule of Six — Walter Murch's In the Blink of an Eye", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/walter-murch-rule-of-six/", "note": "マーチが180度ルールを判断基準の下位に置いている点" } ], "tags": [ "編集", "位置関係", "連続性" ], "url": "https://fantasist.org/anime-techniques/c-10/", "usedIn": [] }, { "no": "C-11", "title": "トランジション（カットイン・F.I./F.O.・O.L.・ワイプ）", "aka": [ "F.I.", "F.O.", "O.L.", "ワイプ", "ディゾルブ" ], "category": "C", "categoryLabel": "編集・カット割り", "summary": "カットのつなぎ方の種類。通常のカット、フェード、オーバーラップ、ワイプなどで時間や場面の区切りを示す。", "what": "トランジションはカットとカットのつなぎ方である。最も基本は効果を付けずに切り替えるカット（カットイン）である。F.I.（フェードイン）は黒などから映像が徐々に現れ、F.O.（フェードアウト）は映像が徐々に消える。O.L.（オーバーラップ）は前の画が消えながら次の画が重なって現れるもので、英語ではディゾルブと呼ぶ。ワイプは、次の画が特定の方向や形で前の画を押しのけるように現れる。", "why": "つなぎ方は、前後のカットの関係を見る側に伝える記号として働く。ただのカットは同じ時間の連続、O.L.は時間の経過や心の移り変わり、F.O./F.I.は大きな区切り（章の終わりと始まり）として受け取られやすい。効果の付いたトランジションほど目立つので、使う回数が少ないほど1回の区切りの重みが増す。区切りの記号を作品内で揃えることが大切である。", "how": [ "基本はカットでつなぎ、効果は意味のある区切りにだけ使う", "時間の経過や回想の出入りにはO.L.を使う", "大きな章の区切りや作品の始まり・終わりにはF.I./F.O.を使う", "ワイプは場面の転換を軽快に見せたいときに限って使う" ], "when": "作品の冒頭と結末、場面や時間帯の転換、回想への出入り、夢と現実の境目など、区切りを見せたい場面に使う。短い作品ほど区切りの数が少ないので、どこで効果付きのつなぎを使うかを最初に決めておくとよい。", "avoid": "O.L.やワイプを多用すると古びた印象や安っぽさにつながる。つなぎ方の意味が場面ごとにばらばらだと、見る側が区切りを読み取れなくなる。フェードが長すぎるのも間延びの原因になる。", "ai": "build_motion_comic.py は現状フェードを使えるので、冒頭のF.I.と結末のF.O.、場面転換のO.L.（フェード同士の重ね）を中心に組む。1〜2分の作品なら効果付きの転換は2〜3回にとどめ、残りはカットでつなぐ。読み上げはフェード中に始めず、画が出きってから始めると聞き取りやすい。", "related": [ "C-04", "C-09", "C-07", "E-08" ], "sources": [ { "title": "絵コンテの用語と見方", "author": "コマツアヤヒト（アニログ）", "url": "https://animlog.net/storyboard-overview/", "note": "F.I./F.O.とO.L.の絵コンテ用語としての意味" }, { "title": "絵コンテの描き方・絵コンテ用語の早見表（2014年版）", "author": "真鍋知博", "url": "https://tmanabe.github.io/misc/conti_cheat_sheet.pdf", "note": "F.I.は黒から映像へ、F.O.は映像から暗転へという定義" }, { "title": "Types of Editing Transitions in Film — The Ultimate Guide", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/types-of-editing-transitions-in-film/", "note": "フェード・ディゾルブ・ワイプの定義と効果" } ], "tags": [ "編集", "転換", "略号" ], "url": "https://fantasist.org/anime-techniques/c-11/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "10カット目の終わり（峠から屋敷へ、暗転）", "why": "峠での出来事から夜の屋敷へ移る時間と場所の切れ目を、黒く落として示すため。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "「視える」・鍛冶場・王への献上のカット（白く飛ばす）", "why": "鑑定の力が見せる過去の像に入る境目を白く飛ばして、現在の場面と区別するため。" } ] }, { "no": "D-01", "title": "原画と動画（中割り）", "aka": [ "キーアニメーション", "インビトウィーン", "中割" ], "category": "D", "categoryLabel": "作画と動き", "summary": "動きの要所だけを原画で描き、その間を動画（中割り）で埋めて、滑らかな動きに仕上げる分業の基本。", "what": "原画は動きの起点・要所・終点を描いた絵で、タイミングやコマ打ちの指示も付ける。動画は原画の線を清書（クリンナップ）し、原画と原画の間の絵を描き足して動きをつなぐ。この描き足しを中割りと呼ぶ。原画だけでは動きは滑らかに見えず、中割りを重ねて初めて連続した動きになる。テレビアニメでは1話に数千枚の動画が要るとされ、数十人の分業で描かれる。", "why": "動きの設計（どこで止め、どこで速くするか）と、その間を埋める作業を分けると、設計者は少ない枚数で演技の核を決められ、量の要る作業は多人数に配れる。見る側は要所のポーズで動きの意味を読み取り、中割りで滑らかさを感じる。つまり意味はキーポーズが、なめらかさは間の絵が担う。原画の段階でタイミング指示まで決まるため、動画担当が独自解釈を足すことはないと説明される。", "how": [ "絵コンテから、動きの始まり・頂点・終わりのポーズを決めて原画にする", "原画の横に、間に何枚入れるか・どこに寄せるかの指示（ツメ）を書く", "動画担当が原画の線を清書し、指示どおりに中割りを描く", "タイムシートに各絵を何コマずつ見せるかを記入し、撮影に渡す" ], "when": "人物の振り向き、立ち上がり、物を投げるなど、始まりと終わりがはっきりした動き全般。演技の芯を少ない絵で決めたいとき、枚数を抑えつつ要所だけは崩したくないときに考え方として使える。", "avoid": "原画の間隔が開きすぎると中割りが単純な平均になり、動きがぬるぬると機械的になる。逆に原画を細かく入れすぎると枚数がかさみ、線の揺れも増える。原画のポーズ自体が弱いと、中割りをいくら丁寧にしても演技は立たない。", "ai": "モーションコミックでは、AIコミックの各コマを「原画」、パン・ズーム・フェードを「中割り」とみなせる。コマの選び方で動きの要所を決め、その間はカメラの移動とクロスフェードで埋める。将来、動画生成を使うなら、始点と終点の絵を指定して間を生成させる方式が原画と中割りの関係に近いが、中間で顔や手が崩れやすいので、要所の絵を増やして間隔を詰めるとよい。", "related": [ "D-02", "D-03", "D-08" ], "sources": [ { "title": "動画とは？（動画制作の解説資料）", "author": "Production I.G", "url": "https://www.production-ig.co.jp/retail/notice-douga/docs/about-douga.pdf", "note": "原画は動きの起点・要点・終点、動画は清書と中割りという定義" }, { "title": "原画 (アニメ制作)", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E5%8E%9F%E7%94%BB_(%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C)", "note": "原画にタイミング・コマ打ち指示が付き、動画段階で解釈を足さない点" }, { "title": "動画 (アニメ制作)", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E5%8B%95%E7%94%BB_(%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C)", "note": "動画の工程とテレビアニメで1話数千枚という枚数" }, { "title": "中割りとは（アニメ業界用語集）", "author": "OCA大阪デザイン＆テクノロジー専門学校", "url": "https://www.oca.ac.jp/glossary/8842/", "note": "中割りが原画間を自然につなぐ作業で、品質を左右するという説明" } ], "tags": [ "作画", "分業", "基礎" ], "url": "https://fantasist.org/anime-techniques/d-01/", "usedIn": [] }, { "no": "D-02", "title": "タイミングとスペーシング（ツメ・タメ）", "aka": [ "ツメ", "タメ", "先ヅメ", "後ヅメ", "timing", "spacing" ], "category": "D", "categoryLabel": "作画と動き", "summary": "絵を何コマ見せるか（タイミング）と、絵と絵の間隔（スペーシング）を調整し、速さと重さを表す技法。", "what": "タイミングは一つの動きに何コマかけるか、スペーシングは中割りの絵同士をどれだけ離すかを指す。間隔が狭いと遅く、広いと速く見える。日本の現場では、中割りの位置を片側に寄せる指示をツメと呼び、原画に目盛り状の図（タイミングチャート）で描く。均等割り、動き出しを詰める先ヅメ、止まり際を詰める後ヅメ、両側を詰める両ヅメがある。動きの前に溜めを作って一気に動かす表現をタメと呼ぶことも多い。", "why": "人の目は、位置の変化の大きさから速さを、速さの変化から重さや力を読み取る。同じ距離を同じ枚数で動かしても、間隔を偏らせるだけで、軽く弾む動きにも重く踏ん張る動きにもなる。速い区間と遅い区間の差をはっきりさせると、動きに強弱が生まれる。コマ数が少ない場合ほど、ツメの付け方で印象が大きく変わる。", "how": [ "動きの中で一番速い区間と止まる区間を先に決める", "止まり際・動き出しに絵を寄せる（ツメる）区間を原画の横に図で指示する", "大きな動作の直前は数コマ止めて溜め、次の数コマで一気に動かす", "速い区間は絵を減らし、流線やブレ表現で間を補う" ], "when": "パンチや跳躍など力の入る動作、重い物を持ち上げる動作、キャラの性格を動きで見せたい場面。軽快さと重さの対比を作りたいとき、少ない枚数でも動きに強弱をつけたいときに有効である。", "avoid": "全部を均等割りにすると動きが平板になる。逆にツメを極端にしすぎると、途中の絵が見えずに瞬間移動したように感じる。溜めを毎回入れると間延びし、会話や展開のテンポが落ちる。", "ai": "モーションコミックでは、パンやズームのイージング（加減速）がそのままスペーシングになる。寄りの最後だけ減速させて止める、重要な台詞の直前に0.5〜1秒の静止を置くなど、動きの速さの偏りで重みを出す。台本（narration.ja.json）も、溜めの位置に間を空けて読み上げを合わせる。動画生成を使う場合は等速でぬるぬる動きがちなので、速度変化を指示するか後で速度を編集する。", "related": [ "D-01", "D-03", "D-08" ], "sources": [ { "title": "動画 (アニメ制作)", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E5%8B%95%E7%94%BB_(%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C)", "note": "均等割り・先詰め・後詰め・両詰めとツメ（タイミングチャート）の説明" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "間隔が狭いと遅く広いと速いというスペーシングの説明" }, { "title": "The Animator's Survival Kit", "author": "Richard Williams（Faber and Faber, 2001／増補版あり）", "url": "https://en.wikipedia.org/wiki/The_Animator%27s_Survival_Kit", "note": "タイミングとスペーシングを基礎として体系化した教本" } ], "tags": [ "作画", "タイミング", "速さ" ], "url": "https://fantasist.org/anime-techniques/d-02/", "usedIn": [] }, { "no": "D-03", "title": "コマ打ち（1コマ・2コマ・3コマ打ち）", "aka": [ "フルコマ", "2コマ打ち", "3コマ打ち", "リミテッドアニメーション" ], "category": "D", "categoryLabel": "作画と動き", "summary": "1枚の絵を何コマ続けて見せるかを決める技法。枚数を抑えるリミテッドアニメーションの土台でもある。", "what": "映像は1秒24コマで、1枚の絵を1コマずつ替えるのが1コマ打ち、2コマずつが2コマ打ち（毎秒12枚）、3コマずつが3コマ打ち（毎秒8枚）である。海外では2コマ打ち、日本のテレビアニメでは3コマ打ちが主流と説明される。枚数を減らし、動かす部分を絞って制約の中で見せる様式をリミテッドアニメーションと呼ぶ。日本では『鉄腕アトム』で制作費と時間を抑えるために採用され、定着したとされる。", "why": "コマ打ちが粗いほど、絵と絵の変化は大きく飛ぶ。これはなめらかさを失う代わりに、ポーズの一枚一枚が強く印象に残るという効果を生む。3コマ打ちでは変化が劇的になり、けれん味のある表現を追求できると説明される。一方、背景が流れるスライドやカメラの動きはコマ打ちが粗いとガタつくため、1コマで動かすのが基本である。つまり、動くものの種類でコマ打ちを使い分けると、枚数を抑えても違和感が出にくい。", "how": [ "芝居の基本は3コマ（または2コマ）打ちで設計する", "速い動作や大きく回り込む動きなど、なめらかさが要る所だけ2コマ・1コマにする", "背景の移動やカメラワークは1コマ打ちで動かす", "決めポーズの前後はコマ打ちを変えて緩急をつける" ], "when": "限られた枚数で多くのカットを作る連続ものの制作全般。ポーズで見せる演技、様式化された動きを狙うとき。反対に、なめらかさが見どころになる決めの動作だけ枚数を増やす、という配分を考えるときにも使う。", "avoid": "粗いコマ打ちのまま画面全体を動かすとガタつきが目立つ。1コマと3コマが同じ画面で無秩序に混ざると、動きのリズムがばらばらになる。なめらかさだけを目指して全部1コマにすると、手間の割に重みが消えることもある。", "ai": "モーションコミックのカメラ移動は、書き出しのフレームレートで1コマ打ちに相当するので、なめらかに保つ。一方、コマ絵の切り替えは「ポーズの切り替え」なので、短い間隔で2〜3枚をパッと替えると3コマ打ち的な飛びの強さが出る。将来、動画生成を使う場合、出力を意図的に間引いて2〜3コマ打ちに落とすと、ぬるぬる感を抑えられる。", "related": [ "D-01", "D-02", "D-04", "E-05" ], "sources": [ { "title": "リミテッド・アニメーション", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%AA%E3%83%9F%E3%83%86%E3%83%83%E3%83%89%E3%83%BB%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3", "note": "1・2・3コマ打ちの秒間枚数、日本と海外の主流、鉄腕アトムでの採用" }, { "title": "撮影 (アニメ制作)", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E6%92%AE%E5%BD%B1_(%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C)", "note": "背景スライドは1コマ打ちが基本で3コマではガタつくという説明" } ], "tags": [ "作画", "コマ打ち", "リミテッド" ], "url": "https://fantasist.org/anime-techniques/d-03/", "usedIn": [] }, { "no": "D-04", "title": "止め絵と部分の動き（口パク・目パチ）", "aka": [ "止め", "部分動画", "口パク", "目パチ", "クチパク" ], "category": "D", "categoryLabel": "作画と動き", "summary": "体や顔は止めたまま、口や目など一部だけを動かして芝居を成立させる技法。枚数を抑えつつ視線を集める。", "what": "リミテッドアニメーションでは、顔の輪郭や体を1枚の止め絵にし、唇やまぶたなど動かす部位だけを別の素材に分けて重ねる。台詞の口の動きを口パクと呼び、日本では閉じ口・中口・開き口の3種類を切り替えて表すのが一般的と説明される。まばたきは目パチと呼ばれ、開き・半開き・閉じの数枚で表す。止め絵は、動きを止めて一枚の絵をじっくり見せる演出としても使われる。", "why": "画面の大半が止まっていると、わずかに動く部分に目が引き寄せられる。動く部位が口や目なら、観客は自然に表情と台詞に注意を向ける。部分だけ動かす手法は、視線誘導の強化と作画コストの低減の両方の効果があるとされる。完全な静止は「絵」に見えるが、まばたき一つが入るだけで「生きている人物」として受け取られやすい。", "how": [ "台詞のあるカットは、顔と体を止め絵にし、口を別素材に分ける", "口は閉じ・中・開きの3枚を台詞のリズムに合わせて切り替える", "数秒に一度、目パチ（開→半→閉→半→開）を入れて静止感を消す", "決めの瞬間は動きをすべて止め、止め絵で見せる" ], "when": "会話の場面、説明が長い場面、表情を見せたいアップ。キャラクターの決めの瞬間を一枚絵として印象づけたいとき。作画の手間を、動きが見どころになるカットへ回したいときにも使われる。", "avoid": "口パクと台詞の長さがずれると、途端に作り物っぽく見える。目パチを一定間隔で機械的に入れると不気味になる。止め絵が続きすぎると、紙芝居のように単調になり、観客の集中が切れる。", "ai": "AIコミックのコマ絵は口や目を別素材に分けられないので、口パクは再現しない。代わりに、話者のアップにゆっくり寄るズームと字幕で「誰が話しているか」を示し、台本の話者名と声の高さで区別する。止め絵を見せる所ではズーム量を小さくする。将来、動画生成で口パクを作る場合は、顔の同一性が崩れやすいので短い尺に限り、元のコマ絵と見比べて確認する。", "related": [ "D-03", "D-14", "E-05" ], "sources": [ { "title": "リミテッド・アニメーション", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%AA%E3%83%9F%E3%83%86%E3%83%83%E3%83%89%E3%83%BB%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3", "note": "顔を止めて部位だけ別セルで動かす手法と、視線誘導・コスト低減の効果" }, { "title": "口パク（CG用語辞典）", "author": "CGWORLD.jp", "url": "https://cgworld.jp/terms/%E5%8F%A3%E3%83%91%E3%82%AF.html", "note": "日本のリミテッドアニメの口パクが閉じ・中あき・あきの3種という説明" }, { "title": "アニメ制作用語辞典", "author": "TOONIQ Tools", "url": "https://tooniq.co.jp/tools/anime-glossary/", "note": "目パチを3〜4枚、止め絵を動きを止めて見せる演出とする定義" } ], "tags": [ "作画", "リミテッド", "表情" ], "url": "https://fantasist.org/anime-techniques/d-04/", "usedIn": [] }, { "no": "D-05", "title": "つぶしと伸ばし", "aka": [ "スクワッシュ・アンド・ストレッチ", "squash and stretch" ], "category": "D", "categoryLabel": "作画と動き", "summary": "物体を衝突でつぶし、勢いで伸ばして、重さや柔らかさ、速さを表すディズニーの基本原則の一つ。", "what": "ディズニーのアニメーターが体系化した12原則の第一に挙げられる。空中を速く動く物は細長く伸ばし、何かにぶつかった瞬間は平たく広げて描く。このとき体積（見かけの量）は変えないのが約束である。ボールの弾みが代表的な練習課題で、顔の表情や体の動きにも応用される。原則はフランク・トーマスとオーリー・ジョンストンの『The Illusion of Life』（1981）で広く知られるようになった。", "why": "形が変わる量から、観客は素材の硬さや重さを推し量る。大きくつぶれる物は柔らかく、ほとんど変形しない物は硬く重く感じる。また、伸びた形は速さの残像のように働き、少ない枚数でも速度感を伝える。体積を保つことで、変形しても同じ物体だと認識され続ける。現実には見えないほどの変形でも、動きの中では自然に受け取られやすい。", "how": [ "動きの頂点・衝突点など、速度が急に変わる位置を特定する", "速い区間の絵は進行方向に伸ばし、衝突の絵は横に広げてつぶす", "伸ばしても縮めても見かけの体積が変わらないよう幅と高さを調整する", "硬い物ほど変形量を小さくして素材感を描き分ける" ], "when": "跳ねる・落ちる・殴るなど衝撃のある動き、驚きや笑いの表情、コミカルな演技。柔らかさや弾力を見せたい小物にも向く。写実寄りの作風でも、変形量を小さくすれば重さの表現として使える。", "avoid": "体積が変わると、膨らんだり縮んだりして見えて気持ち悪い。写実的な作風で使いすぎると、キャラクターがゴムのように見える。硬い物にかけると素材感が失われ、世界の約束も崩れる。", "ai": "モーションコミックでは絵そのものは変形させないが、衝撃の瞬間に一瞬だけ拡大し戻す（ズームのパンチイン）ことで、つぶしと伸ばしの弾みを擬似的に出せる。ただし縦横比を変える加工は顔が歪むので避ける。将来、動画生成を使う場合は、誇張した変形を指示すると人物の同一性が崩れやすいので、小物や効果の動きに限って使う。", "related": [ "D-06", "D-08", "D-10" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "12原則の一つとしての定義と体積保持、出典書籍" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "空中で伸び衝突で平たくなる、体積一定という説明" }, { "title": "The Illusion of Life: Disney Animation", "author": "Frank Thomas & Ollie Johnston（Hyperion, 1981）", "note": "12原則を体系的に紹介したディズニーの原典" } ], "tags": [ "作画", "12原則", "重さ" ], "url": "https://fantasist.org/anime-techniques/d-05/", "usedIn": [] }, { "no": "D-06", "title": "予備動作", "aka": [ "アンティシペーション", "anticipation" ], "category": "D", "categoryLabel": "作画と動き", "summary": "本来の動作の前に、逆向きの小さな動きを入れて、これから何が起きるかを観客に予告する原則。", "what": "ディズニーの12原則の一つ。跳ぶ前に膝を曲げる、投げる前に腕を後ろに引くなど、主動作とは反対方向の準備の動きを入れる。現実の体の動きでも力をためる動作は起きるが、アニメーションではそれを強調して見せる。予備動作が長いほど大きな動きを予感させ、短いほど素早く鋭い印象になる。表情の変化や視線の先取りも、広い意味での予備動作として扱われる。", "why": "観客は、準備の動きを見て次に来る動作を予測する。予測できた動きは、速くても見失われにくい。準備なしに突然大きく動くと、何が起きたかを追えず唐突に感じる。予備動作は観客の注意を先に動作の場所へ向けさせる役割も持つ。あえて予備動作を省けば、予想を裏切る驚きを作ることもできる。つまり予備動作の有無は、観客の予測を操る道具である。", "how": [ "主動作の方向を決め、その逆方向に小さく動く絵を用意する", "準備の姿勢で数コマ止めて溜め、主動作は少ない枚数で速く動かす", "動作の大きさに合わせて、予備動作の量と長さを比例させる", "驚かせたい場面では、予備動作を削って唐突さを残す" ], "when": "ジャンプ、パンチ、走り出し、振り向きなど大きな動作の前。観客に「これから何かが起きる」と身構えさせたい場面。速すぎて見失われやすい動作を、確実に読ませたいときにも入れる。", "avoid": "すべての動きに大きな予備動作を入れると、もったりしてテンポが落ちる。準備と主動作の向きが同じだと予告にならない。予備動作だけ派手で主動作が弱いと、期待外れに見える。", "ai": "モーションコミックでは、アクションのコマの直前に「構え」のコマを置き、そこでわずかに引く（ズームアウト）→次のコマで寄る、というカメラの逆向きの動きで予備動作を作れる。字幕や読み上げも、構えのコマで一拍置いてから動作の台詞を出す。AIコミックの側に構えのコマがあれば、それを予備動作のカットに使う。なければカメラの引きと寄りだけで作り、新しい絵は起こさない。", "related": [ "D-02", "D-05", "D-07" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "跳ぶ前に膝を曲げる等、準備の動きとしての定義" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "投げる前に腕を引く例と、唐突さを防ぐ効果" }, { "title": "Book Review: Expanding 'The Animator's Survival Kit'", "author": "Don Perro / Animation World Network（2010）", "url": "https://www.awn.com/animationworld/book-review-expanding-animators-survival-kit", "note": "Williamsの教本が重さと予備動作を扱うこと" } ], "tags": [ "作画", "12原則", "予告" ], "url": "https://fantasist.org/anime-techniques/d-06/", "usedIn": [] }, { "no": "D-07", "title": "フォロースルーとオーバーラッピング", "aka": [ "follow through", "overlapping action", "送り", "遅れ" ], "category": "D", "categoryLabel": "作画と動き", "summary": "体が止まった後も髪や服が動き続け、部位ごとに動きのタイミングをずらすことで、自然な慣性を表す原則。", "what": "ディズニーの12原則の一つ。フォロースルーは、本体が止まった後も、髪・服・尻尾など緩くつながった部分が慣性で動き続けることをいう。オーバーラッピングは、体の各部位が違う速さ・違うタイミングで動くことを指す。腕を振ると肩が先に動き、肘、手首、指先の順に遅れて追いつく。これにより、全身が一斉に動く機械的な印象を避ける。", "why": "現実の物体は慣性を持ち、柔らかい部分ほど遅れて動き、遅れて止まる。観客はこの遅れを経験から知っているので、遅れがない動きは硬く不自然に感じる。逆に、止まった後に髪や布が少し揺れるだけで、重さと素材感が伝わる。部位ごとのずれは、動きの流れを一つながりの波として見せる効果もあり、ポーズからポーズへの移りを滑らかにする。", "how": [ "本体の動きを先に決め、止まる位置を確定する", "髪・服・装飾など柔らかい部分を別の層に分ける", "柔らかい部分は本体より数コマ遅れて動き出し、遅れて止まるようにする", "止まった後に小さく振り戻す揺れを1〜2往復入れる" ], "when": "走って急停止する、振り向く、マントや長い髪のキャラクターが動く場面。動きの終わりに余韻を残したいとき。体の大きな動作を、肩から指先への流れとして見せたいときにも使う。", "avoid": "揺れを長く続けすぎると、ゼリーのように締まりがなくなる。全部の部位を同じだけ遅らせると、ずれが単調になる。硬い物にまで遅れをつけると素材感がおかしくなり、世界の物理が揺らぐ。", "ai": "モーションコミックでは、カメラの移動を止めるときに、目標位置を少し行き過ぎてから戻る（オーバーシュート）イージングを使うと、フォロースルーの余韻が出る。ただし揺れは1回に留める。字幕の出し入れも本体の動きから数フレーム遅らせると、画面の動きに一体感が出る。将来、動画生成を使う場合、髪や布の揺れは得意な一方、止まるべき所で止まらないことがあるので確認する。", "related": [ "D-06", "D-11", "D-09" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "緩くつながった部位の慣性と、部位ごとの速度差の定義" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "髪が止まった後も動く例と、部位を別レイヤーに分ける方法" }, { "title": "The Illusion of Life: Disney Animation", "author": "Frank Thomas & Ollie Johnston（Hyperion, 1981）", "note": "12原則を体系的に紹介したディズニーの原典" } ], "tags": [ "作画", "12原則", "慣性" ], "url": "https://fantasist.org/anime-techniques/d-07/", "usedIn": [] }, { "no": "D-08", "title": "スローイン・スローアウト", "aka": [ "slow in and slow out", "イーズイン・イーズアウト", "加減速" ], "category": "D", "categoryLabel": "作画と動き", "summary": "動き出しと止まり際に絵を多く置き、ゆっくり加速・減速させて、動きを自然に見せる原則。", "what": "ディズニーの12原則の一つ。物体は急に最高速にならず、止まるときも徐々に遅くなる。これを表すため、動きの両端（キーポーズの近く）に絵を多く、中央に少なく置く。日本のツメ指示でいう両ヅメ・先ヅメ・後ヅメと同じ考え方である。デジタル制作では、キーフレーム間の補間をイージング曲線で調整して同じ効果を得る。", "why": "絵の間隔が詰まった所では動きが遅く、開いた所では速く見える。両端を詰めると、ポーズが画面に長くとどまり、観客はその姿勢をしっかり読み取れる。中間は速いので、動きの勢いも保たれる。等速運動は現実の物体の加減速と合わないため、機械的・人工的に見えやすい。ただし、ロボットなど機械らしさを出したいときは、あえて等速にする選択もある。", "how": [ "動きの始点と終点になるポーズをはっきり決める", "両端に絵を寄せ、中間の間隔を広げる（両ヅメ）", "勢いよく飛び出す動きは始まりを詰めず、止まり際だけ詰める", "デジタルではイージング曲線で速度の山を確認する" ], "when": "振り向き、手を上げる、物を置くなど、止まった状態から止まった状態へ移る動き全般。カメラのパンやズームの始まりと終わりにも使う。ポーズをしっかり読ませたい芝居で特に効く。", "avoid": "何でもスローイン・スローアウトにすると、どの動きもふわっとして勢いがなくなる。衝突や打撃の瞬間まで減速させると、当たった感じが出ない。機械の動きにも使うと生き物のように見える。", "ai": "モーションコミックのパン・ズームは、build_motion_comic.py のカメラ移動に ease-in-out 型の補間を使い、動き出しと止まり際を緩やかにするのが基本になる。一方、衝撃の場面は減速なしでカットを切り替え、落差で強さを出す。フェードも同様に、入り・抜けを緩やかにすると柔らかく、直線的だと事務的になる。", "related": [ "D-02", "D-09", "D-14" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "動作の両端に絵を多く置くという原則の定義" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "間隔を詰めると遅く広げると速いという説明" }, { "title": "動画 (アニメ制作)", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E5%8B%95%E7%94%BB_(%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C)", "note": "先詰め・後詰め・両詰めという日本の中割り区分" } ], "tags": [ "作画", "12原則", "加減速" ], "url": "https://fantasist.org/anime-techniques/d-08/", "usedIn": [] }, { "no": "D-09", "title": "弧の動き", "aka": [ "アーク", "arcs", "軌道" ], "category": "D", "categoryLabel": "作画と動き", "summary": "生き物の動きは直線でなく弧を描くことを利用し、軌道を曲線で設計して自然さを出す原則。", "what": "ディズニーの12原則の一つ。腕の振り、頭の回転、投げた物の飛び方など、多くの自然な動きは関節の回転や重力によって曲線の軌道を描く。原画と中割りの位置を直線上に並べると機械的になるため、軌道の弧をあらかじめ線で引き、その上に絵を配置する。機械の動きや非常に速い動きは弧が平たくなるとされる。軌道の確認は、動き全体の点検にも役立つ。", "why": "人は、動きの軌跡から「何が動かしているのか」を推測する。関節でつながった体は回転運動をするので、弧を描く動きは生き物らしく、直線の動きは機械らしく見える。軌道が滑らかな曲線だと、観客の目は動きを先回りして追いやすい。逆に中割りが弧から外れると、途中でカクッと折れたように見え、違和感の原因になる。軌道の滑らかさは、見る側の予測を助ける。", "how": [ "動きの始点と終点を決め、その間を結ぶ弧を下書きで引く", "中割りの位置を、引いた弧の線の上に乗せて描く", "頭・手先など末端の軌道が弧から外れていないか特に確認する", "機械的に見せたい動きだけ、意図的に直線軌道にする" ], "when": "腕を振る、振り向く、物を投げる、跳ねるなど回転や重力の働く動き。人物の芝居全般の点検にも使う。中割りを多人数で分担するとき、軌道を線で共有しておくと動きがそろう。", "avoid": "弧が大きすぎると大げさで、ふらついて見える。中割りを原画の直線平均で描くと弧が潰れ、動きが硬くなる。すべてを弧にすると、機械やロボットの硬さが出せず描き分けが消える。", "ai": "モーションコミックのパンも直線で動かすと事務的に感じる。横移動と同時にわずかに寄る、上下にごく小さく弧を描くなど、カメラ経路に曲線を入れると手持ちの呼吸感が出る。ただし文字（字幕）は動かさない。将来、動画生成を使う場合、手の軌道が破綻しやすいので、腕を大きく振る動きの指示は避けたほうが安全である。", "related": [ "D-08", "D-07", "D-14" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "自然な動きは弧を描くという原則の定義と説明" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "重力による弧と、機械的・高速の動きは弧が平たいという説明" } ], "tags": [ "作画", "12原則", "軌道" ], "url": "https://fantasist.org/anime-techniques/d-09/", "usedIn": [] }, { "no": "D-10", "title": "誇張とアピール", "aka": [ "exaggeration", "appeal", "デフォルメ" ], "category": "D", "categoryLabel": "作画と動き", "summary": "現実より動きや形を強め、見て惹かれる魅力を持たせる二つの原則。信じられる範囲に収めるのが要点。", "what": "誇張は、動き・ポーズ・表情を現実以上に強調して、意図をはっきり伝える原則である。アピールは、キャラクターに観客を惹きつける魅力を持たせる原則で、俳優のカリスマに例えられる。どちらもディズニーの12原則に含まれる。誇張は単に大きくするのではなく、伝えたい要素を選んで強め、それ以外を控えて釣り合いをとることが求められる。アピールは悪役や脇役にも必要とされる。", "why": "画面の動きは一瞬で過ぎるため、現実どおりの控えめな動きは観客に届かないことがある。要点を強めると、短い時間でも感情や意図が読み取れる。一方で、強調が全体に及ぶと何が大事か分からなくなるので、バランスが混乱を防ぐとされる。アピールのある形（はっきりしたシルエット、読みやすい表情）は、観客の注意と共感を集め続ける。", "how": [ "場面で伝えたい感情や動作を一つだけに絞り込む", "その要素のポーズや表情を一段階強め、他は控えめにする", "シルエットだけで何をしているか分かるかを確認する", "脇役や敵にも、見分けやすく魅力のある形を与える" ], "when": "驚き・怒り・喜びなど感情の山場、コメディ、アクションの決め。キャラクター設計の段階で魅力を決めるときにも使う。短い尺で意図を確実に伝えたい場面で特に効く。誇張の度合いは作品ごとに決めておく。", "avoid": "全部を誇張すると騒がしく、どこも強調されなくなる。写実的な作風で急に誇張すると世界観が崩れる。アピールを「かわいさ」だけと取り違えると、キャラクターが均質になる。", "ai": "モーションコミックでは、感情の山場のコマを他より長く見せ、大きく寄って表情を強調する。漫画の発注段階で「感情を一段強めたポーズ・表情」を明記しておく。字幕は短く強く、読み上げは声の高さや速さを変えて誇張を補う。将来、動画生成を使う場合、誇張した表情ほど顔が別人になりやすいので、元の絵との同一性を必ず確認する。", "related": [ "D-05", "F-05" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "誇張は信じられる範囲での強調、アピールは俳優のカリスマに相当" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "誇張をデザイン・表情・動きに適用、脇役にも魅力を" }, { "title": "The Illusion of Life: Disney Animation", "author": "Frank Thomas & Ollie Johnston（Hyperion, 1981）", "note": "12原則を体系的に紹介したディズニーの原典" } ], "tags": [ "作画", "12原則", "演技" ], "url": "https://fantasist.org/anime-techniques/d-10/", "usedIn": [] }, { "no": "D-11", "title": "二次的な動き", "aka": [ "セカンダリーアクション", "secondary action" ], "category": "D", "categoryLabel": "作画と動き", "summary": "主となる動作を支える小さな動きを加えて、演技や状況の情報を増やす原則。主動作を邪魔しないことが条件。", "what": "ディズニーの12原則の一つ。歩きながら腕を振る、話しながら指先を動かす、風で髪がなびくなど、主動作に付随する副次的な動きを加える。二次的な動きは、主動作を強調し補うものであって、注意をそらしてはならないとされる。フォロースルーが慣性による受け身の動きなのに対し、二次的な動きはキャラクターの意図や感情が表れる能動的な動きも含む。", "why": "主動作だけだと、観客は「何をしたか」は分かっても「どんな気持ちでしたか」は読み取りにくい。小さな付随動作は、性格や心理の手がかりを加える。例えば同じ歩きでも、手の動きが違えば落ち着きや焦りが伝わる。ただし観客の注意は限られるので、二次的な動きが目立ちすぎると主動作が埋もれる。主と従の差を保つことが肝心である。", "how": [ "主動作を先に完成させ、動きの芯をしっかり固める", "主動作の意味を補う小さな動きを、一つだけ選んで加える", "二次的な動きは振り幅を小さく、主動作と時間をずらして入れる", "並べて見て、主動作が一番目立つかを確認する" ], "when": "会話の芝居、待機中のキャラクター、風や環境の存在を示したいとき。止めが多い画面に生気を足したいとき。台詞では言わない感情を、手元や小物の動きでそっと伝えたい場面。", "avoid": "二次的な動きが大きく速いと、観客がそちらを見てしまう。主動作と同時に大きく動かすと、どれが主か分からなくなる。意味のない動きを足すと、落ち着きのない人物に見える。", "ai": "モーションコミックでは主の動き（寄り・パン）を一つに絞り、二次的な動きは背景の微速パンやごく弱い明るさの変化など、目立たない変化で表す。コマ絵の段階で、手元や小物に感情が出ている構図を描かせておくと、寄りで二次的な演技を拾える。将来、動画生成を使う場合、余計な動きが出がちなので、動かしてよい部分を限定して指示する。", "related": [ "D-07", "D-04" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "主動作を強調し気をそらさない副次的な動きという定義" }, { "title": "12 Principles of Animation", "author": "CLIP STUDIO PAINT（セルシス）", "url": "https://www.clipstudio.net/en/animation/12-principles/", "note": "風で髪が動くなど、主動作を補う二次的な動きの例" } ], "tags": [ "作画", "12原則", "演技" ], "url": "https://fantasist.org/anime-techniques/d-11/", "usedIn": [] }, { "no": "D-12", "title": "歩き・走りのサイクル", "aka": [ "ウォークサイクル", "ランサイクル", "歩き", "走り" ], "category": "D", "categoryLabel": "作画と動き", "summary": "接地・通過などの基本ポーズを繰り返し使える一周期にまとめ、歩きや走りを効率よく描く技法。", "what": "歩きは、前足が地面に着く接地（コンタクト）、体が沈む下がり、脚が交差する通過（パッシング）、体が持ち上がる上がりの各ポーズでできる。左右を反転して一周期とし、繰り返し再生する。背景を流せば、その場で歩いているように見せられる。走りは両足が地面を離れる瞬間を含む点が歩きと違う。リチャード・ウィリアムズの教本は歩き・走りを多くの角度から扱うことで知られる。", "why": "人は歩き方から、重さ、年齢、気分、性格を読み取る。上下動の大きさ、腕の振り、歩幅を変えるだけで、同じサイクルでも印象が変わる。サイクルにすると、少ない枚数で長い距離の移動を描ける。背景を流す手法と組み合わせれば、キャラクターを画面の同じ位置に保ったまま移動感を出せ、観客は表情にも注意を向けられる。効率と表現を両立する方法である。", "how": [ "接地・下がり・通過・上がりの基本ポーズを片足分描く", "反対側の脚で同じポーズを描き、一周期にする", "上下動・腕の振り・頭の揺れを加えて体全体を動かす", "背景を歩幅に合わせた速さで流し、足が滑らないよう調整する", "性格に合わせて歩幅・上下動・テンポを変える" ], "when": "移動の場面、登場や退場、長い道のりの表現。キャラクターの性格や気分を歩き方で見せたいとき。同じ人物が何度も歩く作品では、一度作ったサイクルを使い回して枚数を節約できる。", "avoid": "背景の流れる速さと歩幅が合わないと、足が地面を滑って見える。同じサイクルを長く繰り返すと単調になる。上下動がないと、浮いて滑っているように見え、重さが消える。歩幅も狂う。", "ai": "AIコミックの静止画では歩きのサイクルは作れない。モーションコミックでは、歩く人物のコマに横方向の遅いパンを入れて移動感を出し、足元は画面外に切って滑りを見せない構図にする。将来、動画生成を使う場合、歩行は比較的得意だが、脚の本数や交差が崩れやすいので、短い尺で足元を確認する。", "related": [ "D-03", "E-05", "D-14" ], "sources": [ { "title": "Tutorial: Animating a Basic Human Walk Cycle", "author": "Jason Martinsen / Animation Mentor", "url": "https://www.animationmentor.com/blog/tutorial-animating-human-walk-cycle/", "note": "接地・下がり・通過・上がりの主要ポーズと周期の長さ" }, { "title": "Animation walk cycle", "author": "Adobe", "url": "https://www.adobe.com/uk/creativecloud/animation/discover/animation-walk-cycle.html", "note": "前後の接地と通過の4ポーズ、腕や頭も動かす点" }, { "title": "Book Review: Expanding 'The Animator's Survival Kit'", "author": "Don Perro / Animation World Network（2010）", "url": "https://www.awn.com/animationworld/book-review-expanding-animators-survival-kit", "note": "Williamsの教本が歩き・走りを多角的に扱うこと" } ], "tags": [ "作画", "サイクル", "移動" ], "url": "https://fantasist.org/anime-techniques/d-12/", "usedIn": [] }, { "no": "D-13", "title": "エフェクト作画（煙・炎・水）", "aka": [ "エフェクト", "FX作画", "特効作画" ], "category": "D", "categoryLabel": "作画と動き", "summary": "煙・炎・水・爆発などの自然現象を、形と動きの約束に沿って手描きで表す作画の分野。", "what": "キャラクター以外の自然現象を描く作画をエフェクト作画と呼び、専門のアニメーターが担うこともある。炎は下から上へ形を運んで消え、外側を赤・内側を黄で温度差を表すと説明される。煙は内側の線を別色で塗り分けて密度を出したり、複数の層を違う速さで動かして立ちのぼりを表したりする。水や水柱は重力を意識して描く。炎・水・風・光・煙などの基礎を集めた教本も出版されている。", "why": "自然現象は形が定まらないので、そのまま描くと何か分からない。エフェクト作画は、観客が「炎らしい」「煙らしい」と感じる形の特徴と動きの方向を抽出して強調する。炎なら上昇と先端の消滅、水なら重力による落下と飛沫、煙なら膨らみと拡散である。短い周期をくり返しつつ、ときどき形を変えると、機械的な反復に見えにくいとされる。", "how": [ "現象の動く方向（上昇・落下・拡散）を先に決める", "数枚の周期（炎なら8枚前後）で形の変化を描き、くり返す", "くり返しの途中に、ときどき違う形の絵を混ぜる", "色の塗り分け（温度差・影）で立体感と密度を出す", "撮影で透過光やぼかしを重ねて光や質感を足す" ], "when": "戦闘や事故、焚き火、湯気、雨上がりの水たまりなど、空気感や迫力を出したい場面。場面の温度や湿度を伝えたいとき。人物の芝居が少ないカットに、画面の動きを加えたいときにも使う。", "avoid": "同じ周期を長く回すと反復が目立つ。形が細かすぎると動きが読めず、ちらつく。撮影処理に頼りすぎると、作画の形が埋もれて平板になる。人物より目立って主役を食うこともある。", "ai": "モーションコミックでは新しい絵を起こさないので、エフェクトはコマ絵の中に描き込ませておく。そのうえで、炎や煙のある部分へゆっくり寄る、明るさをわずかに揺らすなどで動きを補う。将来、動画生成を使うなら、炎・煙・水は人物より破綻が目立ちにくく試しやすい分野だが、元の絵の形と色を保つよう指示する。", "related": [ "E-02", "E-07", "E-08" ], "sources": [ { "title": "アニメーションのエフェクト作画テクニック", "author": "小澤和則（玄光社, 2019）", "url": "https://www.genkosha.co.jp/book/b10095439.html", "note": "炎・水・風・光・煙・爆発などのエフェクト作画を集めた教本" }, { "title": "吉田流！ アニメエフェクト作画", "author": "吉田徹（ボーンデジタル, 2016）", "url": "https://www.borndigital.co.jp/book/6092/", "note": "炎・水・風・光・煙の基礎をタイムシート付きで解説した教本" }, { "title": "アニメーター小澤和則のエフェクト作画のテクニック「炎の動き」", "author": "PICTURES（玄光社）", "url": "https://genkosha.pictures/movie/19091027609", "note": "炎は下から上へ、外側赤・内側黄、形を時々変える点" }, { "title": "プロによるアニメーションのエフェクト作画〜立ち込める「煙」の密度感と動感", "author": "PICTURES（玄光社）", "url": "https://genkosha.pictures/movie/19091928111", "note": "煙の内線の塗り分けと、層を違う速さで動かす手法" } ], "tags": [ "作画", "エフェクト", "自然現象" ], "url": "https://fantasist.org/anime-techniques/d-13/", "usedIn": [] }, { "no": "D-14", "title": "止め絵をカメラで動かす（パン・T.U.）", "aka": [ "PAN", "T.U.", "T.B." ], "category": "D", "categoryLabel": "作画と動き", "summary": "絵は動かさず、カメラの横移動（パン）や寄り・引きだけで画面に動きと視線の流れを作る技法。", "what": "アニメの撮影では、1枚の絵に対してカメラを横に振るパン、被写体に近づくトラックアップ（T.U.）、離れるトラックバック（T.B.）などのカメラワークを指定できる。止め絵にこれを組み合わせると、作画枚数を増やさずに動きのある画面になる。日本のテレビアニメは、作画の枚数を抑えるために止め絵を多く使い、止め絵にカメラワークを付けて見せ場にする演出を育ててきたとされる。静止写真を寄りとパンで見せる手法（Ken Burns 効果）の設計は K-02 を参照。", "why": "静止画でも、枠が動けば観客は時間の流れと注意の移動を感じる。パンは絵の中を順に見せていくので、観客の視線を作り手の順序で導ける。寄りは対象の重要さを、引きは状況の広がりを伝える。擬似的な視差を加えれば奥行きも出せる。", "how": [ "見せたい順に、絵の中の注目点を2〜3か所決める", "注目点から注目点へ、パンか寄りでつなぐ経路を引く", "動き出しと止まり際を緩やかにし（イーズ）、止まった所で一拍置く", "カットの長さに対して移動量が多すぎないか確認する" ], "when": "風景の紹介、回想、状況説明、決めの一枚絵。作画の手間をかけずに、画面に時間を流したいとき。集合した人物を順に紹介する、画面の中の手がかりに気づかせる、といった視線の案内にも向く。", "avoid": "移動が速いと絵の粗や解像度不足が目立つ。すべてのカットで寄りやパンを入れると単調になり、船酔いのような不快感も出る。注目点のない所で止まると、観客は何を見るべきか迷う。", "ai": "止め絵を見せ場として使う考え方は、fantasist.org のモーションコミックにそのまま当てはまる。山場のコマは他より長く見せ、ゆっくりした寄りか横流しを一つだけ付けて、一枚絵として味わわせる。動きの少ない止めのカットと、寄りやパンのカットを交互に置くと、止め絵が続いても単調になりにくい。寄り・引きの枠の決め方と止める位置の設計は K-02 を参照。", "related": [ "D-04", "D-08", "E-05", "B-03", "B-04", "K-02" ], "sources": [ { "title": "もっとアニメを知るための撮影講座 第4回 カメラワークを考える", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "https://animestyle.jp/2016/02/29/9823/", "note": "パン・T.U./T.B.・フォローなどアニメ撮影のカメラワークの説明" }, { "title": "リミテッド・アニメーション", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%AA%E3%83%9F%E3%83%86%E3%83%83%E3%83%89%E3%83%BB%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3", "note": "止め絵を用いるリミテッドアニメーションの文脈" } ], "tags": [ "カメラワーク", "止め絵", "モーションコミック" ], "url": "https://fantasist.org/anime-techniques/d-14/", "usedIn": [] }, { "no": "E-01", "title": "撮影とは（セル・背景・効果の合成）", "aka": [ "コンポジット", "撮影処理", "仕上げ撮影" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "セル・背景・3DCGなどの素材を一つの画面に重ね、カメラワークと効果を加えて映像にする工程。", "what": "アニメの撮影は、かつて撮影台でセルと背景をフィルムに撮っていた工程の名残で、現在はデジタルの合成作業である。セル・背景・3DCG素材などをカメラワークに基づいて一つの画面に統合し、撮影処理を加えながら各コマを作る。コンポジットとも呼ばれ、Adobe After Effects が標準的な道具とされる。レイアウトとタイムシートの指示を読んで素材を組み上げ、画としての制作工程の最後の出口を担う。", "why": "描かれた素材は、それだけではばらばらの平面にすぎない。撮影で光・ぼかし・色調を統一すると、別々に描かれたキャラクターと背景が同じ空間にあるように見える。また、カメラワークや効果は、観客の視線の向け先や場面の空気感を最後に調整する手段になる。撮影は技術的な品質保証と、演出的な表現の両方を担うとされる。", "how": [ "レイアウトとタイムシートを読み、素材の重なり順とタイミングを確認する", "セル・背景・効果素材を重ね、カメラワークを付ける", "透過光・ぼかし・色調補正などの撮影処理を加える", "監督・演出と事前に処理の方針を打ち合わせ、チェック後に納品する" ], "when": "すべてのカットの最終工程。とくに光・空気感・カメラの動きで場面の印象を決めたいとき。別々の人や道具で描いた素材を、一つの世界の画としてまとめ上げたいときに要となる。", "avoid": "処理を盛りすぎると、作画や美術の良さが埋もれ、画面が濁る。カットごとに処理の強さがばらばらだと、つながりが悪くなる。事前の打ち合わせが不足すると、意図と違う画になりやすい。", "ai": "fantasist.org では build_motion_comic.py が撮影工程に当たる。コマ絵を素材とし、パン・ズーム・フェード・字幕を合成する。カット間で明るさや色味がずれやすいAI画像は、書き出し前に軽く色調をそろえると、同じ世界のコマに見える。処理の方針（光の強さ、ぼかしの有無）を作品ごとに一枚のメモにまとめておく。", "related": [ "E-02", "E-03", "E-08", "F-01" ], "sources": [ { "title": "もっとアニメを知るための撮影講座 第1回 アニメの「撮影」って？", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "https://animestyle.jp/2016/02/08/9775/", "note": "撮影が画の最後の出口であり、創作面と技術面を担う点" }, { "title": "撮影 (アニメ制作)", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E6%92%AE%E5%BD%B1_(%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C)", "note": "素材をカメラワークに基づき統合するという定義、コンポジット" }, { "title": "もっとアニメを知るための撮影講座 第3回 レイアウトとタイムシートを読み解く", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "https://animestyle.jp/2016/02/22/9799/", "note": "レイアウトとタイムシートを読み解く撮影の作業" } ], "tags": [ "撮影", "合成", "基礎" ], "url": "https://fantasist.org/anime-techniques/e-01/", "usedIn": [] }, { "no": "E-02", "title": "透過光", "aka": [ "T光", "透過光処理" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "光源部分を実際に光っているように見せる撮影効果。セル時代は裏から光を当てて多重露光した。", "what": "透過光は、照明や炎、ビームなどの光る部分に施す撮影処理で、T光とも略される。セル時代には、光らせたい形に穴をあけたマスクを作り、裏から光を当てて多重露光した。塗料では出せない明るさを得るための方法だったと説明される。デジタルでは、作画やパーティクルで作った素材に発光とにじみの処理をかけて同じ効果を得る。", "why": "紙やセルに塗った色は、どれほど明るくしても画面の白以上にはならない。透過光は、周囲より一段明るい光をにじませることで、観客に「光源がある」と感じさせる。明るい部分の周りに光がにじむと、人の目はそれを強い光として受け取る。光の周囲を暗くして明るさを相対的に強める手法も、人の目の順応を模した表現として論じられている。", "how": [ "光らせる部分（照明、炎、ビーム）を別の素材に分ける", "その素材に発光（加算）とぼかしをかけ、周囲ににじませる", "光の色は芯を白寄り、外側を光源の色にする", "強い光の場面では、背景を少し暗くして明るさの差を作る" ], "when": "照明・街灯・魔法・爆発・ビームなど光源が見える場面。夜景や室内の雰囲気を出したいとき。暗い場面の中で、一点の光に観客の目を集めたいときにも効果が大きい。光の色で場面の温度も決まる。", "avoid": "透過光を多用すると画面全体が白っぽくなり、どこが光源か分からなくなる。にじみが広すぎると形が溶ける。暗い背景がないと光が効かず、ただ色が薄くなったように見える。", "ai": "モーションコミックでは、コマ絵の光源部分がすでに描かれている前提で、明るさをゆっくり強める、光源へ寄るなどで光を強調する。今の build_motion_comic.py にグロー処理はない。スクリプトにグロー処理を足すなら、かけるのは光源のあるコマだけに限る。画像生成の発注時に「光源から光がにじむ表現」を指定しておくと、後処理なしでも効果が出る。", "related": [ "E-08", "E-07", "D-13" ], "sources": [ { "title": "デジタル・アニメーションの過去・現在・未来 第6回", "author": "五島一浩 / メディア芸術カレントコンテンツ（文化庁, 2017）", "url": "https://mediag.bunka.go.jp/article/da6/", "note": "セル時代の透過光が多重露光で塗料以上の明るさを得た点と、露出の表現" }, { "title": "もっとアニメを知るための撮影講座 第5回 エフェクトを考える（1）", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "https://animestyle.jp/2016/03/07/9837/", "note": "照明や炎の素材に光っているような処理を施す透過光の説明" }, { "title": "アニメの巨人たち 第7回 出﨑統さん その3", "author": "練馬アニメーションサイト（練馬区）", "url": "https://animation-nerima.jp/enjoy/kyojin/vol07/", "note": "透過光・入射光が多重露光の手間のかかる技法だった点" } ], "tags": [ "撮影", "光", "特殊効果" ], "url": "https://fantasist.org/anime-techniques/e-02/", "usedIn": [] }, { "no": "E-03", "title": "ブラー・被写界深度（ピン送り）", "aka": [ "ボケ", "DOF", "ピン送り", "フォーカス送り", "前ピン", "後ピン" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "画面の一部をぼかして焦点の合う場所を決め、途中で焦点を移すピン送りで視線を誘導する撮影処理。", "what": "カメラのレンズは、ある距離にしか焦点が合わず、前後はぼける。この被写界深度をアニメの撮影で模倣し、手前や奥の素材にぼかしをかけて焦点を表す。手前に焦点を合わせることを前ピン、奥を後ピンといい、途中で焦点を一方から他方へ移すことをピン送りと呼ぶ。アニメは古くからレンズ効果を模倣してきたとされ、デジタル化でぼかしや周辺減光、色収差などが扱いやすくなった。", "why": "人の目はぼけた部分より、くっきりした部分を先に見る。焦点の位置を決めることは、画面の中で見るべき所を指定することになる。ピン送りは、カットを割らずに注目を人物から人物へ、人物から物へ移せる。また、手前と奥のぼけの差は、平面の絵に奥行きを与える。レンズ効果は空間の表現、緊張感、アニメが作られた画であることの強調など、複数の役割を持つと論じられている。", "how": [ "素材を手前・中間・奥の三つの層に分けて重ねる", "焦点を合わせる層を決め、それ以外にぼかしをかける", "ピン送りでは、ぼかしの強さを時間で入れ替える", "ぼかしの強さを画面の距離感と矛盾しないよう調整する" ], "when": "会話で話者が替わる瞬間、物に気づく瞬間、奥行きのある風景、夜景の点光源。観客の注意を一点に集めたいとき。カットを割らずに、視線の対象を切り替えたいときに向く。", "avoid": "ぼかしが強すぎると、何が写っているか分からなくなる。すべてのカットに使うと、どれも同じ印象になる。距離の関係と合わないぼかしは、模型のように小さく見える原因になる。", "ai": "AIコミックのコマ絵は一枚の画像なので、層を分けたぼかしはできない。モーションコミックでは、画面全体をわずかにぼかした状態から戻す（ぼけから焦点へのフェード）でピン送りに近い効果が出る。画像生成の段階で「背景をぼかした浅い被写界深度」を指定しておけば、寄るだけで視線誘導が働く。", "related": [ "E-01", "F-05", "F-06" ], "sources": [ { "title": "映画・映像 業界用語辞典「ピン送り」", "author": "東京映画映像学校（TMS）", "url": "https://tf-tms.jp/glossary/getword.php?w=%E3%83%94%E3%83%B3%E9%80%81%E3%82%8A", "note": "前ピン・後ピンと、焦点を移すピン送りの定義" }, { "title": "アニメはいかにレンズの効果を模倣してきたか", "author": "小倉健太郎 / メディア芸術カレントコンテンツ（文化庁, 2021）", "url": "https://mediag.bunka.go.jp/article/article-18117/", "note": "アニメがレンズ効果を模倣してきた歴史と役割" }, { "title": "もっとアニメを知るための撮影講座 第6回 エフェクトを考える（2）", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "http://animestyle.jp/2016/03/15/9891/", "note": "被写界深度・周辺減光・色収差などレンズのシミュレーション" } ], "tags": [ "撮影", "レンズ", "視線誘導" ], "url": "https://fantasist.org/anime-techniques/e-03/", "usedIn": [] }, { "no": "E-04", "title": "画面動（カメラシェイク）", "aka": [ "ブレ", "画面ブレ", "カメラブレ", "camera shake" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "画面全体を振動させて、衝撃・揺れ・動揺を表す撮影処理。手持ちカメラ風の揺れもこれに含む。", "what": "画面動は、衝撃や動揺を表すために、画面全体を小刻みに揺らす撮影の処理である。アニメでは撮影（コンポジット）の段階で加えるのが通例とされる。爆発や着地の衝撃、地震などで画面全体を短く揺らすのが典型である。近年は、手持ちのビデオカメラのような不規則な揺れを加えて、実在感や登場人物の心理を表すカメラブレも使われると説明される。ただし、自然に見せるには相当の技術が要るとされる。", "why": "観客は、画面そのものが揺れると、カメラ（自分の視点）が衝撃を受けたと感じる。これにより、画面内の出来事の力が観客の体に伝わるような感覚が生まれる。手持ち風の揺れは、据え置きの固定カメラより「その場に居合わせた」印象を与えやすい。揺れの大きさと周期が、衝撃の強さや緊張の度合いの手がかりになり、静止画でも力の強さを伝えられる。", "how": [ "衝撃の瞬間を特定し、そこから揺れを始める", "揺れは最初を大きく、徐々に小さくして収めていく", "手持ち風にする場合は、ゆっくりした不規則な揺れを弱めにかける", "揺れで画面の端が見えないよう、少し拡大しておく" ], "when": "爆発、着地、地震、殴打などの衝撃。不安や緊張を観客に体感させたい場面。作画枚数を増やさずに、静止したカットへ力の強さを加えたいときにも使える。揺れの有無で場面の緊張度を切り替えられる。", "avoid": "揺れが長い・大きいと見づらく、酔いを招く。多用すると衝撃が薄れ、ここぞという場面で効かなくなる。字幕まで揺らすと読めなくなる。揺れと作画の動きの向きが矛盾すると混乱する。", "ai": "今の build_motion_comic.py に揺れの処理はない。スクリプトに揺れの処理を足すなら、衝撃のコマに短い揺れ（0.2〜0.5秒、減衰付き）をかける。揺れは絵だけにかけ、字幕は固定する。揺れのかかる前に画像を少し拡大して、端の余白が出ないようにする。読み上げの台本も、衝撃の瞬間は台詞を置かず、揺れが収まってから次の台詞を入れる。", "related": [ "E-01", "D-06", "D-14" ], "sources": [ { "title": "カメラワーク大辞典（画面動ほか）", "author": "井上ジェット", "url": "https://www.inouejet.com/camera/", "note": "画面が振動しているように見せる技法で、撮影段階で加えるという定義" }, { "title": "もっとアニメを知るための撮影講座 第4回 カメラワークを考える", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "https://animestyle.jp/2016/02/29/9823/", "note": "手持ち風のカメラブレが実在感や心理表現に使われ、技術が要るという説明" } ], "tags": [ "撮影", "カメラワーク", "衝撃" ], "url": "https://fantasist.org/anime-techniques/e-04/", "usedIn": [] }, { "no": "E-05", "title": "引きセル・背景スライド", "aka": [ "引きセル", "スライド", "背景動", "Follow" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "キャラや背景の素材そのものを画面上で引いて動かし、移動の向きや速度を表す撮影の技法。", "what": "引きセルは、セル（キャラクターなどの素材）を横方向に引いて移動させる技法である。背景を連続して動かして景色が流れる画面を作るのが背景スライドで、キャラクターの移動を表すのにも使う。スライドは1コマ打ちが基本とされる。層ごとに異なる速さで動かすと奥行きが生まれ、日本では密着マルチと呼ばれる方法が発達した。19世紀のムーヴィング・パノラマにつながる技法として論じられている。", "why": "キャラクターを画面の中央に置いたまま背景を流すと、観客は人物が移動していると感じる。枚数の少ない作画でも、背景が1コマで滑らかに流れていれば、動きの印象は滑らかになる。手前の層を速く、奥の層を遅く動かすと、実際の移動で見える視差と同じ関係になり、平面の絵に奥行きが生まれる。ゆっくりしたスライドは、落ち着いた時間の流れを感じさせるとも論じられる。", "how": [ "背景を横に長く（または縦に長く）描いた素材を用意する", "移動の向きと速さを決め、1コマ打ちで動かす", "層を分ける場合は B-10 を参照", "歩きのサイクルなどと速さを合わせ、足が滑らないようにする" ], "when": "走る・歩く・乗り物での移動、風景を順に見せる場面、スピード感を出したいアクション。少ない作画枚数で、画面全体に大きな動きを作りたいときに有効である。奥行きのある風景にも向く。", "avoid": "スライドを3コマ打ちにするとガタつく。層の速さの関係が逆だと、奥行きが狂う。速すぎるスライドはちらつきを生む。キャラの足の動きと背景の速さが合わないと足が滑って見える。", "ai": "モーションコミックでは、横長のコマ絵を横流しするのが背景スライドにあたる。画像生成で横長の構図を発注し、ゆっくり一方向に流す。層の分離はできないので、視差はズームの併用で補う。将来、画像の前景と背景を分けて出力できるようになれば、層ごとの速さの差で密着マルチ風の奥行きを作れる。", "related": [ "D-03", "D-12", "D-14", "B-10" ], "sources": [ { "title": "アニメ制作用語辞典", "author": "TOONIQ Tools", "url": "https://tooniq.co.jp/tools/anime-glossary/", "note": "セルを横方向に引いて移動させる引きセルの定義" }, { "title": "撮影 (アニメ制作)", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E6%92%AE%E5%BD%B1_(%E3%82%A2%E3%83%8B%E3%83%A1%E5%88%B6%E4%BD%9C)", "note": "背景スライドは景色の流れと移動を表し、1コマ打ちが基本" }, { "title": "スライドする風景――ムーヴィング・パノラマからアニメまで", "author": "小倉健太郎 / メディア芸術カレントコンテンツ（文化庁, 2022）", "url": "https://mediag.bunka.go.jp/article/article-20293/", "note": "スライドの歴史、層ごとの速さの差、密着マルチ" } ], "tags": [ "撮影", "移動", "奥行き" ], "url": "https://fantasist.org/anime-techniques/e-05/", "usedIn": [] }, { "no": "E-06", "title": "ハーモニー処理と質感の後処理", "aka": [ "ハーモニー", "止め絵処理", "テクスチャ処理", "エアブラシ" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "セル画の平らな塗りを、背景画のような描き込みや質感に置き換えて、特別な一枚として見せる処理。", "what": "ハーモニーは、セルには線画だけを描き、中の色や陰影を背景美術の側で絵画的に描き込んで、背景と一体の一枚絵にする手法である。出﨑統監督の演出の特徴の一つとして、繰り返しショットや画面分割、透過光とともに挙げられる。現在はデジタルの撮影で、ぼかし・テクスチャの重ね・色調補正によって平らなセルに質感を足す処理が広く行われ、撮影部門が担うことが増えていると説明される。", "why": "ふだんのアニメの画面は、平らな塗りのキャラと描き込まれた背景という二つの質感でできている。そこへ急にキャラクターまで背景と同じ筆致になると、観客は「時間が止まり、特別な瞬間が絵画として切り取られた」と感じる。質感の差が場面の格を変えるのである。日常のカットでも、光や陰影の後処理はセルと背景の質感の差を縮め、同じ空間にいる感じを強める。", "how": [ "強調したい瞬間を一つ決め、そのカットだけ止め絵にする", "キャラクターを線画だけにし、陰影と色を絵画的に描き込む（またはテクスチャを重ねる）", "背景と同じ筆致・同じ色調になるようそろえる", "前後のカットは通常の塗りに戻し、差で特別さを出す" ], "when": "感情の頂点、話の区切り、エンディング直前の決め。日常カットでは、セルと背景をなじませたいときの軽い質感付けに。一枚絵として記憶に残したい瞬間に向く。頻度は作品で一、二度に絞る。", "avoid": "ハーモニーを多用すると特別さが消える。質感処理を強くかけると、キャラが背景に溶けて見分けにくくなる。作品全体の画風と合わないと浮き、そこだけ別の作品のように見える。", "ai": "AIコミックのコマ絵は、キャラクターと背景が同じ筆致で描かれた一枚画像なので、もともとハーモニーに近い。逆に言えば、通常カットとの差を作るには、漫画の発注段階で山場のコマだけ「絵画調・筆致を強く」と指定しておき、長めの静止と弱い寄りで見せるとよい。字幕は控えめにし、読み上げも間を取る。", "related": [ "D-04", "E-01", "F-04", "F-08" ], "sources": [ { "title": "アニメの巨人たち 第6回 出﨑統さん その2", "author": "練馬アニメーションサイト（練馬区）", "url": "https://animation-nerima.jp/enjoy/kyojin/vol06/", "note": "セルは線画のみで背景側で中まで描き込むハーモニーの説明" }, { "title": "アニメの巨人たち 第7回 出﨑統さん その3", "author": "練馬アニメーションサイト（練馬区）", "url": "https://animation-nerima.jp/enjoy/kyojin/vol07/", "note": "出﨑演出の手法としてのハーモニー・透過光・入射光" }, { "title": "もっとアニメを知るための撮影講座 第6回 エフェクトを考える（2）", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "http://animestyle.jp/2016/03/15/9891/", "note": "平らなセルにぼかし・テクスチャ・色調補正で質感を足す処理" }, { "title": "氷川教授の「アニメに歴史あり」第8回 セル制作と失われたインフラ", "author": "氷川竜介 / アニメハック（2018）", "url": "https://anime.eiga.com/news/column/hikawa_rekishi/107172/", "note": "セル時代のハーモニーやマスク素材の実物資料についての論考" } ], "tags": [ "撮影", "質感", "止め絵" ], "url": "https://fantasist.org/anime-techniques/e-06/", "usedIn": [] }, { "no": "E-07", "title": "パーティクル（雨・雪・火花）", "aka": [ "パーティクル", "粒子", "雨", "雪", "火花" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "雨・雪・火花・塵など無数の粒を、撮影やCGで自動生成して、環境や空気感を再現する処理。", "what": "パーティクルは、多数の小さな粒を規則に従って発生・移動させる手法で、アニメの撮影では雨、雪、火花などの表現に使われる。環境の再現に分類されるエフェクトとして説明される。手描きのエフェクト作画と組み合わせたり、発光処理を重ねて火花の輝きを出したりする。粒の数、大きさ、速さ、向き、奥行きによる大きさの違いで、小雨から豪雨、粉雪から吹雪までを描き分ける。", "why": "雨や雪は画面全体に散らばるので、一粒ずつ描くのは現実的でない。パーティクルは、粒の量や速さを数値で調整するだけで天候の強さを変えられる。観客は細かな粒の動きから、湿度、寒さ、風の強さを感じ取る。手前の粒を大きく速く、奥の粒を小さく遅くすると、平面の画面に空間の深さも生まれる。止めのカットでも粒が動けば時間が流れる。", "how": [ "天候の強さと、風の吹く向きを最初に決めておく", "粒の数・大きさ・落下速度・向きを設定する", "手前・奥に層を分け、手前ほど大きく速くする", "キャラクターの前後に重ねて空間に包まれた感じを出す" ], "when": "雨・雪の場面、火事や戦闘の火花、廃墟の塵、幻想的な光の粒。場面の季節や温度を伝えたいとき。人物が止まっているカットに、環境の時間の流れを加えたいときにも使う。", "avoid": "粒が多すぎるとキャラクターが見えにくくなる。すべて同じ大きさ・速さだと作り物に見える。重いものが遅く落ちるなど物理と合わない動きは違和感を生み、画面の説得力を下げる。", "ai": "モーションコミックでは、今の build_motion_comic.py に粒子の処理はない。スクリプトに粒子の処理を足すなら、雨や雪が描き込まれたコマ絵の上に軽い粒子のオーバーレイを重ねて動きを足せる。字幕の上にはかけない。天候は場面の色（F-03）とセットで考え、同じ場面のコマでは天候を揃えるよう画像生成に指定する。将来の動画生成では、粒子は破綻が目立ちにくい一方で量が暴れやすいので確認する。", "related": [ "D-13", "E-02", "F-03" ], "sources": [ { "title": "もっとアニメを知るための撮影講座 第5回 エフェクトを考える（1）", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "https://animestyle.jp/2016/03/07/9837/", "note": "雨・雪・火花などのパーティクルを環境の再現として解説" }, { "title": "もっとアニメを知るための撮影講座 第6回 エフェクトを考える（2）", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "http://animestyle.jp/2016/03/15/9891/", "note": "手描き素材とプラグイン・パーティクル・3Dを組み合わせる説明" } ], "tags": [ "撮影", "天候", "特殊効果" ], "url": "https://fantasist.org/anime-techniques/e-07/", "usedIn": [] }, { "no": "E-08", "title": "フレア・グロー・ディフュージョン", "aka": [ "レンズフレア", "ハレーション", "グロー", "ディフュージョン", "パラ" ], "category": "E", "categoryLabel": "撮影・特殊効果", "summary": "レンズで起きる光のにじみや反射を模倣して、まぶしさや湿度、画面の空気感を加える撮影処理。", "what": "フレアやハレーションは、強い光源がレンズ内で反射・散乱して生じる光の輪やにじみを模した処理である。グローは明るい部分をぼかして周囲に光を広げる処理で、ディフュージョンは画面全体に光をにじませる処理である。ディフュージョンを全体にかけると、しっとりとした湿度感のある雰囲気になると説明される。デジタル化以降、アナモルフィック風のフレアなどが監督の作風として使われる例も論じられている。", "why": "レンズの光学的な不完全さは、実写映像を見慣れた観客に「カメラで撮った」という手触りを与える。フレアは強い光源の存在を示し、まぶしさを感じさせる。全体のにじみは輪郭の硬さを和らげ、湿った空気、夢や回想の柔らかさを伝える。光の量をわずかに変えるだけで、同じ絵が朝にも夕方にも見えるほど、印象の変化は大きい。", "how": [ "光源の位置を確認し、フレアの出る方向をそろえる", "明るい部分だけを抜き出してぼかし、重ねてグローにする", "場面の空気感に合わせて、全体のディフュージョンの強さを決める", "同じ場面のカット間で、処理の強さをそろえる" ], "when": "逆光、日の出・夕日、夜の街灯、夢・回想の柔らかい場面、強い光を伴う決めの瞬間。画面に湿度や温度を足し、実写のカメラで撮ったような手触りを与えたいとき。光源の位置に合わせる。", "avoid": "フレアが画面の主役を隠すと本末転倒になる。どのカットにも同じフレアを入れると、飾りとして浮く。ディフュージョンを強くしすぎると、輪郭が甘く眠たい画面になる。字幕も読みにくくなる。", "ai": "モーションコミックでは、場面ごとにディフュージョンの強さを決め、回想や夢の場面だけ強めると区別がつく（F-08と併用）。フレアは画像生成の段階で逆光の構図として描かせ、後から足すのは控えめにする。字幕の読みやすさを損なわないよう、画面下部の明るさは抑える。", "related": [ "E-02", "E-03", "F-08" ], "sources": [ { "title": "もっとアニメを知るための撮影講座 第5回 エフェクトを考える（1）", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "https://animestyle.jp/2016/03/07/9837/", "note": "フレア・ハレーション・レンズブラー・ディフュージョンの説明" }, { "title": "アニメはいかにレンズの効果を模倣してきたか", "author": "小倉健太郎 / メディア芸術カレントコンテンツ（文化庁, 2021）", "url": "https://mediag.bunka.go.jp/article/article-18117/", "note": "アナモルフィック風フレアなどレンズ効果が作風となる点" }, { "title": "もっとアニメを知るための撮影講座 第6回 エフェクトを考える（2）", "author": "泉津井陽一 / WEBアニメスタイル（2016）", "url": "http://animestyle.jp/2016/03/15/9891/", "note": "レンズフレア・周辺減光などレンズのシミュレーション" } ], "tags": [ "撮影", "光", "レンズ" ], "url": "https://fantasist.org/anime-techniques/e-08/", "usedIn": [] }, { "no": "F-01", "title": "色彩設計（キャラの色と色指定）", "aka": [ "色設計", "色指定", "色彩設計表", "カラーモデル" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "作品で使う色を決め、キャラクターの基本色・影色から場面ごとの色までを表にして統一する仕事。", "what": "色彩設計は、作品全体でどの色を使うかを決める役職・工程である。キャラクターの基本色や影色、ハイライトを決め、色指定表を作って全体に配る。色指定・検査の担当は、その表をもとにカットごとの色を指定し、仕上げ（彩色）が正しく塗られているかを確かめる。時間帯や天候、場所、感情に合わせた色の調整も色彩設計の仕事に含まれる。アニメの色の根幹を担う部署とされる。", "why": "多人数で分業するアニメでは、色の基準がないと、同じキャラクターでもカットごとに色がずれる。観客は色の微妙な違いにも気づき、ずれは「別の人物」「作画ミス」として受け取られやすい。基準の色を表にしておけば、誰が塗っても同じキャラクターとして認識される。また、色は物語や心理と深く関わるため、作品の内容を理解して決めることが求められる。", "how": [ "キャラクターごとに、基本色・影色・ハイライト色を決める", "目・歯・口の中・汗など細部の色も表にする", "場面の条件（昼・夕・夜など）ごとの色の組を作る", "色指定表を配り、仕上がりを検査して修正する" ], "when": "企画の初期、キャラクターの設計が固まった段階。登場人物が多く、描き手が多い作品ほど重要になる。キャラクターを色の組み合わせで見分けさせたい作品にも欠かせない。", "avoid": "色を増やしすぎると管理しきれず、ずれの原因になる。キャラクター同士の色が近すぎると見分けがつかない。背景美術と相談せずに決めると、背景の上で浮いたり沈んだりする。", "ai": "画像生成AIに1枚ずつ発注するfantasist.orgでは、色彩設計は「色の言葉による指定」になる。キャラクターごとに髪・目・服の色名（できれば具体的な色コード）を決めた設定表を作り、全コマの発注文に同じ文言で入れる。仕上がったコマは設定表と並べて検査し、ずれた色はモーションコミック化の前に差し替えるか補正する。", "related": [ "F-03", "F-07", "F-02" ], "sources": [ { "title": "アニメの色彩設計・色指定とは", "author": "専門学校デジタルアーツ東京", "url": "https://www.dat.ac.jp/course/anime/anime-column/color_design/color_about/", "note": "色彩設計が色を決め色指定表を作り、色指定・検査が各カットを指定" }, { "title": "色彩設計・色指定の仕事", "author": "専門学校デジタルアーツ東京", "url": "https://www.dat.ac.jp/course/anime/anime-column/color_design/color_work/", "note": "キャラの基本色・影色、時間帯や天候での色調整という仕事内容" }, { "title": "アニメーションの色彩設計【基礎編】シチュエーション別の色指定と表の見方", "author": "柴田亜紀子 / PICTURES（玄光社）", "url": "https://genkosha.pictures/movie/19100328493", "note": "目・歯・口・汗など細部まで含む色指定表の実例解説" } ], "tags": [ "色彩", "設定", "統一" ], "url": "https://fantasist.org/anime-techniques/f-01/", "usedIn": [] }, { "no": "F-02", "title": "美術設定と背景美術（美術ボード）", "aka": [ "美術設定", "美術ボード", "背景美術", "美術監督" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "場面の空間を設計する美術設定と、色と空気感の見本となる美術ボードをもとに、背景を描いて世界観を作る。", "what": "美術設定は、背景に関わる部分のデザインで、建物や部屋、街並みなどの形を決める設定資料である。1クールの作品で100枚程度作られることもあるとされる。美術ボードは、美術監督が作品の意図やテーマを考えて描く背景の見本画で、色調と空気感の基準になる。背景美術のスタッフは、このボードをもとに各カットの背景を描き、美術監督が品質を管理する。美術監督は作品の世界観・雰囲気・色を決定づける役割とされる。", "why": "観客は、キャラクターがどこにいるかを背景から理解し、その場所の空気感から場面の気分を感じ取る。形の設定があれば、カットが変わっても同じ場所として認識できる。ボードで色と光の基準を決めておくと、別々のスタッフが描いた背景も一つの世界として見える。背景は画面の面積の大半を占めるため、作品の印象を大きく左右する。", "how": [ "脚本・絵コンテの段階で、主要な場所を洗い出す", "場所ごとに間取り・形・小物を美術設定として描く", "主要な場面の美術ボードで、色・光・空気感の基準を作る", "ボードに合わせて各カットの背景を描き、美術監督が確認する" ], "when": "繰り返し登場する場所（家、街、拠点）を持つ作品。世界観そのものが見どころになるファンタジーや歴史もの。背景を多人数で分担して描く制作では、とくに基準の共有が要る。", "avoid": "設定が曖昧だと、カットごとに部屋の配置が変わってしまう。ボードの色がキャラクターの色彩設計と合わないと、キャラが浮く。背景を描き込みすぎると、キャラクターより目立つ。", "ai": "画像生成では同じ場所を毎回別に描くため、場所の一貫性が崩れやすい。主要な場所ごとに「美術設定メモ」（形・窓の位置・主な小物・色調）を文章で作り、そのコマの発注文に必ず入れる。気に入った背景の一枚をボード代わりの基準画として保存し、以後のコマを見比べて検査する。モーションコミックでは、場面の最初に引きの背景コマを置いて場所を示す。", "related": [ "F-01", "F-03", "F-06" ], "sources": [ { "title": "アニメにおける美術設定の解説", "author": "Art setting 美術設定", "url": "https://www.art-setting.com/explanation-of-art-setting/", "note": "美術設定の定義と1クール100枚程度、共有資料としての役割" }, { "title": "美術監督", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E7%BE%8E%E8%A1%93%E7%9B%A3%E7%9D%A3", "note": "美術監督の役割と美術ボード・美術設定の関係" }, { "title": "Dream Worlds: Production Design for Animation", "author": "Hans Bacher（Focal Press／CRC Press, 2008）", "url": "https://www.routledge.com/Dream-Worlds-Production-Design-for-Animation/Bacher/p/book/9780240520933", "note": "アニメーションの美術設計（構図・明暗・色）の教本" } ], "tags": [ "美術", "背景", "世界観" ], "url": "https://fantasist.org/anime-techniques/f-02/", "usedIn": [] }, { "no": "F-03", "title": "時間帯・天候の色（夕景色・夜色）", "aka": [ "夕景色", "夜色", "色変え", "シチュエーション色" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "同じキャラクターでも、朝・夕・夜や雨などの条件に合わせて色の組を変え、時間と空気を伝える。", "what": "色彩設計では、キャラクターの基本色（ノーマル）のほかに、夕方用の暖色寄りの色、夜用の寒色寄りの色、明暗差の強いハイコントラスト用の色などを別に作る。場面の時間帯や天候に合わせてこれらを使い分けることを色変えと呼ぶことが多い。背景美術も同じ時間帯のボードで描かれ、キャラクターと背景が同じ光の下にいるように見せる。", "why": "人は、光の色から時間帯を読み取る経験を持っている。夕日の赤みや夜の青みがキャラクターにもかかっていれば、観客は説明なしで時刻を理解する。背景だけが夕方でキャラクターが昼の色のままだと、切り抜いて貼ったように浮いて見える。天候や時間帯の色は、場面の気分（懐かしさ、不安、静けさ）も同時に伝え、台詞に頼らず状況を示す。", "how": [ "場面表を作り、各場面の時間帯と天候を決める", "ノーマル・夕・夜など条件ごとにキャラクターの色の組を作る", "同じ条件の美術ボードとキャラクターの色を並べて確認する", "時間の移り変わる場面では、色の組を段階的に切り替える" ], "when": "一日の流れを追う話、夕方や夜の重要な場面、雨や雪の場面。時間の経過を台詞なしで伝えたいとき。同じ場所を時間を変えて何度も見せる作品では、変化を見せる手段になる。", "avoid": "色変えが強すぎると、キャラクターの固有色が分からなくなる。同じ場面の中で時間帯の色が揺れると、時間が飛んだように見える。昼の場面で理由なく色を変えると混乱を招く。", "ai": "画像生成の発注文に、時間帯と光の色（例:夕日の橙の光、青い月明かり）をはっきり書き、同じ場面のコマは同じ文言にそろえる。ずれたコマは、モーションコミック化の前に色温度を補正して場面内でそろえる。時間の移り変わりは、コマ間のクロスフェードを長めにすると自然に見える。", "related": [ "F-01", "F-02", "F-04" ], "sources": [ { "title": "アニメーションの色彩設計【基礎編】シチュエーション別の色指定と表の見方", "author": "柴田亜紀子 / PICTURES（玄光社）", "url": "https://genkosha.pictures/movie/19100328493", "note": "ノーマル・夕景・夜・ハイコンなど条件別の色指定" }, { "title": "色彩設計・色指定の仕事", "author": "専門学校デジタルアーツ東京", "url": "https://www.dat.ac.jp/course/anime/anime-column/color_design/color_work/", "note": "時間帯や天候に合わせた色の調整が色彩設計の仕事であること" } ], "tags": [ "色彩", "時間帯", "天候" ], "url": "https://fantasist.org/anime-techniques/f-03/", "usedIn": [] }, { "no": "F-04", "title": "カラースクリプト（色で感情と場面を分ける）", "aka": [ "カラースクリプト", "colorscript", "カラーキー" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "作品全体の場面を色の小さな絵で並べ、どこでどんな色と感情にするかを先に設計する手法。", "what": "カラースクリプトは、物語の各場面を小さな色の絵にして時間順に並べた資料である。ピクサーでは、物語の骨組みが固まった後に作られ、各場面の色と感情のトーンを示す組織化の道具として使われる。美術監督のルー・ロマーノは、抽象的な形と色で感情を伝え、楽譜のように読むものと説明している。ピクサーの照明の講座でも、カラースクリプトは一つの単元として扱われる。", "why": "色の明るさや彩度は、見る人の気分に影響するとされる。心理学の研究では、彩度の高さが快さや覚醒の高さと結びつくことが繰り返し報告されている。場面ごとに色の傾向を変えると、観客は無意識に話の区切りと感情の変化を感じ取る。全体を並べて見ることで、山場の色が他の場面と十分に違うか、色の流れが単調でないかを確かめられる。", "how": [ "物語を場面ごとに区切り、それぞれの感情を一言で書く", "各場面を小さな色の絵（形は簡単でよい）にする", "時間順に並べ、明るさ・彩度・色相の流れを見る", "山場は前後と色の差が大きくなるよう調整する" ], "when": "長めの作品の企画段階、複数の場面をまたぐ話。感情の起伏を色で支えたいとき。完成前に全体を見渡し、色の流れの単調さや山場の弱さを点検したいときにも使う。複数話の構成にも使える。", "avoid": "色と感情を一対一の決まりにすると、紋切り型になる（赤＝怒りなど）。場面ごとに色を変えすぎると、作品としてのまとまりが失われる。スクリプトを作っても、各カットで守らなければ意味がない。", "ai": "モーションコミックを作る前に、使うコマを縮小して時間順に一枚に並べ、カラースクリプト代わりにする。色の流れが単調な所や、場面の変わり目で色が変わらない所を見つけ、コマの差し替えや色補正で直す。画像生成の段階から、場面ごとの色の方針（暖色・寒色、明るい・暗い）を発注文に入れておく。", "related": [ "F-03", "F-05", "F-08" ], "sources": [ { "title": "Colorscript. The Incredibles, 2004（音声解説）", "author": "The Museum of Modern Art（Lou Romano 談）", "url": "https://www.moma.org/audio/playlist/192/2575", "note": "カラースクリプトが各場面の感情のトーンを示し、楽譜のように読むという説明" }, { "title": "Learn About The Art of Lighting a Pixar Film in the latest 'Pixar in a Box' Khan Academy Topic", "author": "Pixar Post（2018）", "url": "https://pixarpost.com/2018/10/pixar-in-a-box-lighting.html", "note": "Pixar in a Box の照明講座にカラースクリプトの単元があること" }, { "title": "The effects of color and saturation on the enjoyment of real-life images", "author": "Chenyang Lin, Sabrina Mottaghi, Ladan Shams, Psychonomic Bulletin & Review（2023）", "url": "https://pmc.ncbi.nlm.nih.gov/articles/PMC10867063/", "note": "彩度が快さ・覚醒と結びつくとする先行研究の紹介と実験結果" } ], "tags": [ "色彩", "感情", "構成" ], "url": "https://fantasist.org/anime-techniques/f-04/", "usedIn": [] }, { "no": "F-05", "title": "コントラストで視線を集める", "aka": [ "明暗差", "トーン", "コントラストとアフィニティ", "視覚的強調" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "明るさや色の差が大きい所に目が行く性質を使い、見せたい場所に最も強い差を置いて視線を導く。", "what": "画面の中で、周囲と明るさ・色・形の差が大きい所は目立つ。映像の視覚構造を論じたブルース・ブロックは、明るさ（トーン）を基本的な視覚要素の一つとし、その差（コントラスト）と似ていること（アフィニティ）の配分で画面の強弱を作ると説く。アニメでも、見せたい人物や物の周りに最も強い明暗差を置き、それ以外を似た明るさにまとめることで、視線の行き先を決める。", "why": "視覚的注意の計算モデルの研究では、色や明るさ、向きなどの特徴が周囲と対比される場所ほど目立ち（顕著性が高く）、注意が向きやすいとされる。目立ち方は周囲の文脈で決まるので、同じ明るさの物でも、暗い背景では強く、明るい背景では弱く見える。画面全体の差を控えめにしておくと、一か所の強い差がいっそう効き、視線の迷いが減る。", "how": [ "カットごとに、観客に最初に見てほしい一点を決める", "その一点に最も強い明暗差（または色の差）を置く", "それ以外の部分は明るさや色をなじませ、差を弱める", "白黒にして、狙った場所が一番目立つか確認する" ], "when": "重要な小物や表情を見せたい場面、情報の多い画面、群衆の中の一人を示したいとき。カットが短く、観客に見る場所を一瞬で伝えなければならない場面でとくに効く。寄りと組み合わせても効く。", "avoid": "画面のあちこちに強い差があると、視線が散る。見せたい物以外が一番明るいと、観客はそちらを見てしまう。差を強めすぎると、画面が硬く疲れ、長く見ていられなくなる。差は一か所に絞る。", "ai": "コマ絵を選ぶとき、白黒にして見せたい場所が最も目立つかを確認する。目立たないコマは、寄りで余計な部分を画面から外すか、周辺をわずかに暗くする処理（周辺減光）で差を作る。字幕は画面の強い明暗差と重ならない位置に置き、見せたい場所と競合させない。", "related": [ "F-06", "E-03", "D-10" ], "sources": [ { "title": "The Visual Story: Creating the Visual Structure of Film, TV and Digital Media", "author": "Bruce Block（Focal Press, 2008 ほか）", "url": "https://books.google.com/books/about/The_Visual_Story.html?id=YaxtjmZaHz8C", "note": "トーン・色などの視覚要素とコントラスト／アフィニティの考え方" }, { "title": "The Visual Story, Chapter \"Tone\"", "author": "Bruce Block / Taylor & Francis", "url": "https://www.taylorfrancis.com/chapters/mono/10.4324/9781315794839-5/tone-bruce-block", "note": "トーン（明るさ）の差が注意を集めるのに使われるという章の説明" }, { "title": "Computational modelling of visual attention", "author": "Laurent Itti & Christof Koch, Nature Reviews Neuroscience 2(3), 2001", "url": "https://www.nature.com/articles/35058500", "note": "色・明るさなどの特徴の対比が顕著性を生み注意を向けるという研究" } ], "tags": [ "色彩", "明暗", "視線誘導" ], "url": "https://fantasist.org/anime-techniques/f-05/", "usedIn": [] }, { "no": "F-06", "title": "キャラと背景の分離（明度差）", "aka": [ "図と地", "セパレーション", "明度差" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "キャラクターと背景の明るさや色みに差をつけ、人物が背景に埋もれず、はっきり読めるようにする工夫。", "what": "アニメでは、平らに塗られたキャラクターと描き込まれた背景を重ねるため、両者の明るさや色が近いと人物が背景に溶けてしまう。これを避けるため、キャラクターと背景の間に明度差や色相差を作る。背景をぼかす、境目に彩度の低い色をはさむ、周辺を暗くするなどの方法もある。一方で差をつけすぎると、切り抜いて貼ったように浮くので、なじませつつ引き立てる釣り合いが求められる。", "why": "人の目は、明るさの境目から物の輪郭を拾い、形を認識する。人物と背景の明るさが近いと輪郭が拾えず、形や表情が読みにくくなる。明度差は色相差よりも確実に形を分けるため、白黒にして確認する方法がよく勧められる。ぼかしで焦点の差を作るのも、観客が主役を区別する助けになる。分離は、読みやすさそのものを支える。", "how": [ "カットを白黒にして、人物の輪郭が背景と区別できるか見る", "人物が明るいなら背景を一段暗く、人物が暗いなら背景を明るくする", "色相も背景と離し、補色に近い組み合わせを検討する", "背景をぼかす、周辺を暗くするなどの処理で差を補う", "浮きすぎる場合は、背景の色を人物にわずかに映して馴染ませる" ], "when": "背景の描き込みが多い場面、夜や暗い室内、人物の服と背景の色が近い場面。小さな画面で見られる映像では、人物がはっきり読めることがいっそう大切になる。字幕と重なる画面でも有効である。", "avoid": "差をつけすぎると、人物が背景から浮いて合成に見える。どのカットも同じ方法で分けると単調になる。背景を暗くしすぎて、どこにいるのか場所が分からなくなる例も多い。注意がいる。", "ai": "画像生成の発注文に「人物は背景より明るく（または暗く）はっきり分かれる」と書いておく。完成したコマは白黒で確認し、人物が埋もれているコマは差し替えるか、寄りで背景の面積を減らす。字幕を画面下に出す都合上、下部の背景は落ち着いた明るさにしておくと、字幕と人物の両方が読みやすい。", "related": [ "F-05", "F-02", "E-03" ], "sources": [ { "title": "キャラクターを引き立てる！背景の描き方講座", "author": "60枚 / パルミー", "url": "https://www.palmie.jp/lessons/125", "note": "明度・色相の差、境目の低彩度色、ぼかし、白黒での確認など引き立て方" }, { "title": "The Visual Story, Chapter \"Tone\"", "author": "Bruce Block / Taylor & Francis", "url": "https://www.taylorfrancis.com/chapters/mono/10.4324/9781315794839-5/tone-bruce-block", "note": "明るさ（トーン）の差による視覚的強調の考え方" }, { "title": "Dream Worlds: Production Design for Animation", "author": "Hans Bacher（Focal Press／CRC Press, 2008）", "url": "https://www.routledge.com/Dream-Worlds-Production-Design-for-Animation/Bacher/p/book/9780240520933", "note": "アニメーションの美術設計で明暗と色（Value and Color）を扱う章" } ], "tags": [ "色彩", "明暗", "読みやすさ" ], "url": "https://fantasist.org/anime-techniques/f-06/", "usedIn": [] }, { "no": "F-07", "title": "シリーズを通した色の約束", "aka": [ "色数管理", "パレット", "色の一貫性" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "作品全体で使う色の範囲とキャラの色を決めて守り、話数やスタッフが変わっても同じ世界に見せる。", "what": "長いシリーズでは、話数ごとに作画や仕上げのスタッフが変わるため、色の約束（パレット）を決めて守ることが重要になる。セル時代は使える絵の具の色数に制約があり、限られた色数でも色設計の工夫で作品が成立したことが論じられている。現在はデジタルで色数の制約はないが、色彩設計が色指定表で基準を示し、仕上がりを検査して一貫性を保つ仕組みは変わらない。", "why": "観客は、キャラクターを形だけでなく色の組み合わせで覚えている。髪や服の色が話ごとに少しずつ違うと、別人に見えたり、作品の質が落ちたと感じたりする。逆に、限られた色の範囲にまとめると、画面全体に統一感が生まれ、作品らしい色の個性として記憶される。色の約束は、作り手どうしの共通語としても働き、確認の手間を減らす。", "how": [ "作品で使う色の範囲（明るさ・彩度の上限下限）を決める", "主要キャラクターの色を固定し、色指定表にまとめる", "新しい場所・人物を足すときは、既存のパレットとの関係を確認する", "各話の仕上がりを基準の色と並べて検査する" ], "when": "連続もの、長期シリーズ、多人数・複数スタジオで分担する制作。ブランドとして色の個性を持たせたいとき。途中から担当者が替わる制作でも、約束があれば品質を保ちやすい。", "avoid": "約束が細かすぎると、場面に応じた色の工夫ができなくなる。逆に例外を許しすぎると、約束が意味を失う。新しい要素を足すたびに色が増えると、統一感が崩れていく。定期的に見直す。", "ai": "画像生成AIは同じ指定でも毎回色がぶれる。キャラクターの色設定表と、作品全体の色調（例:彩度控えめ、暖色寄り）を一つの「発注共通文」にまとめ、全コマに貼る。話数をまたぐ場合は、過去の回のコマを基準画として手元に置き、並べて検査する。ずれたコマはモーションコミック化の前に色補正でそろえる。", "related": [ "F-01", "F-04", "F-03" ], "sources": [ { "title": "デジタル・アニメーションの過去・現在・未来 第6回", "author": "五島一浩 / メディア芸術カレントコンテンツ（文化庁, 2017）", "url": "https://mediag.bunka.go.jp/article/da6/", "note": "セル時代の色数制約と、色設計の工夫で限られた色数でも成立した例" }, { "title": "アニメの色彩設計・色指定とは", "author": "専門学校デジタルアーツ東京", "url": "https://www.dat.ac.jp/course/anime/anime-column/color_design/color_about/", "note": "色彩設計が基準を決め、色指定・検査が正しく塗られたかを確かめる" } ], "tags": [ "色彩", "一貫性", "シリーズ" ], "url": "https://fantasist.org/anime-techniques/f-07/", "usedIn": [] }, { "no": "F-08", "title": "モノクロ・彩度を落とす演出（回想など）", "aka": [ "回想", "セピア", "モノクロ", "脱色", "フラッシュバック" ], "category": "F", "categoryLabel": "色・美術・光", "summary": "画面の色を抜く、セピアにする、彩度を落とすなどで、回想や夢など現在と違う時間・意識を示す演出。", "what": "映像の回想場面では、周辺をぼかす、普段と違う色調やセピア調、全体がカラーの中でのモノクロなどの視覚的な合図が使われると説明される。回想に入る所と抜ける所にフェードなどの切り替えを置き、時間が変わったことを示す使い方も説明されている。色調の調整（カラーグレーディング）は、場面の気分を強めたり変えたりする手段として、音楽の伴奏にたとえられる。", "why": "作品の大半がカラーなら、色が抜けた画面は「いつもと違う」と一目で分かる。観客はこれを時間や現実性の違いの合図として学習している。彩度の低下は、感情の温度を下げ、距離や喪失の感じを生みやすい。研究でも、彩度の変化が画像から受ける快さや覚醒の強さに影響することが報告されている。合図は入口と出口にはっきり置くと、混乱を防げる。", "how": [ "回想・夢など、現在と区別したい区間を決める", "その区間の色の処理（モノクロ・セピア・彩度半分など）を一つ選ぶ", "入口と出口にフェードやぼかしの切り替えを入れる", "作品の中では、同じ処理をいつも同じ意味に使い続ける" ], "when": "過去の回想、夢、想像、失われたものを思い出す場面。現在との対比で感情を強めたいとき。複数の時間軸が行き来する話で、観客の迷子を防ぎたいときに有効である。区切りを明確にできる。", "avoid": "作品内で処理の意味が揺れると、観客が時間軸を誤解する。長い回想をずっとモノクロにすると、表情や情報が読みにくく退屈になる。セピアや傷のフィルム風は、使い古された印象を与えることもある。", "ai": "モーションコミックでは、回想区間のコマに書き出し時の彩度低下（またはセピア）とディフュージョンを一括でかけ、入口と出口は1秒前後のクロスフェードにする。字幕にも回想であることが分かる約束（例:話者名の横に記号）を作り、読み上げの台本では声を少し低く遅くして区別する。同じ処理を全作品で同じ意味に使う。", "related": [ "F-04", "E-08", "F-03" ], "sources": [ { "title": "Flashback (narrative)", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Flashback_(narrative)", "note": "回想の合図としてのぼかし、セピア、カラー中のモノクロ、フェード" }, { "title": "Color grading", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Color_grading", "note": "色調調整が場面の気分を強め変える手段であるという説明" }, { "title": "The effects of color and saturation on the enjoyment of real-life images", "author": "Chenyang Lin, Sabrina Mottaghi, Ladan Shams, Psychonomic Bulletin & Review（2023）", "url": "https://pmc.ncbi.nlm.nih.gov/articles/PMC10867063/", "note": "彩度の違いが画像の快さ・覚醒に影響するという研究" } ], "tags": [ "色彩", "回想", "時間" ], "url": "https://fantasist.org/anime-techniques/f-08/", "usedIn": [] }, { "no": "G-01", "title": "台詞・効果音・音楽の配分", "aka": [ "三要素のバランス", "ダイアログ・SE・BGM" ], "category": "G", "categoryLabel": "音と声", "summary": "映像の音を台詞・効果音・音楽の三つに分け、場面ごとにどれを主役にするかを決めて重ね方を設計する。", "what": "アニメの音は、声優の台詞、効果音（SE）、音楽（劇伴・BGM）の三つで組み立てる。日本のアニメ音響では、アフレコで台詞を録り、音楽と効果音を別に用意し、最後のダビングで三つの量とタイミングを整える。配分とは、場面ごとに「いま何を聞かせるか」を一つ決め、他の二つを従わせることである。言葉を聞かせる場面では音楽を薄く、動きを見せる場面では効果音を立て、感情の山では音楽に任せる、というように主役を入れ替えていく。", "why": "Walter Murch は、音を言葉のように意味を読み取る音（符号的）から音楽のように直接感じる音（身体的）までの帯として捉え、同じ種類の音を重ねると二つ半ほどで聞き分けが崩れると述べている。台詞・効果音・音楽は帯の別の位置にあるため、種類を散らせば多層でも聞き取れる。また Chion は、音と絵の組み合わせが単独の和を超える印象を生むと論じた。主役を一つに絞ると、この相乗効果が狙った方向に働く。", "how": [ "場面ごとに主役（台詞／効果音／音楽）を一つ決め、台本の余白に書く", "台詞のある区間は音楽の旋律や中音域を控えめにする", "同じ種類の音（台詞同士、似た効果音）は同時に三つ以上重ねない", "感情の山では台詞を減らし、音楽か効果音に任せる区間を作る", "最後に通しで聞き、主役が入れ替わる所に不自然な段差がないか確かめる" ], "when": "会話・アクション・感情の山が一話の中で入れ替わる作品全般。特に短尺で情報量が多い場合は、場面ごとの主役を明確にするだけで聞き取りやすさが大きく変わる。音を後から足す制作では、足す前に配分表を作っておくと迷わない。", "avoid": "三つを全部同じ強さで鳴らすと、どれも聞こえない音の壁になる。台詞の上に歌もの（歌詞のある曲）を重ねると言葉同士がぶつかる。効果音を全部の動きに付けると、重要な音が埋もれる。", "ai": "fantasist.org のモーションコミックは映像が無音で、音は閲覧者の端末の読み上げ（台詞と語り）だけになる。したがって「台詞」を主役にした設計が前提で、効果音や音楽の役割は字幕の［　］表記や画面の動き（寄り・揺れ）で補う。方針として音は足さないので、効果音や音楽の役割は字幕と画面の動きで受け持つ。", "related": [ "G-05", "G-06", "G-09" ], "sources": [ { "title": "Dense Clarity – Clear Density", "author": "Walter Murch（Transom Review Vol.5 Issue 1）", "url": "https://transom.org/2005/walter-murch/", "note": "言葉（符号的）から音楽（身体的）までの帯と、同種の音は約2.5層で聞き分けが崩れる説" }, { "title": "Chion, Audio-Vision: Sound on Screen（注解）", "author": "Deborah Wolfson／シカゴ大学 Cinema and Media Studies", "url": "http://csmt.uchicago.edu/annotations/CHION.HTM", "note": "付加価値、場面に無関心な音楽、音が時間の感じ方を変える点の要約" }, { "title": "現場のお仕事〈アニメ音響制作〉", "author": "日本音声製作者連盟", "url": "https://onseiren.com/onseiseisaku/douga", "note": "アフレコ・音楽・SE・ダビングの工程と、音響監督・ミキサーの役割" } ], "tags": [ "音響", "ミックス", "設計" ], "url": "https://fantasist.org/anime-techniques/g-01/", "usedIn": [] }, { "no": "G-02", "title": "アフレコとプレスコ", "aka": [ "アフターレコーディング", "プレスコアリング", "プレレコ" ], "category": "G", "categoryLabel": "音と声", "summary": "絵に声を合わせるアフレコと、先に録った声に絵を合わせるプレスコ。どちらを選ぶかで芝居の主導権が変わる。", "what": "アフレコは、先に作った映像（未完成の場合も多い）を見ながら声優が台詞を録る方式で、日本のテレビアニメでは一般的である。プレスコは台詞や歌を先に録り、その音声に合わせて作画する方式で、プリレコーディングとも呼ばれる。日本でも初期はプレスコが主流だったが、リミテッドアニメーションの普及とともにアフレコが一般化したとされる。劇場作品やCG作品では、演技を生かすためにプレスコを選ぶ例がある。", "why": "アフレコでは画面の尺と口の動きが先に決まるため、声優は決められた時間に台詞を収める必要があり、作画の手間と日程を管理しやすい。プレスコでは声優の間や息づかいが先にあるので、アニメーターはそれを見て自然な芝居を付けやすいが、音に合わせて作画を直す手間がかかる。つまり、時間を決めるのが絵か声かの違いであり、どちらの演技を基準にするかという選択でもある。", "how": [ "作品の優先事項（日程か、声の自然さか）を先に決める", "アフレコなら絵コンテ段階で台詞の秒数を書き込み、尺に余裕を持たせる", "プレスコなら録音した声を波形で見て、口の開閉や間のタイミングを作画に写す", "どちらでも、台詞の入りと終わりの時刻を一覧表にして共有する" ], "when": "日程が厳しく話数の多いシリーズはアフレコ、会話の自然さや即興性が作品の核になる企画はプレスコが向く。歌唱シーンやリズムに合わせる場面は部分的にプレスコにする方法もある。", "avoid": "アフレコで尺がきつすぎると、声優が早口で詰めることになり芝居が硬くなる。プレスコで録音後に台詞を差し替えると、作画のやり直しが連鎖する。どちらかに決めず混在させると、管理が破綻しやすい。", "ai": "fantasist.org のモーションコミックは絵（コマ絵）が先にあるので構造的にはアフレコ型で、台本（narration.ja.json）の時刻を映像のカットに合わせて書く。一方、読み上げの速さが端末ごとに違うため、台詞の終わりに0.5〜1秒ほどの余白を取り、次の台詞と重ならないようにする。読み上げは端末ごとに速さが違うので、プレスコのように声の長さからカット尺を決めることはできない。尺は字幕の表示時間を基準にする。", "related": [ "G-03", "G-07" ], "sources": [ { "title": "プレスコ", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AC%E3%82%B9%E3%82%B3", "note": "先に音声を録る手法と、日本でアフレコが一般化した経緯" }, { "title": "アフレコ・アテレコ・プレスコって何が違うの？", "author": "ヒューマンアカデミー", "url": "https://ha.athuman.com/pa/topics/list/topics/066061.php", "note": "日本のアニメはアフレコが主流で、プレスコは演技の自由度が高い点" }, { "title": "アフレコとは？意味やプレレコとの違い", "author": "デジタルハリウッド", "url": "https://school.dhw.co.jp/course/netmovie/contents/w_dubbing.html", "note": "アフレコの定義と、プレスコとの手順の違い" } ], "tags": [ "音響", "収録", "制作工程" ], "url": "https://fantasist.org/anime-techniques/g-02/", "usedIn": [] }, { "no": "G-03", "title": "口パクと台詞の合わせ方", "aka": [ "リップシンク", "クチパク", "パク" ], "category": "G", "categoryLabel": "音と声", "summary": "台詞に合わせて口を動かす作画技法。日本のテレビアニメは3枚の口で、フル作画は音素ごとの口形で合わせる。", "what": "口パクは、キャラクターが話すときの口の動きである。日本のリミテッドアニメーションでは、閉じ口・中口・開き口の3枚を入れ替えて表現するのが基本とされる。アフレコでは絵が先にあるため、声優は画面に出るボール（役名入りの四角）や色線を目安に台詞を当て、口の動きの尺に言葉を収める。一方、欧米のフル作画や3DCGでは、音素ごとに約10種の口形を使い分ける方式が広く知られる。", "why": "人は話し声と口の動きのずれに敏感で、ずれると声が別の場所から聞こえるように感じ、芝居への没入が途切れる。ただし観客は口の形を細かく読んでいるわけではなく、開閉のタイミングと台詞の始まり・終わりが合っていれば、3枚でも十分に「話している」と受け取る。日本のテレビアニメが少ない枚数で成立するのはこのためであり、合わせるべきは形より時間である。", "how": [ "台詞の文字数から尺を見積もる（目安として1文字あたり数コマ）", "台詞の頭で口を開け始め、語尾で閉じ口に戻す", "息継ぎや句読点の位置では口を閉じ、台詞の間を作る", "画面外の台詞（オフ）は口パク不要なので、長い説明はオフに回す", "録音後に音と口の開閉を並べて見直し、ずれを数コマ単位で詰める" ], "when": "キャラクターの顔が見えている会話カット全般。特に顔の大きなアップではずれが目立つため丁寧に合わせる。逆に引きの画や後ろ姿では口元が小さく、厳密に合わせなくても成立するので、手間を配分する目安にもなる。", "avoid": "口パクの尺より台詞が長いと、声優が早口になるか、声が口の動きより長く残る（現場用語で「こぼす」）。逆に短いと口だけ動いて声がない状態になる。長台詞を顔のアップで口パクさせ続けると、動きの少なさが目立つ。", "ai": "fantasist.org のモーションコミックは静止画なので口パクは作れない。そのため台詞のある区間は、顔の寄りを避けて引きや後ろ姿、手元のカットに当てる（画面外の声として聞かせる）か、話者の顔にゆっくり寄るだけに留める。将来、動画生成AIで口を動かす場合は、音声と口の開閉が合っているかをコマ送りで検品し、実在人物に似た顔では使わない。", "related": [ "G-02", "G-07", "H-07" ], "sources": [ { "title": "口パク（用語集）", "author": "CGWORLD.jp", "url": "https://cgworld.jp/terms/%E5%8F%A3%E3%83%91%E3%82%AF.html", "note": "リミテッドでは閉じ口・中口・開き口の3枚を入れ替える" }, { "title": "アフレコ", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%95%E3%83%AC%E3%82%B3", "note": "未完成映像では役名入りのボールや色線で台詞の入りを示す点" }, { "title": "実写のドラマや映画とは違う？「アニメのセリフ」ができるまで", "author": "藤津亮太（静岡新聞アットエス／SBSラジオ）", "url": "https://www.at-s.com/life/article/ats/1662108.html", "note": "脚本→絵コンテ→アフレコ台本の流れと、口パクの尺の目安" }, { "title": "Preston Blair phoneme series", "author": "Gary C. Martin", "url": "https://www.garycmartin.com/mouth_shapes.html", "note": "音素ごとに約10種の口形を使い分けるフル作画側の方式" }, { "title": "声優が演じる「セリフ」の種類、録り方にまつわる用語", "author": "幸田夢波", "url": "https://yumemon.com/archives/3585", "note": "オン・オフ、こぼし、巻くなどアフレコ現場の尺の用語" } ], "tags": [ "作画", "音響", "台詞" ], "url": "https://fantasist.org/anime-techniques/g-03/", "usedIn": [] }, { "no": "G-04", "title": "無音・静寂の演出", "aka": [ "サイレンス", "音抜き" ], "category": "G", "categoryLabel": "音と声", "summary": "音をいったん引くことで、直後の出来事や感情を際立たせる技法。完全な無音より環境音をわずかに残すのが基本。", "what": "無音の演出は、鳴っていた音楽や効果音を止め、静けさそのものを場面の表現にする技法である。衝撃の瞬間、決定的な台詞の直前、喪失の場面などで用いられる。音響の実務では、デジタルの完全な無音を入れると放送事故のように聞こえるため、部屋の空気音（ルームトーン）や遠くの環境音をわずかに残し、「静かな音」として設計することが多いと説明される。", "why": "静寂は、その前に音があって初めて意味を持つ。耳が音に慣れたところで音が消えると、観客は変化に気づき、画面を注視する。Walter Murch は、期待される叫び声を鳴らさないことで緊張が高まる例を挙げ、音の不在が能動的な表現になると論じている。また、音が消えると観客は自分の想像で空白を埋めようとするため、感情移入が深まる。", "how": [ "無音にする前に、音楽や環境音をしっかり鳴らして対比を作る", "無音区間でも環境音を小さく残し、再生の不具合と誤解されないようにする", "無音の長さは場面の重さに合わせ、数秒程度から試す", "無音の後に戻る音（最初の一音）を何にするかを決めておく", "字幕では［静寂］などと書かず、そのまま空白を置くかを検討する" ], "when": "衝撃の出来事の直後、告白や宣告の直前、場面の余韻を残したい終わり。一作品の中で使う回数を一〜二回に絞ると効果が上がる。音楽が長く続いた後の区切りとして使うと、観客の注意を立て直せる。", "avoid": "頻繁に使うと効果が薄れ、単なる音の抜けに聞こえる。完全なデジタル無音は、視聴者が再生不良を疑う原因になる。短尺のSNS動画では、冒頭の無音は離脱の原因になりやすい。", "ai": "fantasist.org の映像はもともと無音なので、「静寂」は読み上げの台本側で作る。台本の該当区間に台詞を入れず、2〜3秒の空白を置き、画面はゆっくりした寄りか止めにする。字幕も出さないことで、音と文字の両方が止まる「間」になる。読み上げを使わない閲覧者には、画面の止めと字幕の空白が同じ働きをする。", "related": [ "H-04", "G-06" ], "sources": [ { "title": "Designing Silence", "author": "Miguel Isaza／Designing Sound", "url": "https://designingsound.org/2014/06/28/designing-silence/", "note": "沈黙は前の音との対比で効き、完全な無音は事故に聞こえる点" }, { "title": "Stretching Sound to Help the Mind See", "author": "Walter Murch／The New York Times、2000-10-01", "note": "期待された音を鳴らさないことが緊張を生むという論" } ], "tags": [ "音響", "間", "緊張" ], "url": "https://fantasist.org/anime-techniques/g-04/", "usedIn": [] }, { "no": "G-05", "title": "効果音の設計", "aka": [ "効果音", "SE", "サウンドエフェクト" ], "category": "G", "categoryLabel": "音と声", "summary": "どの動きに効果音を付け、どれを省くかを決め、画面の外で鳴る音で空間を広げる、効果音の組み立て方。", "what": "効果音の設計は、画面の中のどの動きや出来事に音を付け、どれを省くかを決め、画面に映らない音源の音も含めて場面の音を組み立てる作業である。日本のアニメ音響では、効果音は台詞や音楽と別に用意され、最後のダビングで量とタイミングを整える。音源が画面に見えない音は、画面の外にも空間が続いていることを観客に感じさせる。音と絵の切り替え点をずらす J カット・L カットは C-09 を参照。", "why": "Chion は、音と絵の組み合わせが単独の和を超える印象を生むと論じた。効果音は絵の動きに重さや速さを足すので、音を付ける動きを選ぶことは、観客の注意を選ぶことでもある。Murch は、同じ種類の音を重ねると二つ半ほどで聞き分けが崩れると述べている。すべての動きに音を付けると、重要な音が埋もれる。画面の外の音は、音源を隠したまま緊張を高め、画面の外の空間という感覚を作るとされる。", "how": [ "場面の中で、物語に必要な動き（開く扉、落ちる物、変わる足音）を先に書き出す", "物語に関わらない動きの音は省くか、環境音にまとめる", "同じ種類の効果音を同時に三つ以上重ねない", "画面の外で鳴る音（遠くの車、隣の部屋の声）で、場所の広がりを示す", "音源を隠した音は、後で音源を見せる場面と組にして使う" ], "when": "物音が物語の手がかりになる場面、場所の広さや周りの気配を伝えたい場面、音源を隠して緊張を高めたい場面。作画の枚数が少ないカットに、動きの重さや勢いを足したいときにも使う。", "avoid": "すべての動きに音を付けると、どれが大事か分からなくなる。画面の外の音が何の音か最後まで分からないと、観客は置いていかれる。絵の動きと音のタイミングがずれると、違和感が強く出る。台詞と同じ瞬間に大きな効果音を重ねると、言葉が聞き取れない。", "ai": "fantasist.org の映像は無音なので、効果音の設計は「どの音を字幕に書くか」を選ぶ作業になる。無音の映像では、物語に必要な効果音だけを字幕の［　］で示し、動きの強調は画面の揺れや寄りで代える（揺れの処理はスクリプトへの追加が要る。E-04 を参照）。画面の外の音も［遠くで雷］のように字幕で示せるが、読み上げの台詞と同じ時刻には出さない。", "related": [ "G-01", "G-04", "G-06", "C-09", "E-04" ], "sources": [ { "title": "Chion, Audio-Vision: Sound on Screen（注解）", "author": "Deborah Wolfson／シカゴ大学 Cinema and Media Studies", "url": "http://csmt.uchicago.edu/annotations/CHION.HTM", "note": "音と絵の組み合わせが単独の和を超える印象を生むという付加価値の考え" }, { "title": "Dense Clarity – Clear Density", "author": "Walter Murch（Transom Review Vol.5 Issue 1）", "url": "https://transom.org/2005/walter-murch/", "note": "同じ種類の音は約2.5層で聞き分けが崩れるという説" }, { "title": "Acousmatic sound", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Acousmatic_sound", "note": "音源を隠した音が緊張を高め、画面外の空間の感覚を作る（Chion）" }, { "title": "現場のお仕事〈アニメ音響制作〉", "author": "日本音声製作者連盟", "url": "https://onseiren.com/onseiseisaku/douga", "note": "効果音を台詞・音楽と別に用意し、ダビングで整える工程" } ], "tags": [ "音響", "効果音", "設計" ], "url": "https://fantasist.org/anime-techniques/g-05/", "usedIn": [] }, { "no": "G-06", "title": "BGMの入りと抜き", "aka": [ "劇伴のタイミング", "スポッティング", "M入り" ], "category": "G", "categoryLabel": "音と声", "summary": "音楽をどこで鳴らし始め、どこで止めるかを決める作業。入りと抜きの位置で場面の意味が変わる。", "what": "劇伴（劇中伴奏音楽）は、場面に合わせて使う音楽である。映画音楽では、監督と作曲家が映像を見ながら、どこで曲が始まり、どこで終わり、どの瞬間に合わせるかを決める作業をスポッティングと呼ぶ。日本のアニメでは、監督や音響監督が「こういう場面の曲」を並べた音楽メニューを作り、1クールで30〜40曲ほどを用意し、ダビングで各場面に当てはめる流れが紹介されている。", "why": "音楽の入りは、観客に「ここから感情が動く」と知らせる合図になる。逆に音楽が抜けると、場面が現実に引き戻されたように感じられる。Chion は、音楽が場面の情緒に寄り添う場合と、無関心に流れ続ける場合とで、同じ絵の受け取り方が変わると論じている。入りと抜きの位置は、観客の感情の切り替え点そのものである。", "how": [ "台本・絵コンテ上で、音楽を入れる区間と抜く区間を線で示す", "入りは台詞の直後や視線の変化など、感情が動く瞬間に置く", "抜きは曲の区切りか、場面の変化点（カット頭や効果音）に合わせる", "台詞の多い区間では音量を下げるか、旋律の少ない曲を選ぶ", "同じ曲を繰り返す場合、主題と結び付けて使い所を限る" ], "when": "感情の山、場面の切り替え、シリーズの定番の見せ場。短尺動画では冒頭の数秒で作品の雰囲気を決める役割も大きい。逆に、会話で情報を伝える区間や、静けさを見せたい区間は、音楽を抜く候補として検討する。", "avoid": "全編に音楽を敷き詰めると、感情の起伏がなくなる。曲の途中で唐突に切ると、編集の都合が透けて見える。場面の感情と逆の曲を使う場合は、意図が伝わるよう前後の演出を揃える必要がある。", "ai": "fantasist.org の映像は無音で、BGMは付けていない。代わりに、音楽が担う「感情の切り替え」は、カットの尺（遅い寄りは静かな場面、短いカットの連続は高揚）とフェードの使い方で表す。", "related": [ "G-01", "G-04", "G-09" ], "sources": [ { "title": "Film score", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Film_score", "note": "スポッティングで音楽の入り・終わり・尺を決める工程" }, { "title": "アニメ作品の劇伴・BGMの制作の流れについて", "author": "株式会社ポップホリック", "url": "https://popholic.jp/archives/13654", "note": "音楽メニュー打ち合わせ、1クール30〜40曲、ステム納品" }, { "title": "Chion, Audio-Vision: Sound on Screen（注解）", "author": "Deborah Wolfson／シカゴ大学 Cinema and Media Studies", "url": "http://csmt.uchicago.edu/annotations/CHION.HTM", "note": "付加価値、場面に無関心な音楽、音が時間の感じ方を変える点の要約" } ], "tags": [ "音楽", "音響", "感情" ], "url": "https://fantasist.org/anime-techniques/g-06/", "usedIn": [] }, { "no": "G-07", "title": "声の芝居の付け方と台本の書き方", "aka": [ "ディレクション", "アフレコ台本" ], "category": "G", "categoryLabel": "音と声", "summary": "台詞を抑揚・間・強弱でどう言うかを決め、演者や音声合成に伝わる形で台本に書き込む技法。", "what": "アニメの台詞は、脚本家が書いた後、絵コンテで演出家が秒数とともに調整し、専門業者がアフレコ台本にまとめる流れが紹介されている。台本には台詞と、感情に関わるト書きが残される。収録では音響監督が、しゃべり方・感情・速さを演出する。声の芝居は、抑揚（高低）だけでなく、間（沈黙）と強弱（一語の強調）で組み立てると伝わりやすいと、演技指導の現場では説明されることが多い。", "why": "聞き手は、台詞の中で強く言われた一語を意味の中心として受け取る。全体に抑揚を付けると、どこが大事か分からなくなる。また、台詞の前後の間は、話し手が考えている時間として受け取られ、内面があるように感じさせる。Ed Hooks は、思考が感情と動きに先立つと述べており、声の芝居でも「何を考えてこの台詞を言うか」を先に決めると、自然な抑揚が生まれる。", "how": [ "台詞ごとに、その人物の目的（何をしたくて言うか）を一行で書く", "一つの台詞で強調する語を一つ選び、台本で印を付ける", "間を置く位置に記号（例：「……」や／）を入れ、長さの目安を書く", "感情のト書きは形容詞より状況で書く（例：怒って→相手の嘘に気づいて）", "声の高さ・速さの基準を人物ごとに決め、表にしておく" ], "when": "会話劇、独白、感情の転換点。台本を複数人で共有する制作や、音声合成に読ませる場合は、書き込みの粒度がそのまま仕上がりを決める。収録や読み上げの前に、読み合わせで違和感のある台詞を洗い出すときにも使う。", "avoid": "感情のト書きを全台詞に付けると、演者が自分で考える余地がなくなり芝居が単調になる。強調語を複数指定すると効果が消える。台本の句読点が多すぎると、読み手が不自然に区切る。", "ai": "fantasist.org の読み上げ台本（narration.ja.json）では、話者ごとに声の高さ（pitch）と速さ（rate）を決め、台詞ごとに微調整する。音声合成は抑揚の細かい指定が難しいので、強調したい語の前後に読点を置く、間は台詞を分けて空白時間を取る、といった「書き方」で芝居を作る。感情の強い台詞は速さを少し落とすと落ち着いて聞こえる。", "related": [ "G-02", "G-08", "H-04", "K-05" ], "sources": [ { "title": "実写のドラマや映画とは違う？「アニメのセリフ」ができるまで", "author": "藤津亮太（静岡新聞アットエス／SBSラジオ）", "url": "https://www.at-s.com/life/article/ats/1662108.html", "note": "脚本→絵コンテ→アフレコ台本の流れと、口パクの尺の目安" }, { "title": "“声の抑揚”がワンパターン？“間と強弱”で変わる伝わり方", "author": "谷口裕幸（演技教室ACL）", "url": "https://note.com/acl_official/n/n830c47b10553", "note": "抑揚より、間と一語の強調で伝わり方が変わるという指導" }, { "title": "Acting for Animators（第5版）", "author": "Ed Hooks、Routledge、2023", "url": "https://www.routledge.com/Acting-for-Animators/Hooks/p/book/9781032266473", "note": "思考が感情と動きに先立つ、場面は目的と障害で組むという原理" }, { "title": "現場のお仕事〈アニメ音響制作〉", "author": "日本音声製作者連盟", "url": "https://onseiren.com/onseiseisaku/douga", "note": "アフレコ・音楽・SE・ダビングの工程と、音響監督・ミキサーの役割" } ], "tags": [ "演技", "台本", "声" ], "url": "https://fantasist.org/anime-techniques/g-07/", "usedIn": [] }, { "no": "G-08", "title": "ナレーションの使い方", "aka": [ "ボイスオーバー", "語り", "モノローグ" ], "category": "G", "categoryLabel": "音と声", "summary": "画面の外から語る声で、時間の飛躍・状況説明・人物の内面を伝える技法。絵で見せられる情報と重ねない。", "what": "ナレーションは、画面に映っていない語り手の声で物語を補う技法である。第三者の語り手が状況を説明するものと、登場人物が自分の内面を語るもの（モノローグ）がある。Sarah Kozloff は、アメリカ映画のボイスオーバーを分析し、語りは観客との親密さや皮肉を生む力を持ち、「語る」ことが「見せる」ことに必ずしも劣らないと論じた。アニメでも、時間の経過や世界観の導入、人物の心の声に使われる。", "why": "語り手の声は、観客に直接話しかけるため、画面の出来事と観客の間に案内役を置く効果がある。また、絵と語りが少しずれた情報を出すと、観客は両者を照らし合わせて意味を読み取るので、単なる説明以上の余韻が生まれる。逆に、絵が見せていることを語りが繰り返すと、観客は同じ情報を二度受け取り、退屈に感じる。語りの声は画面の外にあるため、絵の時間とは別の時間（回想や後日談）を重ねることもできる。", "how": [ "語り手が誰か（第三者か人物本人か）を最初に決め、途中で変えない", "語りは絵で見せられない情報（時間、過去、心の中）に限る", "語りの声は台詞と区別できる高さ・速さにする", "語りの入る区間はカットを長めにし、絵を落ち着かせる", "語りの字幕は台詞と書式を分ける（括弧や位置で区別）" ], "when": "物語の導入、時間の飛躍、回想、人物の決意や本音を伝える場面。短尺で状況説明の時間がない場合や、絵だけでは経緯が分からない場合にも有効で、冒頭と結びにだけ置く使い方もある。", "avoid": "絵を見れば分かることを語ると冗長になる。語りが多すぎると、登場人物の芝居で見せる場面がなくなる。語り手の立場が途中でぶれると、観客はだれの視点か分からなくなる。", "ai": "fantasist.org のモーションコミックでは、ナレーションは静止画の弱さ（動きで見せられない）を補う主要な手段である。台本で話者を「語り」として登場人物と別に定義し、声の高さ・速さを登場人物と変える。字幕は語りだけ位置や括弧を変えて区別する。コマ絵に描かれていない出来事は語りで補い、絵にある情報は語らない。", "related": [ "G-07", "J-07", "K-05" ], "sources": [ { "title": "Invisible Storytellers: Voice-Over Narration in American Fiction Film", "author": "Sarah Kozloff、University of California Press、1988", "url": "https://www.ucpress.edu/books/invisible-storytellers/paper", "note": "語りは親密さや皮肉を生み、「語る」は「見せる」に劣らないとする" }, { "title": "SpeechSynthesisUtterance", "author": "MDN Web Docs", "url": "https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance", "note": "lang・pitch・rate・voice・volume と start・end・boundary イベント" } ], "tags": [ "語り", "構成", "声" ], "url": "https://fantasist.org/anime-techniques/g-08/", "usedIn": [] }, { "no": "G-09", "title": "音量のバランスと台詞の聞き取りやすさ", "aka": [ "ラウドネス", "ミックスバランス" ], "category": "G", "categoryLabel": "音と声", "summary": "番組全体の音の大きさを基準値にそろえ、台詞が音楽や効果音に埋もれないように各要素の音量を整える。", "what": "音量のバランスは、ダビング（ミックス）の工程で、台詞・音楽・効果音の大きさを整える作業である。放送では、番組ごとの音の大きさの差をなくすため、ラウドネスという聴感に近い尺度で基準値が定められている。日本のデジタルテレビ放送では ARIB TR-B32 に基づき、目標値を-24 LKFSとする運用が2012年10月から始まった。欧州の EBU R 128 は-23 LUFS、トゥルーピーク-1 dBTP を上限とする。", "why": "人は音量差に慣れる一方で、番組や場面による急な変化には不快を感じ、音量を操作する。基準値でそろえると、視聴者は音量を触らずに済む。また、台詞は意味を読み取る必要のある音で、音楽や効果音と同じ周波数帯にぶつかると聞き取りにくくなる。Murch の言う「符号的な音」である台詞を優先し、他の音を下げることで、密度を保ったまま明瞭さを確保できる。", "how": [ "作品全体の目標ラウドネス（配信先の基準）を先に決める", "台詞を基準に音量を決め、音楽と効果音はそれに合わせて下げる", "台詞のある区間だけ音楽を自動で下げる処理（ダッキング）を使う", "スマートフォンのスピーカーとイヤホンの両方で聞いて確かめる", "最も大きな音（爆発など）でピークが上限を超えないか測る" ], "when": "すべての音付き映像。特に小さなスピーカーで見られる配信・SNS向けでは、台詞の聞き取りやすさが最優先になる。複数の話を連続で見られるシリーズでは、話ごとの音量差をなくすことも重要である。", "avoid": "迫力を出そうと音楽や効果音を上げすぎると、台詞が聞こえず字幕なしでは理解できなくなる。圧縮しすぎて全体を大きくすると、音の強弱がなくなり疲れる。基準値だけ合わせても、場面内の台詞の聞き取りは別に確認が必要である。", "ai": "fantasist.org では読み上げの音量は閲覧者の端末と音声合成に任せるため、音量の設計は「読み上げに他の音を重ねない」ことに尽きる。台本の volume は基本1のままにし、囁きなどは台詞の書き方と速さで表す。BGMや音声ファイルは付けない方針なので、ラウドネスの基準は、外部に出す動画を別に作るときの参考にとどめる。", "related": [ "G-01", "G-06" ], "sources": [ { "title": "デジタルテレビ放送におけるラウドネス運用規定の国内標準化", "author": "松永英一、日本オーディオ協会誌 2013年3月号", "url": "https://www.jas-audio.or.jp/journal-pdf/2013/03/201303_022-029.pdf", "note": "ARIB TR-B32の目標値-24 LKFS、2012年10月運用開始" }, { "title": "EBU R 128", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/EBU_R_128", "note": "欧州の目標ラウドネス-23 LUFSとトゥルーピーク-1 dBTP" }, { "title": "Dense Clarity – Clear Density", "author": "Walter Murch（Transom Review Vol.5 Issue 1）", "url": "https://transom.org/2005/walter-murch/", "note": "言葉（符号的）から音楽（身体的）までの帯と、同種の音は約2.5層で聞き分けが崩れる説" }, { "title": "映画制作科がセリフ・音楽・効果音を調整するダビングを実施", "author": "東放学園映画アニメCG専門学校", "url": "https://www.tohogakuen.ac.jp/movie/news/detail/2156", "note": "ダビングで台詞・音楽・効果音の量・質・タイミングを整える工程" } ], "tags": [ "音響", "ミックス", "アクセシビリティ" ], "url": "https://fantasist.org/anime-techniques/g-09/", "usedIn": [] }, { "no": "H-01", "title": "しぐさで感情を見せる芝居", "aka": [ "感情芝居", "演技作画" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "感情を台詞で言わせず、手・姿勢・目・呼吸など体の動きで見せる技法。観客に読み取らせることで共感が生まれる。", "what": "キャラクターの芝居とは、アニメーターが体の動きで感情や考えを表現することである。ディズニーのアニメーターが『The Illusion of Life』にまとめた原則では、観客に意図を明快に伝える演出（ステージング）、動作の前触れとなる予備動作、動きの誇張などが挙げられる。Ed Hooks は、演技を「作りごとの状況で信じられるように振る舞うこと」と捉え、思考が感情と動きに先立つとして、「考えを動かせ」と説く。", "why": "観客は、他人の体の動きから内面を推し量る。台詞で「悲しい」と言われるより、手が止まる、視線が落ちるといったしぐさから自分で読み取ったほうが、感情を自分のものとして感じやすい。Hooks は、控えめな選択や小さなしぐさのほうが強く響くことが多いとし、共感は説明ではなく感情の真実から生まれると述べる。しぐさは説明にならないぶん、余韻も残る。", "how": [ "その場面で人物が何を考えているかを一文で決める", "考えが変わる瞬間を一つ選び、そこにしぐさの変化を置く", "しぐさは一つに絞り、手・目・姿勢のどれで見せるか決める", "動きの前に小さな予備動作（ため）を入れて、観客に予告する", "台詞と同じ内容のしぐさは避け、台詞の裏にある気持ちを見せる" ], "when": "台詞で言えない本音、感情が変わる瞬間、言葉を交わさない場面。短い映像で人物の性格を印象付けたいときにも有効で、登場直後のしぐさ一つで人物像を伝えることができる。", "avoid": "しぐさを大きくしすぎると、わざとらしい芝居になる。感情ごとに決まりきったポーズ（頭を抱える等）を使うと、人物の個性が消える。しぐさを重ねすぎると、どれが大事か伝わらない。", "ai": "fantasist.org のモーションコミックは静止画なので、しぐさは「コマ絵の選び方」と「カメラの寄せ方」で見せる。手元や目を描いたコマがあれば、そこへゆっくり寄ることで観客の注意を集める。画像生成では手が崩れやすいので、しぐさを手で見せる場合は検品で指の数と形を確かめ、崩れたコマは使わず、目線や姿勢で代える。", "related": [ "H-03", "H-05", "H-02" ], "sources": [ { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版（出典: Thomas & Johnston『The Illusion of Life』1981）", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "演出（ステージング）、予備動作、タイミング、誇張の原則" }, { "title": "Acting for Animators（第5版）", "author": "Ed Hooks、Routledge、2023", "url": "https://www.routledge.com/Acting-for-Animators/Hooks/p/book/9781032266473", "note": "思考が感情と動きに先立つ、場面は目的と障害で組むという原理" }, { "title": "Acting For Animators", "author": "Thinking Animation", "url": "https://www.thinkinganimation.com/acting-for-animators/", "note": "Hooksの原理（内面から外へ、控えめな選択が効く）の要約" } ], "tags": [ "演技", "感情", "作画" ], "url": "https://fantasist.org/anime-techniques/h-01/", "usedIn": [] }, { "no": "H-02", "title": "リアクションのカット", "aka": [ "反応ショット", "リアクションショット" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "出来事や台詞そのものではなく、それを受け止める人物の顔や体を見せるカット。観客の感じ方を方向づける。", "what": "リアクションのカットは、主な出来事から離れて、それを見聞きした人物の反応を映すカットである。多くは台詞のないアップや集団のショットで、驚き、笑い、ためらいなどを見せる。映画の文法として基本的な技法で、コメディでは特に、反応の顔が観客に「ここは笑う所だ」という合図を与えるとされる。反応をあえて見せないことで、人物の本心を隠す使い方もある。", "why": "観客は、画面の中の人物の反応を手本にして、自分の受け止め方を決める。クレショフ効果として知られる実験では、同じ無表情の顔でも、前後に置く映像によって観客が読み取る感情が変わる。2016年の再検証でも、中立の顔が文脈に沿って評価される傾向が確かめられた。つまり反応のカットは、前のカットの意味を観客の中で確定させる働きを持つ。", "how": [ "出来事のカットの直後に、受け手の顔のカットを置く", "反応の長さは、観客が感情を読み取れる程度（短め）から試す", "驚きなど大きな反応は、予備動作を入れて間を作る", "反応を見せない選択（背中、引き）も候補として検討する", "会話では、話し手より聞き手の顔を映す区間を作る" ], "when": "重要な台詞や出来事の直後、コメディの落ち、衝撃の場面。会話シーンでは聞き手の反応を挟むことでリズムが生まれ、長い台詞の単調さも和らぐ。観客に受け止め方を示したい場面全般で使う。", "avoid": "反応のカットを毎回入れると、テンポが遅くなり観客の感じ方を押し付けることになる。反応が大げさすぎると、観客の感情が追いつかない。出来事の内容が分からないうちに反応を見せると、何に驚いたのか混乱する。", "ai": "fantasist.org のモーションコミックでは、反応用のコマ絵（表情のアップ）を一枚用意しておくと、複数の場面で使い回せる。出来事のコマの後に1〜2秒、反応のコマをゆっくり寄りで見せる。表情の差分を画像生成で作る場合は、同じ人物に見えるかを並べて確認する。字幕は反応のカットでは出さないか、短い一語に留める。", "related": [ "H-01", "H-04", "H-08" ], "sources": [ { "title": "Reaction shot", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Reaction_shot", "note": "反応のカットは観客に受け止め方の手がかりを与える" }, { "title": "The Reaction Shot — Much More Than Essential Film Grammar", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/what-is-a-reaction-shot-definition/", "note": "反応のカットで会話のリズムや笑いの間を作る" }, { "title": "Kuleshov effect", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Kuleshov_effect", "note": "同じ無表情の顔でも前後のカットで感情が違って見える" }, { "title": "Does the Kuleshov Effect Really Exist? Revisiting a Classic Film Experiment on Facial Expressions and Emotional Contexts", "author": "Daniel Barratt ほか、Perception 45(8)、2016", "url": "https://journals.sagepub.com/doi/abs/10.1177/0301006616638595", "note": "中立の顔が文脈に沿って評価されることを実験で再確認" } ], "tags": [ "編集", "演技", "感情" ], "url": "https://fantasist.org/anime-techniques/h-02/", "usedIn": [] }, { "no": "H-03", "title": "目線の芝居", "aka": [ "視線", "アイライン", "目線つなぎ" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "人物がどこを見ているかで、関係性や気持ち、次に見せるものを観客に伝え、注意を導く技法。", "what": "目線の芝居は、人物の視線の向き・動き・長さで心理を表す技法である。相手を見る、目をそらす、何かに気づいて視線が止まる、といった変化が感情の変化として読まれる。編集では、人物が画面外を見るカットの次に、その視線の先の対象を見せる「目線つなぎ（アイラインマッチ）」が基本とされる。会話では、二人の目線の向きが合っていることで、互いに見合っていると感じられる。", "why": "人は他人の視線を追う傾向があり、画面の中の人物が見る方向に観客の注意も動く。Tim Smith は、観客の注意の向け方が、カットをまたいでも連続して見える理由を説明できると論じている。目線はこの注意の誘導を担う。また、視線をそらす・合わせるといった動きは日常で相手の気持ちを読む手がかりなので、観客は少ない動きからも心理を読み取れる。", "how": [ "人物がこの場面で誰（何）を見ているかを決める", "視線を向けるカットの次に、視線の先を見せるカットを置く", "目をそらす・戻すなど、視線の変化を感情の変化に対応させる", "会話では、二人の視線の左右が逆向きになるよう配置する", "視線の先をあえて見せず、観客の想像に任せる場合も検討する" ], "when": "会話、何かに気づく瞬間、秘密や隠し事がある場面、画面外に何かがあることを予告したいとき。視線の先を次のカットで見せれば、場面の空間関係を説明なしで伝えることもできる。", "avoid": "視線の方向がカットごとにずれると、誰が誰を見ているか分からなくなる。視線の先を見せないまま次の場面に移ると、観客の期待が宙に浮く。目の芝居に頼りすぎて、絵が小さいと伝わらない。", "ai": "fantasist.org のモーションコミックでは、目線はカメラの動きで強調できる。人物の顔から、視線の方向にゆっくりパンして対象で止めると、観客は人物と一緒に「見る」体験をする。画像生成では目の向きが指示どおりにならないことが多いので、コマ絵の視線の向きを検品し、左右が合わないコマは左右反転で直す（文字が入っていないことを確認する）。", "related": [ "H-07", "H-01", "K-02", "C-10" ], "sources": [ { "title": "Eyeline match", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Eyeline_match", "note": "見る人物→見られる対象とつなぎ、視線で空間を結ぶ" }, { "title": "The Attentional Theory of Cinematic Continuity", "author": "Tim J. Smith、Projections 6(1)、2012", "url": "https://eprints.bbk.ac.uk/6679/", "note": "注意の向け方で、カットをまたいでも連続して見える理屈" }, { "title": "180-degree rule", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/180-degree_rule", "note": "二人を結ぶ軸の片側にカメラを置き、左右関係を保つ" } ], "tags": [ "演技", "編集", "視線" ], "url": "https://fantasist.org/anime-techniques/h-03/", "usedIn": [] }, { "no": "H-04", "title": "間（沈黙の尺）", "aka": [ "ポーズ", "ため", "ビート" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "台詞や動きの間に置く沈黙の長さ。間の取り方で、同じ台詞が冗談にも本音にも聞こえる。", "what": "間は、台詞と台詞、動きと動きの間に置く、何も起きない時間である。演劇やお笑いでは、落ちの前の間が笑いを大きくし、深刻な場面では、返答の前の間がためらいや重さを表す。コメディの分野では、ビートと呼ばれる意図的な間が、観客に状況を理解させ期待を高める時間になると説明される。アニメーションの原則では、動きのタイミング（何コマかけるか）が感情と重さを伝えるとされる。", "why": "間は、観客が直前の情報を処理し、次を予想する時間である。予想が立ったところで期待を裏切れば笑いに、期待どおりなら納得になる。また、話し手が返答の前に黙ると、観客は「何かを考えている」と受け取り、内面を想像する。適切な長さは文脈によるため、決まった秒数はなく、試写で調整するのが一般的である。間は台詞の意味そのものを変える力を持つ。", "how": [ "台本で間を置く位置に印を付け、仮の長さ（秒）を書く", "落ちや告白の直前に、短い間を置いて観客の注意を集める", "返答の前の間は長さで気持ちを変える（短い＝即答、長い＝迷い）", "間の間は画面を止めすぎず、小さな動き（まばたき、呼吸）を残す", "通しで見て、長すぎる間は削り、足りない間は足す" ], "when": "ギャグの落ち、重要な台詞の前後、人物が決断する瞬間、場面の余韻。会話劇ではリズムの要になり、同じ台本でも間の置き方で作品の印象が大きく変わるため、試写で最も調整される要素の一つである。", "avoid": "間を長く取りすぎると、テンポが落ちて退屈になる。すべての台詞の間に同じ長さの間を置くと、単調になる。SNS向けの短尺では、長い間は離脱の原因になりやすい。間の途中で画面が完全に止まると、再生が止まったと誤解されることもある。", "ai": "fantasist.org では、間は読み上げ台本の空白時間とカット尺で作る。台詞を二つに分け、その間に0.5〜2秒の空白を置く。画面はその間ゆっくり寄り続けるか、表情のコマに切り替える。端末の音声合成は読む速さが一定しないため、間の長さは最も遅い読み上げでも台詞が重ならないように見積もる。", "related": [ "G-04", "H-08", "G-07", "C-02" ], "sources": [ { "title": "Comic timing", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Comic_timing", "note": "間（ビート）とテンポが笑いの効き方を左右する" }, { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版（出典: Thomas & Johnston『The Illusion of Life』1981）", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "演出（ステージング）、予備動作、タイミング、誇張の原則" }, { "title": "“声の抑揚”がワンパターン？“間と強弱”で変わる伝わり方", "author": "谷口裕幸（演技教室ACL）", "url": "https://note.com/acl_official/n/n830c47b10553", "note": "抑揚より、間と一語の強調で伝わり方が変わるという指導" } ], "tags": [ "演技", "間", "テンポ" ], "url": "https://fantasist.org/anime-techniques/h-04/", "usedIn": [] }, { "no": "H-05", "title": "感情のピークを大きいカットで見せる", "aka": [ "アップ", "クローズアップ", "感情の山" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "物語の感情が最も高まる瞬間に、顔のアップなど画面を大きく使うカットを当て、観客の感情を集中させる。", "what": "感情のピークとは、場面や作品の中で人物の気持ちが最も強く動く瞬間である。そこに顔のアップや、画面いっぱいの印象的な構図（大きいカット）を当てるのが一般的な演出である。Walter Murch は、編集の判断基準として感情を最優先し、物語・リズムなどより重く見るべきだと述べ、その配分を「6つのルール」としてまとめた。感情の山は、作品のカット割りの中心に据える場所である。", "why": "顔が画面で大きいほど、観客は表情を速く正確に読み取れる。James Cutting らの研究では、顔が大きいカットほど短くても感情が伝わり、雑多な背景は感情の読み取りを遅らせることが示された。また、大きいカットは画面の情報を一つに絞るので、観客の注意がそこに集中する。前後を引いたカットにしておくと、対比でさらに強く感じられる。", "how": [ "作品や場面の中で、感情のピークを一か所だけ決める", "ピークの前は引きや中くらいのカットで、大きいカットを温存する", "ピークでは顔のアップか、感情を象徴する構図を使う", "ピークのカットは他より少し長めに見せ、余韻を残す", "ピーク直後に引きのカットを置いて、観客を落ち着かせる" ], "when": "決断、告白、喪失、勝利など、物語の転換点。1〜2分の短い作品でも、山を一つ作ると印象に残る。シリーズ作品では、各話の山を一か所ずつ決め、そこに最も手間をかけるという配分の目安にもなる。", "avoid": "アップを乱発すると、どこがピークか分からなくなる。ピークの表情が作画的に崩れていると、逆効果になる。感情の積み上げがないまま大きいカットを見せても、観客は置いていかれる。", "ai": "fantasist.org のモーションコミックでは、ピークのコマに向けて、それまでの寄りを控えめにしておく。ピークのコマで大きく、ゆっくり寄り、止めてから字幕を出す。コマ絵自体が小さい表情しかない場合、寄りすぎると画質が落ちるので、元画像の解像度で寄れる範囲を確かめる。画像生成で表情のアップを作る場合は、他のコマと同じ人物に見えるかを並べて確認する。", "related": [ "H-01", "H-02", "K-02" ], "sources": [ { "title": "In the Blink of an Eye（第2版）", "author": "Walter Murch、Silman-James Press、2001", "note": "感情を最優先し、感情51%・物語23%・リズム10%・視線7%・平面5%・空間4%と重みづけた「6つのルール」" }, { "title": "The Rule of Six — Walter Murch's In the Blink of an Eye", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/walter-murch-rule-of-six/", "note": "感情を最優先し、以下を重要度順に並べる6つの基準の解説" }, { "title": "Here's looking at you, kid: Filmmakers know how we read emotions", "author": "Cornell Chronicle（James Cutting の研究紹介）、2016", "url": "https://news.cornell.edu/stories/2016/01/heres-looking-you-kid-filmmakers-know-how-we-read-emotions", "note": "顔が大きいほど感情の読み取りが速く、カットを短くできる" } ], "tags": [ "カメラ", "感情", "強調" ], "url": "https://fantasist.org/anime-techniques/h-05/", "usedIn": [] }, { "no": "H-06", "title": "群衆・背景人物の扱い", "aka": [ "モブ", "モブシーン", "モブキャラ" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "名前のない通行人や観客などの群衆を、主役を引き立てる背景として目立たせずに描く技法。", "what": "モブ（モブキャラ）は、名前も台詞もない群衆や背景の人物である。観客、通行人、敵の軍勢などが該当し、群衆が出る場面はモブシーンと呼ばれる。モブは主役の邪魔をしないよう控えめに描き、主役を目立たせる脇役として扱うと、専門学校の用語集では説明されている。予算の少ない作品ではモブを静止画にすることが多く、手間をかけた作品では細かく描かれるとされる。", "why": "観客の注意には限りがあり、画面に同じ強さの人物が多いと、誰を見ればいいか分からなくなる。モブの色や動きを抑え、主役とのコントラストを作ると、視線は自然に主役へ向かう。一方で、群衆が完全に止まっていると画面が死んで見えるため、一部だけ小さく動かすなど、生きている気配を残す工夫が必要になる。背景の人物の配置は、主役への視線の通り道を作る役割も持つ。", "how": [ "主役とモブの色・明るさ・細かさに差をつける", "モブは画面の手前か奥にまとめ、主役の周りに空きを作る", "群衆全体を動かさず、一部の人物だけ小さく動かす", "群衆の反応（歓声、ざわめき）は一斉ではなく、少しずらす", "モブの顔や服は、主役ほど細かく描き込まない" ], "when": "街中、競技場、祭りや集会の場面、戦闘の群衆など。主役を群衆の中で目立たせたいとき、また場所のにぎわいや規模を短いカットで伝えたいときに、モブの扱いが画面の印象を左右する。", "avoid": "モブの描き込みが主役より細かいと、視線が散る。同じモブを複製して並べると、違和感が出やすい。群衆が全員同じ動きをすると、機械的に見える。群衆の中に主役と似た髪型や服の人物がいると、観客が取り違える。", "ai": "fantasist.org のモーションコミックでは、群衆のコマは引きで短く見せ、主役のコマに寄って切り替える。画像生成で群衆を描くと、顔や手が崩れやすく、実在人物に似た顔が紛れることもあるので、群衆のコマは拡大して検品し、崩れた部分はぼかしの強い引きで見せるか使わない。群衆を複製して増やすのは避ける。", "related": [ "H-07", "J-02" ], "sources": [ { "title": "モブ（業界用語集）", "author": "福岡デザイン&テクノロジー専門学校", "url": "https://www.fca.ac.jp/terminology/605/", "note": "モブは主役を引き立てるため目立たせない、という位置づけ" }, { "title": "モブキャラとは（アニメ業界用語集）", "author": "OCA大阪デザイン＆IT専門学校", "url": "https://www.oca.ac.jp/glossary/8837/", "note": "予算の少ない作品ではモブに静止画が使われることが多い" }, { "title": "リミテッド・アニメーション（artword）", "author": "土居伸彰／artscape", "url": "https://artscape.jp/artword/6968/", "note": "止め絵・口だけの作画・引きセルなど日本のTVの省力技法" } ], "tags": [ "作画", "構図", "群衆" ], "url": "https://fantasist.org/anime-techniques/h-06/", "usedIn": [] }, { "no": "H-07", "title": "会話シーンの芝居の組み立て", "aka": [ "会話劇", "掛け合い" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "会話を、話し手と聞き手のカットの切り替え、立ち位置、目線、反応の配置で組み立てる技法。", "what": "会話シーンの芝居の組み立ては、会話の目的と障害を決め、主導権の移り変わりをカットの大きさと長さで見せる技法である。会話は、アニメでも映画でも最も多い場面の一つである。Ed Hooks は、場面は目的と障害の対立で組むと述べ、会話にも駆け引きがあるとする。誰が話を押し、誰が受けるかが変わる所で、カットの寄り方や長さを変える。話し手と聞き手を交互に見せる切り返しの基本と、人物の左右を保つカメラの置き方は、C-05・C-10 を参照。", "why": "観客は、画面の左右の位置で人物を識別するので、左右が入れ替わると混乱する。切り返しの順序とリズムは、会話の主導権の移り変わりを表す。話していない側の反応を見せることで、観客は会話の意味を確定させる。Hooks の考えでは、会話の中で人物が何を求め何に阻まれているかを明確にすると、単なる情報交換ではない芝居になる。", "how": [ "まず二人の位置関係を見せる引きのカットを置く", "話し手と聞き手のどちらを見せるかを、台詞の内容で決める", "会話の主導権が変わる所で、カットの大きさや長さを変える", "長い会話では途中で引きを挟み、空間を思い出させる" ], "when": "二人以上の会話全般。説明の多い場面ほど、カットの組み立てで退屈さを防ぐ必要がある。三人以上の会話では、誰が誰に話しているかを示すため、最初の引きのカットと位置関係の維持が特に重要になる。", "avoid": "切り返しを機械的に繰り返すと単調になる。線をまたいでカメラを置くと、人物の左右が入れ替わり混乱する（意図的に使う場合を除く）。話し手の口パクのカットばかりにすると、反応が見えず芝居が薄くなる。", "ai": "fantasist.org のモーションコミックでは、会話はコマ絵の並べ方で組み立てる。最初に二人が写るコマ、次に各人物の顔のコマを交互に並べ、人物の左右を揃える（向きが逆のコマは左右反転で直す）。長い会話は字幕が続くので、話者名を字幕に付けるか、WebVTTの話者タグで区別する。聞き手の顔のコマに話し手の台詞を重ねる区間も作る。", "related": [ "H-03", "H-02", "G-03", "G-05", "C-05", "C-10" ], "sources": [ { "title": "180-degree rule", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/180-degree_rule", "note": "二人を結ぶ軸の片側にカメラを置き、左右関係を保つ" }, { "title": "Eyeline match", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Eyeline_match", "note": "見る人物→見られる対象とつなぎ、視線で空間を結ぶ" }, { "title": "Acting for Animators（第5版）", "author": "Ed Hooks、Routledge、2023", "url": "https://www.routledge.com/Acting-for-Animators/Hooks/p/book/9781032266473", "note": "思考が感情と動きに先立つ、場面は目的と障害で組むという原理" }, { "title": "The Reaction Shot — Much More Than Essential Film Grammar", "author": "StudioBinder", "url": "https://www.studiobinder.com/blog/what-is-a-reaction-shot-definition/", "note": "反応のカットで会話のリズムや笑いの間を作る" } ], "tags": [ "演技", "編集", "会話" ], "url": "https://fantasist.org/anime-techniques/h-07/", "usedIn": [] }, { "no": "H-08", "title": "コメディとシリアスのテンポ", "aka": [ "緩急", "コミックタイミング" ], "category": "H", "categoryLabel": "芝居・演技", "summary": "笑いの場面は短く速いカットと的確な間で、重い場面は長めのカットと沈黙で、場面ごとにテンポを変える技法。", "what": "テンポとは、カットの長さ、台詞の速さ、間の取り方などで決まる場面の速さである。コメディでは、台詞の抑揚・リズム・速さ・間で笑いを導くことをコミックタイミングと呼び、速い掛け合いは慌ただしく可笑しい雰囲気を生むとされる。シリアスな場面では、カットを長めにし、沈黙や遅い動きで重さを出すのが一般的である。一作品の中で両者を切り替えることで緩急が生まれる。", "why": "観客は、場面の速さから感情の種類を読み取る。速いテンポは軽さや興奮、遅いテンポは重さや内省として受け取られやすい。笑いは期待の裏切りから生まれるため、期待を作る間と、それを裏切るタイミングの精度が効き方を左右する。緩急があると、観客は変化に注意を向け続けるので、長い作品でも集中が保たれる。テンポの変化自体が、場面の区切りを観客に知らせる合図にもなる。", "how": [ "場面ごとに「軽い／重い」を決め、カットの平均の長さを変える", "ギャグは前振り→間→落ち→反応の順に組み、落ちは短く切る", "シリアスはカットを長めにし、台詞の前後に沈黙を置く", "コメディからシリアスへ移る時は、一度引きや無音で区切る", "通しで見て、同じテンポが続く区間に変化を入れる" ], "when": "日常とドラマが混ざる作品、短尺のコメディ、クライマックス前の息抜き。短い作品でも緩急の対比は効く。シリーズでは、各話の中で軽い場面と重い場面の配置を決めておくと、全体の起伏が作りやすい。", "avoid": "シリアスの直後にギャグを入れると、感情が台無しになることがある。コメディの落ちの後に長く引っ張ると、笑いが冷める。全編を速くすると、観客は疲れて内容を追えなくなる。", "ai": "fantasist.org のモーションコミックでは、テンポはカット尺と読み上げの速さで作る。コメディ区間はカットを1〜2秒に詰め、寄りを速めにし、読み上げの速さ（rate）を少し上げる。シリアス区間はカットを4〜6秒にし、ゆっくりした寄りと空白を使い、rate を下げる。ただし端末ごとに読み上げの速さが違うので、字幕の表示時間を基準に尺を決める。", "related": [ "H-04", "H-02", "G-04" ], "sources": [ { "title": "Comic timing", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Comic_timing", "note": "間（ビート）とテンポが笑いの効き方を左右する" }, { "title": "Reaction shot", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Reaction_shot", "note": "反応のカットは観客に受け止め方の手がかりを与える" }, { "title": "Twelve basic principles of animation", "author": "Wikipedia英語版（出典: Thomas & Johnston『The Illusion of Life』1981）", "url": "https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation", "note": "演出（ステージング）、予備動作、タイミング、誇張の原則" } ], "tags": [ "テンポ", "編集", "コメディ" ], "url": "https://fantasist.org/anime-techniques/h-08/", "usedIn": [] }, { "no": "J-01", "title": "テレビ・配信・劇場の尺と画面比", "aka": [ "アスペクト比", "放送尺" ], "category": "J", "categoryLabel": "媒体と見やすさ", "summary": "見られる媒体に合わせて、作品の長さと画面の縦横比（16:9など）を決める。媒体の枠が構成を左右する。", "what": "30分枠の中の構成は A-07 を参照。1クールは3か月で12〜13話程度である。画面比は、2000年代のデジタル化を経て、新作のテレビアニメはすべて16:9のハイビジョン制作となった。16:9はHD・4K・8Kの標準で、劇場の1.85:1や2.39:1などの横長の比率は、家庭の画面では上下に黒帯を付けて収める。", "why": "尺と画面比は、観客の見方を決める枠である。テレビではCMで中断されるため、区切りの前に次を見たくなる引きが必要になる。配信では中断がなく、一気見されやすい。画面比は構図に直結し、横長の画面は横の広がりや人物の並びを見せやすく、縦長の画面は一人の人物を大きく見せやすい。媒体を先に決めないと、構図の設計が後で崩れる。", "how": [ "公開する媒体（テレビ、配信、劇場、SNS）を最初に決める", "媒体の標準の画面比（多くは16:9）で絵コンテを描く", "複数の媒体に出す場合は、重要な要素を両方で切れない範囲に収める", "尺の区切り（CM、パート）の前に、次を見たくなる引きを置く" ], "when": "企画の段階。複数の媒体に展開する予定がある作品では、特に最初に決めておく必要がある。後から画面比や尺を変えると、構図や構成の作り直しが大きくなるため、絵コンテに入る前に確定させる。", "avoid": "16:9で作った絵を縦型に切り抜くと、人物や文字が切れる。劇場の横長比率を家庭向けにそのまま出すと、黒帯で絵が小さくなる。尺を媒体の枠に合わせず作ると、後で削る作業が大きくなる。", "ai": "fantasist.org のモーションコミックは、ページに埋め込む1〜2分の16:9映像を基本にしている。コマ絵は漫画のコマ形状（縦長や正方形）なので、16:9の枠に収めるときはパンで縦に流すか、余白に背景色を置く。寄りの範囲は16:9の枠で切れない位置に設定し、将来縦型版を作るなら9:16の枠でも同じコマが成立するか確認する。", "related": [ "J-02", "J-06", "A-07" ], "sources": [ { "title": "テレビアニメ", "author": "Wikipedia日本語版", "url": "https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%AC%E3%83%93%E3%82%A2%E3%83%8B%E3%83%A1", "note": "30分枠の本編約24分の構成、1クール、16:9への移行" }, { "title": "16:9 aspect ratio", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/16:9_aspect_ratio", "note": "16:9がHD/UHDの標準で、劇場比は黒帯で収める" } ], "tags": [ "媒体", "画面比", "構成" ], "url": "https://fantasist.org/anime-techniques/j-01/", "usedIn": [] }, { "no": "J-02", "title": "縦型ショート動画（9:16）の画面設計", "aka": [ "縦型動画", "ショート", "バーティカル" ], "category": "J", "categoryLabel": "媒体と見やすさ", "summary": "スマートフォンで縦に持って見る9:16の画面に合わせ、人物を大きく、文字を中央寄りに配置する設計。", "what": "縦型ショート動画は、スマートフォンを縦に持ったまま見る9:16の画面比の動画である。YouTube では、正方形か縦長の比率で3分以内の動画がショートとして扱われる。Google の広告ヘルプは、ショートでは9:16の縦型を推奨し、横長の素材は上下がぼかされて表示されると説明する。また、画面の右側にはいいね等のボタン類、下部には説明文などが重なるため、重要な要素はそれらに隠れない位置に置く必要がある。", "why": "縦長の画面は、人物一人の全身や顔のアップを大きく見せるのに向き、横に並ぶ複数の人物や広い風景には向かない。スマートフォンの画面は手元で近くに見るため、顔や表情が大きいと感情が伝わりやすい。一方で、アプリのボタンや文字が画面に重なるので、画面の端は情報を置けない領域として扱う必要がある。また画面が小さいため、細かい描写より大きな形と色の対比が伝わりやすい。", "how": [ "被写体を画面の中央に大きく置き、左右の余白を小さくする", "画面の右側と下部をボタン類で隠れる領域として空けておく", "字幕は下端より少し上の、中央寄りの位置に置く", "横に並ぶ場面は、パンで順に見せるか、カットを分ける", "最初の1〜2秒で被写体が分かる構図にする" ], "when": "SNS向けの予告、名場面の切り出し、短いエピソード。横型作品の宣伝素材としても使われる。最初から縦型で公開する作品では、絵コンテの段階から9:16の枠で構図を決めておくと、切り抜きの無理がない。", "avoid": "横型の映像をそのまま縦に切り抜くと、人物が切れたり小さくなったりする。画面の端に字幕や重要な物を置くと、ボタン類に隠れる。細かい背景描写は小さな画面で読み取れない。", "ai": "fantasist.org のコマ絵は漫画の縦長のコマが多く、縦型との相性はよい。縦型版を作るなら、コマを9:16の枠に合わせ、縦方向のパン（上から下へ）で人物の顔→手元→足元と見せる。字幕は画面下から2割程度上に置き、右端は空ける。横長のコマは、左右にパンして順に見せる。", "related": [ "J-01", "J-05", "J-06" ], "sources": [ { "title": "Understand three-minute YouTube Shorts", "author": "YouTube ヘルプ", "url": "https://support.google.com/youtube/answer/15424877?hl=en", "note": "正方形か縦長で3分以内の動画がショートに分類される" }, { "title": "YouTube Shorts ads: Asset specs and best practices", "author": "Google 広告ヘルプ", "url": "https://support.google.com/google-ads/answer/16041697?hl=en", "note": "9:16推奨、右側のボタン類など画面上の安全域への配慮" } ], "tags": [ "媒体", "縦型", "構図" ], "url": "https://fantasist.org/anime-techniques/j-02/", "usedIn": [] }, { "no": "J-03", "title": "字幕の読みやすさ", "aka": [ "字幕の文字数", "リーディングスピード" ], "category": "J", "categoryLabel": "媒体と見やすさ", "summary": "字幕を無理なく読めるように、1行の文字数、行数、表示時間、読む速さ、画面上の位置を整える技法。", "what": "字幕は、読む速さの限界を超えると読み切れず、映像も見られなくなる。Netflix の日本語字幕の指針では、通常字幕は横書き1行13字まで、2行まで、読む速さは毎秒4字まで、1件の表示は最短0.5秒とされている。全言語共通の指針では、1件の表示は5/6秒以上7秒以下で、画面の上か下の中央に置き、画面内の文字と重なる場合は読みやすい位置に移すとされる。英語では、BBC の指針が毎分160〜180語を目安としている。", "why": "字幕を読んでいる間、観客の目は映像から離れる。文字数が多い、表示が短いと、読み終える前に消えて理解が途切れ、映像も見逃す。逆に表示が長すぎると、読み終えた後に同じ文字が残って邪魔になる。1行の長さを抑えると視線の移動が小さくなり、画面の中央付近に置くと映像と字幕を行き来しやすくなる。字幕の文面も、話し言葉より短く簡潔なほうが速く読める。", "how": [ "台詞を字幕用に短く言い換え、1行の文字数の上限を決める", "表示時間は文字数÷読む速さで求め、最短・最長の範囲に収める", "2行に分けるときは、意味の切れ目で改行する", "画面内の文字や重要な絵と重なるカットでは、字幕を上に移す", "難しい漢字にはルビを付けるか、かなに開く" ], "when": "字幕を付けるすべての映像。音なしで見られるSNS動画、外国語の作品、聴覚障害のある観客に向けた作品では特に重要になる。台詞の多い会話劇では、字幕用に台詞を短くする作業が欠かせない。", "avoid": "台詞をそのまま全部字幕にすると、読み切れない量になる。カットの切り替わりの直前で字幕が変わると、ちらついて見える。装飾の強いフォントや、背景と同じ色の文字は読みにくい。", "ai": "fantasist.org では字幕を WebVTT で出す。台本の台詞を字幕用に短くし、1行13字前後・2行以内、毎秒4字を目安に表示時間を決める。コマ絵は文字なしで作っているので、画面内の文字と重なる心配は少ないが、顔の上に字幕がかからないよう、顔が画面下にあるコマでは line 設定で上に移す。読み上げの時刻と字幕の時刻は同じにする。", "related": [ "J-07", "K-04", "J-04" ], "sources": [ { "title": "Japanese Timed Text Style Guide", "author": "Netflix Partner Help Center", "url": "https://partnerhelp.netflixstudios.com/hc/en-us/articles/215767517-Japanese-Timed-Text-Style-Guide", "note": "横1行13字・2行まで・毎秒4字・最短0.5秒・ルビの扱い" }, { "title": "Timed Text Style Guide: General Requirements", "author": "Netflix Partner Help Center", "url": "https://partnerhelp.netflixstudios.com/hc/en-us/articles/215758617-Timed-Text-Style-Guide-General-Requirements", "note": "1件の表示は5/6秒以上7秒以下、画面上下の中央配置" }, { "title": "BBC Subtitling Guidelines - Closed Captions Guide", "author": "Clevercast（BBC字幕ガイドラインの要約）", "url": "https://www.clevercast.com/bbc-subtitling-guidelines/", "note": "英語字幕の読みの速さ毎分160〜180語、2行までの目安" } ], "tags": [ "字幕", "アクセシビリティ", "可読性" ], "url": "https://fantasist.org/anime-techniques/j-03/", "usedIn": [] }, { "no": "J-04", "title": "光の点滅への配慮", "aka": [ "光感受性発作対策", "パカパカ対策", "フラッシュの規制" ], "category": "J", "categoryLabel": "媒体と見やすさ", "summary": "激しい光の点滅や色の切り替え、細かい縞模様を避け、光感受性発作の危険を減らす制作上のルール。", "what": "光感受性発作は、点滅する光や規則的な模様などで引き起こされる発作である。日本では1997年のテレビアニメ放送をきっかけに、NHKと民放連が1998年に「アニメーション等の映像手法に関するガイドライン」を作成し、点滅は原則として1秒に3回を超えない、鮮やかな赤の点滅には特に注意する、縞や渦巻きなどの規則的な模様が画面の大部分を占めないようにする、などを定めた。Web では WCAG 2.3.1 が、1秒に3回を超える点滅を原則として禁じている。", "why": "一部の人は、特定の頻度の点滅や強い明暗の変化で脳が過剰に反応し、発作を起こすことがある。WCAG では、明るさの変化が一定以上で、視野の一定面積（目安として341×256ピクセル）を超える点滅を危険とみなす。英国の指針も、輝度差や画面の25%を超える面積、飽和した赤への切り替えを危険要素に挙げ、指針内でも5秒を超える連続は危険になりうるとしている。", "how": [ "点滅や明滅は、1秒に3回を超えないように抑える", "画面全体の白黒反転や、強い明暗の切り替えを連続させない", "鮮やかな赤の点滅や、赤との切り替えを避ける", "縞・渦巻き・同心円などの規則的な模様を画面の大部分に使わない", "完成後に点滅検査のツールや目視のコマ送りで確認する" ], "when": "爆発、雷、魔法、カメラのフラッシュ、場面転換の白飛ばしなど、光の演出を使うすべての場面。テレビ放送や配信の審査に出す作品だけでなく、Web やSNSで公開する映像でも同じ配慮が求められる。", "avoid": "迫力を出そうとして、白と黒の反転や赤の点滅を連続させるのは危険である。短いカットの高速な切り替えも、明暗差が大きいと点滅と同じ効果になる。ガイドラインを満たしても、長く続く点滅は避ける。", "ai": "fantasist.org のモーションコミックでは、フェードの速さに注意する。白や黒へのフェードを1秒に何度も繰り返さない、明暗差の大きいコマを短い尺で交互に切り替えない。画像生成で作ったコマに細かい縞模様や強い赤の光がある場合、それを速いパンで流すと点滅に近い効果になるので、ゆっくり動かす。完成動画はコマ送りで点検する。", "related": [ "J-03", "K-07" ], "sources": [ { "title": "アニメーション等の映像手法に関するガイドライン", "author": "日本民間放送連盟（NHKと共同、1998年作成・2006年/2020年改訂）", "url": "https://j-ba.or.jp/category/broadcasting/jba103852", "note": "点滅は毎秒3回を超えない、赤の点滅、規則的パターンへの注意" }, { "title": "Understanding Success Criterion 2.3.1: Three Flashes or Below Threshold", "author": "W3C WAI", "url": "https://www.w3.org/WAI/WCAG21/Understanding/three-flashes-or-below-threshold.html", "note": "1秒に3回を超える点滅の禁止と、面積・赤色の閾値" }, { "title": "ITC Guidance Note for Licensees on Flashing Images and Regular Patterns in Television", "author": "Ofcom（旧ITC）", "url": "https://www.ofcom.org.uk/__data/assets/pdf_file/0021/16248/gn_flash.pdf", "note": "輝度差20cd/m²、画面の25%、赤への遷移、5秒超の連続への注意" }, { "title": "Harding test", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Harding_test", "note": "点滅・パターンの自動検査と、1997年以降の日本での導入" } ], "tags": [ "アクセシビリティ", "安全", "光" ], "url": "https://fantasist.org/anime-techniques/j-04/", "usedIn": [] }, { "no": "J-05", "title": "サムネイルと冒頭数秒で掴む", "aka": [ "フック", "つかみ" ], "category": "J", "categoryLabel": "媒体と見やすさ", "summary": "一覧で目を引くサムネイルと、再生直後の数秒で物語の核心を見せる冒頭によって、視聴を始めてもらう技法。", "what": "配信やSNSでは、観客は一覧の中から見る動画を選び、再生後も数秒で見続けるか判断する。YouTube では、動画のサムネイルは16:9、ショートは9:16の画像を登録できる。Google は効果的な動画広告の指針（ABCD）の最初に Attention（注意）を挙げ、物語の核心に早く入ること、明るく高コントラストの映像で目を引くことを勧めている。アニメでも、冒頭に見せ場を置く、謎を提示する、といった構成が使われる。", "why": "一覧の中のサムネイルは小さく表示され、一瞬で判断されるため、単純で大きな被写体と強い明暗の対比が目に留まりやすい。再生直後は観客の関心が最も不安定な時間で、何の話か分からないと離脱する。冒頭で核心や疑問を示すと、観客は答えを知りたくて見続ける。ただし、サムネイルや冒頭が本編と違うと、期待を裏切られた観客は離れ、評価も下がる。", "how": [ "サムネイルは人物の顔一つか、象徴的な物一つを大きく置く", "小さく表示しても分かるよう、明暗の対比を強くする", "冒頭の数秒に、物語の山場の予告か謎を置く", "冒頭の説明は後に回し、まず出来事を見せる", "サムネイルと冒頭は本編の内容と一致させる" ], "when": "配信・SNSで公開するすべての動画。特に短尺動画や、シリーズの第1話では重要になる。一覧で他の動画と並ぶ場面では、サムネイルが実質的な作品の顔となり、再生されるかどうかを左右する。", "avoid": "本編にない場面や大げさな表現をサムネイルに使うと、誤解を招き信頼を失う。冒頭でネタばらしをしすぎると、本編の山が弱くなる。文字を詰め込んだサムネイルは小さい画面で読めない。", "ai": "fantasist.org では、サムネイルに最も表情の強いコマ絵を使い、画像生成の崩れ（手、文字）がないものを選ぶ。映像の冒頭2〜3秒には、物語の山場のコマを短く見せ、その後に本編の頭から始める。冒頭から字幕を出し、音なしでも何の話か分かるようにする。", "related": [ "J-02", "J-06", "J-07" ], "sources": [ { "title": "About the ABCDs of effective video ads", "author": "Google 広告ヘルプ", "url": "https://support.google.com/google-ads/answer/14783551?hl=en", "note": "物語の核心に早く入る、高コントラストで目を引く（Attention）" }, { "title": "Add custom thumbnails on YouTube", "author": "YouTube ヘルプ", "url": "https://support.google.com/youtube/answer/72431?hl=en", "note": "動画は16:9、ショートは9:16のサムネイル仕様" } ], "tags": [ "媒体", "構成", "つかみ" ], "url": "https://fantasist.org/anime-techniques/j-05/", "usedIn": [] }, { "no": "J-06", "title": "ループ構成と自動リピート", "aka": [ "ループ動画" ], "category": "J", "categoryLabel": "媒体と見やすさ", "summary": "ショートなど自動で繰り返し再生される環境に向けて、終わりから頭へ自然につながるように組む構成。", "what": "短尺動画は、ショートやリールなど数十秒から数分の動画である。YouTube ではショートは3分以内とされ、Google の広告ヘルプは、ショートの広告は60秒未満が利用者の見方に合うと勧めている。ショートの再生数は、2025年3月から再生の開始とリプレイごとに数える方式に変わった。ショートは自動で繰り返し再生されるため、最後の場面が最初の場面に自然につながる「ループ構成」が使われることがある。", "why": "ショートなどの環境では、動画が終わると自動で頭から再生し直される。最後と最初がつながっていると、観客は区切りに気づかず二周目に入り、一周目で見落とした細部に気づく楽しみが生まれる。ショートの再生数は、リプレイも数える方式に変わったため、繰り返し見られることの意味は大きくなっている。ただしループを目的化すると、物語の終わりが曖昧になる。", "how": [ "一本の中の出来事の絞り方と起・転・結の組み方は、A-08 を参照する", "最後の場面の絵や台詞を、冒頭の場面とつながるように設計する", "つなぎ目の前後で、明るさと色調をそろえる", "終わりの数秒に、次の話や本編へ誘う要素を置く", "長い作品から切り出す場合は、前後の文脈なしで分かる区間を選ぶ" ], "when": "SNS向けの短編、長編の予告や名場面の切り出し、キャラクター紹介。モーションコミックの1〜2分の作品にも合う。繰り返し見られることを前提に、細部に小さな発見を仕込む使い方もできる。", "avoid": "長編の途中を切り出しただけでは、何の話か分からない。ループのために結末をぼかすと、見終えた満足感がない。短尺に情報を詰め込みすぎると、字幕も読み切れない。ループのつなぎ目で明暗が急に変わると、点滅に近い効果になる。", "ai": "fantasist.org のモーションコミックは1〜2分なので、短尺の構成がそのまま使える。一本の作品に一つの出来事を置き、最初のコマと最後のコマに同じ場所や同じ人物の顔を使うと、終わりから頭へ自然につながる。字幕も最後の一枚を冒頭の台詞に呼応させると、繰り返し見たときに意味が深まる。", "related": [ "J-02", "J-05", "K-03", "A-08" ], "sources": [ { "title": "Understand three-minute YouTube Shorts", "author": "YouTube ヘルプ", "url": "https://support.google.com/youtube/answer/15424877?hl=en", "note": "正方形か縦長で3分以内の動画がショートに分類される" }, { "title": "YouTube Shorts ads: Asset specs and best practices", "author": "Google 広告ヘルプ", "url": "https://support.google.com/google-ads/answer/16041697?hl=en", "note": "9:16推奨、右側のボタン類など画面上の安全域への配慮" }, { "title": "YouTube is changing how YouTube Shorts views are counted", "author": "TechCrunch、2025年3月26日", "url": "https://techcrunch.com/2025/03/26/youtube-is-changing-how-youtube-shorts-views-are-counted", "note": "ショートの再生数は再生開始とリプレイごとに数える方式へ" } ], "tags": [ "媒体", "構成", "短尺" ], "url": "https://fantasist.org/anime-techniques/j-06/", "usedIn": [] }, { "no": "J-07", "title": "音を出せない環境での視聴", "aka": [ "サウンドオフ", "消音視聴", "字幕前提" ], "category": "J", "categoryLabel": "媒体と見やすさ", "summary": "電車内など音を出せない場で見られることを前提に、字幕と画面だけで物語が分かるように作る技法。", "what": "スマートフォンでの動画は、音を消したまま見られることが多い。Verizon Media と Publicis Media の2019年の調査では、公共の場では69%、私的な場でも25%が音なしで視聴し、字幕があると最後まで見る可能性が高まると答えた人が80%いたと報じられている。WCAG 1.2.2 は、録画済みの映像に、台詞だけでなく話者や効果音・音楽の情報も含む字幕を付けることを求めている。", "why": "音がないと、台詞も効果音も音楽も伝わらず、観客は画面と文字だけで理解しなければならない。2024年の視線計測の研究では、音なしで字幕付き動画を見ると、字幕を読む時間が長くなり、負担が増え、没入感や楽しさが下がることが示された。したがって、音なしでも分かる映像にするには、字幕を読みやすくするだけでなく、画面の演出で情報を補う必要がある。", "how": [ "台詞には必ず字幕を付け、話者が分かるようにする", "物語に必要な効果音は［ドアの音］のように字幕で示す", "音楽で伝えていた感情は、表情やカットの尺でも表す", "字幕の量を必要な分に減らし、読む負担を抑える", "音を消した状態で通しで見て、話が分かるか確かめる" ], "when": "SNS・配信で公開するすべての動画。聴覚障害のある観客への配慮としても必須である。通勤中や休憩中など、音を出せない場所で見られやすい短尺動画では、音なしで成立するかを最優先で確認する。", "avoid": "音があることを前提に、重要な情報を効果音や台詞だけで伝えると、音なしの観客には伝わらない。字幕を画面の動きの激しい所に出すと、読みにくい。字幕を増やしすぎると、映像を見る余裕がなくなる。", "ai": "fantasist.org の映像はもともと無音で、読み上げは閲覧者が押したときだけ動く。つまり「音なし視聴」が標準であり、字幕だけで物語が完結するように台本を書く。効果音が物語に必要な場合は字幕で［　］を使って示す。読み上げを押した人には同じ字幕が読まれるので、字幕の文章は読み上げでも自然に聞こえる書き方にする。", "related": [ "J-03", "G-08", "K-04" ], "sources": [ { "title": "Verizon Media Says 69 Percent Of Consumers Watching Video With Sound Off", "author": "T.J. McCue／Forbes、2019", "url": "https://www.forbes.com/sites/tjmccue/2019/07/31/verizon-media-says-69-percent-of-consumers-watching-video-with-sound-off/", "note": "公共の場では69%が音なしで視聴、字幕で最後まで見やすくなる" }, { "title": "Watching subtitled videos with the sound off affects viewers' comprehension, cognitive load, immersion, enjoyment, and gaze patterns", "author": "Agnieszka Szarkowska ほか、PLOS ONE 19(10)、2024", "url": "https://journals.plos.org/plosone/article?id=10.1371/journal.pone.0306251", "note": "音なしでは字幕を長く読み、負荷が上がり没入感が下がる" }, { "title": "Understanding Success Criterion 1.2.2: Captions (Prerecorded)", "author": "W3C WAI", "url": "https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded.html", "note": "字幕は台詞に加え話者や効果音・音楽の情報も含む" } ], "tags": [ "アクセシビリティ", "字幕", "媒体" ], "url": "https://fantasist.org/anime-techniques/j-07/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "全編", "why": "音を出せない場所でも筋が追えるよう、字幕だけで分かる台詞を選び、音の場面は（反動）のように字幕で示した。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "全編", "why": "音を出せない場所でも筋が追えるよう、字幕だけで分かる台詞を選び、効果音は（剣に触れる）のように字幕で示した。" } ] }, { "no": "K-01", "title": "モーションコミック", "aka": [ "モーションマンガ", "動く漫画" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "漫画のコマ絵を映像の1カットに広げ、寄り・引き・パンと字幕や声で動きを付ける、アニメと漫画の中間の形式。", "what": "モーションコミックは、漫画のコマを一つのショットに広げ、パンやズームのカメラの動き、一部だけを動かす限定的なアニメーション、声や音楽や効果音を加えて映像にする形式である。吹き出しや文字は取り除き、絵そのものを見せることが多い。2008〜2009年ごろから呼び名が広まり、アメリカンコミックの映像化などで作られた。新しく絵を描かずに、既存の絵から映像を作れるのが特徴である。", "why": "静止画でも、カメラが動くと観客は画面の中に入り込む感覚を得る。寄りは注目を、引きは状況を、パンは視線の移動を観客に体験させるため、絵が動かなくても時間の流れが生まれる。漫画の読者は、コマの中を目で追う読み方に慣れているので、カメラの動きがその視線の動きを代わりに行うと、自然に物語を追える。字幕と読み上げが加わると、吹き出しを読む体験に近づく。", "how": [ "漫画のコマ順に絵を並べ、1コマ＝1カットを基本にする", "コマごとに、寄り・引き・パンのどれで見せるかを決める", "吹き出しの台詞は字幕と読み上げ台本に移す", "場面転換はフェード、同じ場面内はカットでつなぐ", "全体の尺を1〜2分に収め、長いコマ列は分割する" ], "when": "漫画作品の予告や映像化、新しい絵を描く予算や時間がない場合、画像生成AIの静止画を使って物語を映像にしたい場合。既にある漫画の読者に、同じ物語を別の入口から届けたいときにも向く。", "avoid": "カメラを常に動かし続けると、落ち着かず酔いやすい。コマの絵の解像度を超えて寄ると、画質が荒れる。コマ絵に文字や吹き出しが残ったままだと、字幕と二重になる。画面の揺れや回転を多用すると安っぽく見える。", "ai": "fantasist.org のAIアニメは、編集部の運用としてこの形式で作っている。AIコミックのコマ絵（文字なし）を再利用し、scripts/build_motion_comic.py で寄り・引き・パン、フェード、WebVTT字幕を付けて1〜2分の無音映像にする。音は閲覧者の端末の読み上げで補う。新しい絵は起こさないので、映像の質はコマ絵の構図と解像度で決まる。", "related": [ "K-02", "K-03", "K-04", "K-05" ], "sources": [ { "title": "Motion comic", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Motion_comic", "note": "コマを1ショットに広げ、パン・ズームと限定的な動きで見せる形式" }, { "title": "Ken Burns effect", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Ken_Burns_effect", "note": "静止画を寄り・パンで見せ、語られる対象で止める技法" } ], "tags": [ "AI制作", "モーションコミック", "形式" ], "url": "https://fantasist.org/anime-techniques/k-01/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "全編（15カット＋題字）", "why": "新しい絵は起こさず、AIコミックのコマ絵に寄り・引き・横流しを付けて映像にした。絵柄をコミックとそろえ、制作の手間を抑えるため。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "全編（15カット＋題字）", "why": "新しい絵は起こさず、AIコミックのコマ絵に寄り・引き・横流しを付けて映像にした。絵柄をコミックとそろえ、制作の手間を抑えるため。" } ] }, { "no": "K-02", "title": "Ken Burns 効果の設計", "aka": [ "ケン・バーンズ効果", "パン・ズーム" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "静止画にゆっくりした寄り・パンを付ける技法。どこから始めてどこで止めるかで、観客の視線と意味を設計する。", "what": "Ken Burns 効果は、静止画の写真に寄りやパンを付けて映像にする技法である。ドキュメンタリー作家 Ken Burns の名で知られるが、1957年のカナダ国立映画庁の記録映画『City of Gold』などに先例がある。アップルが iMovie の機能名に採用して広まり、現在は多くの編集ソフトでキーフレームにより設定できる。典型例として、集合写真の顔をゆっくりパンし、語り手が話題にする人物で止める使い方が紹介されている。", "why": "寄りの動きは、観客の視線を画面のある一点へ導き、「ここが大事だ」と伝える。パンは、観客が自分の目で画面を見渡す動きを代行する。どこで止まるかが最も重要で、止まった所が観客の注目の終点になる。また、ゆっくりした動きは平面の絵に奥行きがあるような感覚を与え、静止画でも時間が流れていると感じさせる。動きの終わりに一瞬止めると、その余韻が強まる。", "how": [ "コマの中で最後に見せたい所（終点）を先に決める", "始点は終点と対比になる所（全体、別の人物）に置く", "動きの速さは一定にし、始めと終わりをなめらかにする", "台詞や語りが終点の話題に触れるタイミングで止める", "寄りの倍率は、元画像の解像度で画質が落ちない範囲に抑える" ], "when": "静止画だけで構成する映像、写真や絵を使う紹介映像、モーションコミックの全般。語りや台詞が特定の人物や物に触れる瞬間に合わせて使うと、観客の視線と言葉が一致し、理解が速くなる。", "avoid": "すべてのコマで同じ方向・同じ速さの寄りを使うと単調になる。人物の顔を途中で切る始点や終点は不自然に見える。動きが速すぎると、静止画の粗さが目立ち、酔いやすい。終点で止めずに次へ移ると、注目点が伝わらない。", "ai": "編集部の運用では、build_motion_comic.py でコマごとに始点と終点の枠（位置と倍率）を指定する。終点は台本の台詞が指す人物や物に置き、読み上げと字幕がその話題に触れる時刻に止まるよう尺を合わせる。寄りは元画像の解像度で1.2〜1.5倍程度に抑え、連続するコマで寄り・引き・左右パンを交互にして単調さを避ける。", "related": [ "K-01", "K-03", "H-03", "H-05", "D-14", "B-04" ], "sources": [ { "title": "Ken Burns effect", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Ken_Burns_effect", "note": "静止画を寄り・パンで見せ、語られる対象で止める技法" }, { "title": "Motion comic", "author": "Wikipedia英語版", "url": "https://en.wikipedia.org/wiki/Motion_comic", "note": "コマを1ショットに広げ、パン・ズームと限定的な動きで見せる形式" } ], "tags": [ "AI制作", "カメラワーク", "パン・ズーム" ], "url": "https://fantasist.org/anime-techniques/k-02/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "台詞のカット（ゆっくり寄る）と、目覚め・告白のカット（大きく寄る）", "why": "会話のカットはゆっくり寄って話者に視線を集め、気持ちが動くカットでは寄り幅を大きくして強さを変えるため。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "台詞のカット（ゆっくり寄る）と、驚き・登場のカット（大きく寄る）", "why": "話している人物へ視線を集めるためにゆっくり寄り、店主の「らっしゃい」や最後の登場のように強く見せたいカットでは寄り幅を大きくして、強さを変えるため。" } ] }, { "no": "K-03", "title": "コマ絵の再利用とカット尺の決め方", "aka": [ "バンク", "使い回し", "尺決め" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "限られたコマ絵を場面を変えて再利用し、字幕の読みやすさと感情の重さから1カットの長さを決める技法。", "what": "コマ絵の再利用は、同じ絵を別の場面で、寄り方や切り取り方を変えて使う技法である。日本のテレビアニメも、止め絵や引きセル、同じ動画の使い回しなど、少ない枚数で成立させる技法を工夫してきたとされる。カット尺は、1カットを何秒見せるかで、台詞の長さ（字幕を読む時間）と、感情の重さ（余韻の長さ）で決める。顔の大きいカットは短くても感情が伝わるという研究もある。", "why": "観客は、同じ絵でも切り取り方が違えば別のカットとして受け取りやすい。全体の引きと、顔への寄りは、同じ絵から作っても違う情報を伝える。カット尺は、観客が情報を読み取るのに必要な時間であり、短すぎると理解が追いつかず、長すぎると退屈になる。字幕を読む速さや顔の大きさは、この必要な時間の目安になる。尺の変化はそれ自体がリズムになる。", "how": [ "使える絵の一覧を作り、各絵で寄れる部分（顔、手、背景）を書き出す", "同じ絵を再利用するときは、切り取り位置か寄り方を変える", "台詞のあるカットは、字幕の文字数÷毎秒4字を最短の尺にする", "顔のアップは短め、情報の多い引きは長めにする", "感情の山のカットは他より長くし、余韻を残す" ], "when": "絵の枚数が限られる制作全般。AIコミックの絵を再利用して映像にする場合の基本的な作業である。字幕や読み上げを付ける映像では、台詞の量から尺の下限が決まるので、先に台本を固めてから尺を割り振る。", "avoid": "同じ絵を同じ切り取り方で何度も使うと、使い回しが目立つ。字幕の量に合わせて尺を延ばしすぎると、映像が止まって見える。尺をすべて同じ長さにすると、リズムが単調になる。", "ai": "編集部の運用では、AIコミックのコマ絵を1枚ずつ、全体・顔・手元など複数の切り出し方で使う。カット尺は、読み上げ台本の台詞が最も遅い端末でも収まる長さ（字幕毎秒4字を目安）を最短とし、台詞のないカットは2〜3秒、感情の山は5秒以上にする。全体で1〜2分に収まるよう、使う絵の数を調整する。", "related": [ "K-01", "K-02", "J-03", "H-05", "C-02" ], "sources": [ { "title": "リミテッド・アニメーション（artword）", "author": "土居伸彰／artscape", "url": "https://artscape.jp/artword/6968/", "note": "止め絵・口だけの作画・引きセルなど日本のTVの省力技法" }, { "title": "Japanese Timed Text Style Guide", "author": "Netflix Partner Help Center", "url": "https://partnerhelp.netflixstudios.com/hc/en-us/articles/215767517-Japanese-Timed-Text-Style-Guide", "note": "横1行13字・2行まで・毎秒4字・最短0.5秒・ルビの扱い" }, { "title": "Here's looking at you, kid: Filmmakers know how we read emotions", "author": "Cornell Chronicle（James Cutting の研究紹介）、2016", "url": "https://news.cornell.edu/stories/2016/01/heres-looking-you-kid-filmmakers-know-how-we-read-emotions", "note": "顔が大きいほど感情の読み取りが速く、カットを短くできる" } ], "tags": [ "AI制作", "編集", "尺" ], "url": "https://fantasist.org/anime-techniques/k-03/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "全編（1カット4〜8秒）", "why": "字幕を読み切れる長さを先に決め、それに合わせてコマ絵1枚あたりの尺を配った。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "全編（1カット4〜7秒）", "why": "字幕を読み切れる長さを先に決め、それに合わせてコマ絵1枚あたりの尺を配った。" } ] }, { "no": "K-04", "title": "字幕ファイル（WebVTT）の作り方", "aka": [ "WebVTT", ".vtt", "字幕トラック" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "W3C の WebVTT 形式で、字幕の時刻・位置・話者を書いたテキストファイルを作り、Web の動画に重ねて表示する。", "what": "WebVTT は、Web の動画に字幕などを付けるための W3C の形式である。ファイルは UTF-8 のテキストで、先頭に WEBVTT と書き、字幕ごとに「開始時刻 --> 終了時刻」と本文を並べる。時刻の後に line・position・align・size などの設定を書くと表示位置を変えられ、本文に のタグを付けると話者を示せる。NOTE で始まる行は表示されないコメントになる。HTML の で動画に読み込む。", "why": "字幕を映像に焼き込まず別ファイルにすると、閲覧者が表示・非表示を選べ、文字の大きさも端末の設定で変えられるため、アクセシビリティが高まる。文字を後から直すときも映像を作り直す必要がない。話者タグや位置の設定を使うと、誰の台詞かが分かりやすくなり、顔や重要な絵を字幕で隠すことも避けられる。字幕を他の言語に差し替えることも容易になる。", "how": [ "ファイルを UTF-8 で作り、1行目に WEBVTT と書く", "字幕ごとに空行で区切り、「00:00:01.000 --> 00:00:03.500」の形で時刻を書く", "本文は1行13字前後、2行以内に収めて読みやすくする", "話者は で示し、必要なら CSS の ::cue で色を変える", "顔が下にあるカットでは line の設定で字幕を上に移す", " で読み込み、実際のブラウザで表示を確認する" ], "when": "Web で公開する動画すべて。多言語の字幕を用意する場合も、言語ごとにファイルを分けて使える。字幕を映像に焼き込まないことで、後からの誤字修正や表現の見直しにも素早く対応できる。", "avoid": "時刻の書式を間違える（ミリ秒の区切りにカンマを使うなど）と表示されない。字幕同士の時刻が重なると、二つ同時に出て読みにくい。空行を二つ続けると区切りが崩れる。UTF-8以外の文字コードで保存すると文字化けする。", "ai": "fantasist.org では、build_motion_comic.py が台本の時刻から WebVTT を書き出す。読み上げ台本（narration.ja.json）と字幕の時刻を同じ元データから作ると、ずれが生じない。語りと台詞は などの話者タグで分け、ページの CSS で語りだけ色や斜体を変える。完成後は、字幕だけを見て物語が分かるかを確認する。", "related": [ "J-03", "J-07", "K-05" ], "sources": [ { "title": "WebVTT: The Web Video Text Tracks Format", "author": "W3C", "url": "https://www.w3.org/TR/webvtt1/", "note": "WEBVTTヘッダ、時刻の書式、line/position/align、話者タグ" }, { "title": "Web Video Text Tracks Format (WebVTT)", "author": "MDN Web Docs", "url": "https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API/Web_Video_Text_Tracks_Format", "note": "UTF-8、NOTEコメント、キュー設定、改行の扱いの実例" }, { "title": "WebVTT API", "author": "MDN Web Docs", "url": "https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API", "note": " と ::cue による装飾" } ], "tags": [ "AI制作", "字幕", "技術" ], "url": "https://fantasist.org/anime-techniques/k-04/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "字幕（全16件）", "why": "映像が無音なので、台詞と語りを字幕ファイルにして、プレイヤーの字幕として出すため。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "字幕（全16件）", "why": "映像が無音なので、台詞と語りを字幕ファイルにして、プレイヤーの字幕として出すため。" } ] }, { "no": "K-05", "title": "読み上げ台本（端末の音声合成）", "aka": [ "TTS台本", "Web Speech API", "音声合成" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "閲覧者の端末の音声合成に台詞と語りを読ませるため、時刻・話者・台詞・声の高さ・速さを書いた台本を作る技法。", "what": "ブラウザの Web Speech API では、SpeechSynthesisUtterance に文章を渡して端末の音声合成で読ませることができる。声の高さ（pitch）は0〜2（既定1）、速さ（rate）は0.1〜10（既定1）で指定でき、声（voice）や言語（lang）も選べる。ただし使える声は OS とブラウザごとに異なり、声によって値の範囲がさらに狭まることがある。読み方の指定には W3C の SSML に読み替え（sub）などの要素があるが、ブラウザでの対応は限られる。", "why": "閲覧者の端末で読むので、音声ファイルを配信する必要がなく、台本を直せばすぐに反映できる。一方で、声の質や速さが端末ごとに違うため、同じ台本でも読み終わる時刻がずれる。話者ごとに高さと速さを変えると、声色が似ていても誰が話しているか聞き分けやすくなる。難読語や固有名詞は誤読されやすく、誤読は物語への没入を大きく損なう。", "how": [ "台本の各行に、時刻・話者・台詞・pitch・rate を書く", "話者ごとに pitch と rate の基準値を決める（例：語りは低め・ゆっくり）", "難読語、固有名詞、読みが複数ある漢字は、かなで書く", "一つの台詞は短めに分け、間は空白の時間で作る", "複数の端末とブラウザで読ませ、最も遅い読み上げでも次の台詞と重ならないか確かめる", "声が見つからない端末では、字幕だけで成立するようにしておく" ], "when": "音声ファイルを作らずに声を付けたい場合、台本を頻繁に直す場合、多言語で読み上げたい場合。通信量を抑えたいページや、閲覧者が読み上げを使うかどうかを自分で選べるようにしたい場合にも向く。", "avoid": "端末の声に頼りきって、字幕なしで成立する作品にすると、声のない環境で伝わらない。pitch や rate を極端な値にすると、不自然で聞き取りにくい。漢字のまま書くと、人名や造語が誤読される。", "ai": "fantasist.org の narration.ja.json はこの方式で、ページの「読み上げ」ボタンを押すと字幕の時刻に合わせて端末が読む。台詞は字幕と同じ文面を基本とし、読みにくい語だけ読み上げ用の欄にかなで書く。登場人物は pitch を0.8〜1.3程度、rate を0.9〜1.2程度の範囲で差をつけ、語りは落ち着いた値にする。音声ファイルは作らない。", "related": [ "G-07", "G-08", "K-04" ], "sources": [ { "title": "SpeechSynthesisUtterance", "author": "MDN Web Docs", "url": "https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance", "note": "lang・pitch・rate・voice・volume と start・end・boundary イベント" }, { "title": "SpeechSynthesisUtterance: pitch property", "author": "MDN Web Docs", "url": "https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/pitch", "note": "pitchは0〜2、既定1。声や端末でさらに制限される" }, { "title": "SpeechSynthesisUtterance: rate property", "author": "MDN Web Docs", "url": "https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/rate", "note": "rateは0.1〜10、既定1。声によって範囲が狭まる" }, { "title": "Using the Web Speech API", "author": "MDN Web Docs", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API", "note": "使える声はOSとブラウザで異なり、voiceschangedを待つ必要" }, { "title": "Speech Synthesis Markup Language (SSML) Version 1.1", "author": "W3C", "url": "https://www.w3.org/TR/speech-synthesis11/", "note": "sub（読み替え）・phoneme・prosody・break の各要素" } ], "tags": [ "AI制作", "音声合成", "台本" ], "url": "https://fantasist.org/anime-techniques/k-05/", "usedIn": [ { "url": "https://fantasist.org/anime/kyoukai-no-jusha/1/", "work": "境界の従者 第1話「守られすぎた当主」", "where": "読み上げ（14行）", "why": "端末の音声合成で台詞と語りを読むための台本を、従者と当主の声の高さ・速さを分けて書いた。" }, { "url": "https://fantasist.org/anime/gyoushou-no-kanteishi/1/", "work": "辺境の鑑定士 第1話「錆びた剣の値打ち」", "where": "読み上げ（13行）", "why": "端末の音声合成で台詞と語りを読むための台本を、話者ごとの声の高さ・速さ、読みにくい語のかなとともに書いた。" } ] }, { "no": "K-06", "title": "生成画像の一貫性と同一人物の使い回し", "aka": [ "キャラクターの一貫性", "キャラクター参照" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "画像生成AIで1枚ずつ作ると人物の顔や服が変わりやすいため、参照画像や設定表で同じ人物に見えるよう揃える工夫。", "what": "画像生成AIは、同じ人物を別のカットで描かせると、顔立ち・髪型・服・体格が少しずつ変わりやすい。対策として、参照画像を渡して人物を寄せる機能を持つサービスがある。fantasist.org が使う Gemini の画像生成では、人物の一貫性を保つための参照画像を、モデルによって4〜5枚まで渡せると説明されている。他社サービスの例として、Midjourney のキャラクター参照も顔・髪・服を寄せられるが、そばかすや服のロゴのような細部までは正確に写せず、実在の人物の写真には向かないと明記されている。", "why": "観客は、顔の細部より、髪型や服の色、体格といった大きな特徴で人物を識別する。そのため、大きな特徴が揃っていれば、細部が多少違っても同じ人物として受け取りやすい。逆に服の色や髪型が変わると、別人と誤解される。一貫性の確保は、画像の質以上に物語の理解に直結する。また一貫性が保たれると、観客は顔の違いに気を取られず、芝居と物語に集中できる。", "how": [ "人物ごとに設定表（髪型、髪色、服、体格、特徴的な小物）を作る", "最もよくできた一枚を基準画像にし、以降の生成で参照する", "服や髪の色など大きな特徴を、毎回同じ言葉で指示する", "生成後に基準画像と並べ、別人に見えないか確かめる", "揃わない場合は、顔が小さく映る引きや後ろ姿のカットで代える" ], "when": "同じ人物が複数のカットに出る作品すべて。特に顔のアップが続く会話シーンでは、ずれが目立つ。シリーズで同じ人物を何話にもわたって使う場合は、最初に基準画像と設定表を固めておくことが重要になる。", "avoid": "毎回違う言葉で人物を説明すると、ずれが大きくなる。一貫性にこだわりすぎて、同じ構図の絵ばかりになると単調になる。実在の人物の写真を参照に使うのは、規約や肖像の問題があり避ける。", "ai": "編集部の運用では、AIコミックのコマ絵を再利用するので、一貫性は既存のコマ絵の範囲で揃える。映像化の前に、同じ人物のコマを並べて見比べ、服や髪型が大きく違うコマは使わないか、引きで短く見せる。表情違いが必要な場合も、元のコマから寄りで切り出すことを優先し、新しい絵は起こさない。", "related": [ "K-03", "K-07", "H-05" ], "sources": [ { "title": "Image generation（Nano Banana）", "author": "Google AI for Developers（Gemini API 公式ドキュメント）", "url": "https://ai.google.dev/gemini-api/docs/image-generation", "note": "人物の一貫性を保つための参照画像を、モデルによって4〜5枚まで渡せる" }, { "title": "Introducing Character References", "author": "Midjourney", "url": "https://updates.midjourney.com/character-refs/", "note": "他社の例。参照画像で顔・髪・服を寄せるが、細部の再現には限界がある" } ], "tags": [ "AI制作", "画像生成", "一貫性" ], "url": "https://fantasist.org/anime-techniques/k-06/", "usedIn": [] }, { "no": "K-07", "title": "動画生成AIを使う前の規約確認と検品", "aka": [ "利用規約の確認", "生成物の検品" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "動画生成AIを使う前に規約（肖像・商標・表示義務）を読み合わせ、生成後は実在人物・商標・点滅などを検品する手順。", "what": "動画生成AIのサービスは、それぞれ利用規約や利用方針で禁止事項を定めている。例えば Runway の利用方針は、本人の許可のない人物の画像・映像・音声の使用、なりすまし、知的財産権の侵害を禁じている。OpenAI は Sora で、本人の同意のない肖像の利用を制限し、生成動画に可視の透かしと C2PA のメタデータを付けると説明している。日本では文化庁が「AIと著作権」の考え方やチェックリストを公開している。", "why": "生成AIは、学習データの影響で、実在の人物や既存のキャラクター、商標に似たものを意図せず出すことがある。規約に反した利用は公開停止やアカウント停止につながり、似た人物や商標は権利侵害や誤解を招く。また、生成された映像は光の点滅や急な明暗の変化を含むことがあり、光感受性発作の配慮も必要になる。事前の規約確認と事後の検品を手順として固定すると、見落としを減らせる。", "how": [ "使うサービスの利用規約・利用方針を読み、禁止事項と表示義務を一覧にする", "商用利用・再配布・クレジット表記の条件を確認する", "生成物に実在の人物や既存キャラクターに似た顔がないか確かめる", "看板やロゴなど、実在の商標や読める文字が紛れていないか確かめる", "点滅や急な明暗の変化をコマ送りで確認する", "確認した日付と規約の版を、制作記録に残しておく" ], "when": "動画生成AIを使う前、および生成した映像を公開する前。サービスの規約が改定されたときも見直す。複数のサービスを併用する場合は、それぞれの条件が異なるため、サービスごとに確認の記録を分けて残す。", "avoid": "規約を一度読んだだけで済ませると、改定に気づかない。生成物を等倍でしか見ないと、背景の小さなロゴや顔を見落とす。実在人物に似せる指示は、たとえ冗談でも避ける。透かしやメタデータを消す加工も避ける。", "ai": "fantasist.org では、動画生成AIは規約の読み合わせが済むまで使わず、静止画のモーションコミックで作っている。静止画でも同じ検品（実在人物・商標・文字・点滅）を行い、パンやフェードで点滅に近い効果が出ていないかをコマ送りで確かめる。将来、動画生成を使う場合は、サービスごとの規約の一覧と検品の記録を残してから公開する。", "related": [ "J-04", "K-06", "K-08" ], "sources": [ { "title": "Runway's Usage Policy", "author": "Runway", "url": "https://runway.com/safety/usage-policy", "note": "無断の肖像利用・なりすまし・知的財産侵害の禁止" }, { "title": "Launching Sora responsibly", "author": "OpenAI", "url": "https://openai.com/index/launching-sora-responsibly/", "note": "本人同意のない肖像の制限、可視透かしとC2PAメタデータ" }, { "title": "AIと著作権", "author": "文化庁", "url": "https://www.bunka.go.jp/seisaku/chosakuken/aiandcopyright.html", "note": "生成・利用段階の考え方とチェックリスト等の公開資料" }, { "title": "Understanding Success Criterion 2.3.1: Three Flashes or Below Threshold", "author": "W3C WAI", "url": "https://www.w3.org/WAI/WCAG21/Understanding/three-flashes-or-below-threshold.html", "note": "1秒に3回を超える点滅の禁止と、面積・赤色の閾値" } ], "tags": [ "AI制作", "規約", "検品" ], "url": "https://fantasist.org/anime-techniques/k-07/", "usedIn": [] }, { "no": "K-08", "title": "ファイルの重さと配信", "aka": [ "エンコード", "ビットレート", "動画形式" ], "category": "K", "categoryLabel": "AI制作での運用", "summary": "映像を Web で配信するために、形式（MP4/WebM）、ビットレート、解像度を選び、ホスティングの上限に収める作業。", "what": "Web で動画を配信するには、形式（コンテナと符号化方式）を選ぶ必要がある。MDN の解説では、H.264（AVC）の MP4 が最も互換性が高く、VP9 や AV1 の WebM はより圧縮効率がよいが対応環境に差があるため、