Toon Boom
Harmony 20 Premium
スタートガイド

TOON BOOM ANIMATION INC.

+1 514 278 8666

4200 St.Laurent Blvd, Suite 1020
Montreal, Quebec, Canada
H2W 2R2

contact@toonboom.com
toonboom.com

Harmony 20 Premium スタートガイド

法的通知
Toon Boom Animation Inc.
4200 Saint-Laurent, Suite 1020
Montreal, Quebec, Canada
H2W 2R2
Tel: +1 514 278 8666
Fax: +1 514 278 2666
toonboom.comをご覧ください。

免責事項
本文書の内容はToon Boom Animation Inc.の財産であり、著作権で保護されています。 全体または一部を複製することは固く禁じられています。
本文書の内容は、該当する使用許諾契約の下での特定の限定的保証と例外および責任限度額の対象であり、Adobe®Flash®ファイル形式(SWF)の特別条件によって補足されます。 詳細は使用許諾契約および特別条件をご覧ください。

商標
Toon Boom® は登録商標です。 Harmony™ および Toon Boom ロゴはToon Boom Animation Inc.の商標です。その他のすべての商標はそれぞれの所有者に帰属します。

発行日2020/12/1
著作権 © 2020 Toon Boom Animation Inc.（Corus Entertainment Inc. 子会社） 全著作権所有。

1

目次

目次
目次

2

紹介

6

第1章: カットの作成

8

第2章: Harmonyユーザーインターフェースの概要

12

ビュー

12

ビューの追加

13

カメラビュー

15

描画ビュー

16

ツールプロパティビュー

17

カラービュー

18

タイムラインビュー

18

描画の代替ビュー19

タイムシートビュー

20

ライブラリービュー

21

ノードビュー

22

ツールバー

23

ツールバーの追加

23

ツールツールバー

29

ファイルツールバー

30

編集ツールバー30

プレイバックツールバー

31

インターフェースナビゲーション

31

タッチインターフェース

35

第3章: レイヤーの追加方法

38

描画レイヤーのタイプ

38

アートレイヤー39

レイヤーの名称変更

41

レイヤーの追加

42

2

Harmony 20 Premium スタートガイド

レイヤーを削除する

43

レイヤーを並び替える

43

レイヤーのグループ化

44

レイヤーの非表示と表示

45

レイヤーのロック/アンロック

46

第4章: 描画の方法

48

アートワークの調整

50

アートスタイル、描画ツール、レイヤータイプについて

57

第5章: ペイントの方法

60

カラーパレット

61

ペイント

63

隙間閉鎖

64

第6章: ペーパーレスセルアニメーションを作成する方法

68

ラフアニメーションの作成

68

アニメーションのレビュー

74

クリーンアップ

76

第7章: 描画のモーフィング方法82

モーフィング速度の調整

85

モーフヒントの追加

85

第8章: 画像のインポート方法

90

画像のベクター化

95

第9章: レイヤーを配置しアニメートする方法

102

レイヤーの配置102

ピボットの再配置

105

レイヤーのアニメート

106

第10章: カメラを配置しアニメートする方法

110

カメラの追加110

親ペグの追加111

カメラの配置

112

3

目次

カメラをアニメートする

115

第11章: カットアウトキャラクターのリグ方法

120

ピースの描画

120

ペグの追加

124

レイヤー階層の作成

126

マスターペグ

130

第12章: カットアウトキャラクターをアニメートする方法
レイヤーの移動134
140

第13章: デフォーマーの使用方法

144

ボーンデフォーマー

144

ゲームボーンデフォーマー

145

カーブデフォーマー

145

エンベロープデフォーマー

146

自由フォームデフォーマー

147

デフォーマーの作成

147

デフォーマーの表示

156

デフォーマーでアニメート

157

第14章: サウンドのインポートと口パクを追加する方法

174

サウンドのインポート

174

自動口パク検出175

口パクの手動によるアニメート

178

第15章: カットにエフェクトを追加する方法

182

エフェクトについて182

エフェクトの追加

184

マットでエフェクトを追加

187

エフェクトのアニメート

190

アニメートされたキャラクターに基づいたEffect （エフェクト）の作成方法

200

第16章: 描画ガイドの使用方法

204

第17章: マルチプレーンの作成方法

2164

Harmony 20 Premium スタートガイド

第18章: 3D空間でオブジェクトをセットアップする方法

220

第19章: テンプレートの作成および使用方法

226

テンプレートの作成

226

テンプレートのインポート

228

第20章: ムービーのエクスポート方法

232

用語集

236

5

紹介

紹介
Harmonyは、あらゆるクリエイティブなアニメーションプロジェクトの制作を可能にしてくれる、理想のアニ
メーションソフトウェアです。 ツールや機能もとても多様です。
このスタートガイドでHarmony Premiumの主要機能の使い方について基礎を学ぶことで、必要な知識が速やかに身に付きます。 すべてのツールとオプション、さらに高度なテクニックについて学ぶには、Toon Boom
Harmony Premiumドキュメントの完全版をご覧ください。docs.toonboom.comから入手できます。

6

Harmony 20 Premium スタートガイド

7第1章: カットの作成

第1章: カットの作成
Harmonyを起動すると直ちにWelcome（ようこそ）画面が表示され、そこから次のことを行えます。
l

カットを作成する。

l

新規カットの解像度を選択する。

l

カット解像度プリセットを管理する。

l

最近開いたカットをすばやく開く。

l

ブラウズしてすでに作成済みのカットを開く。

l

ウェブで Harmonyビデオチュートリアルを見る。

l

サポートウェブページにアクセスする。

8

Harmony 20 Premium スタートガイド

注:lHarmony Serverを使用している場合、Harmonyでそれらを開けるようになる前にカットを作成するには、コントロールセンターアプリケーションを使用しなければなりません。

Harmony ServerカットをHarmonyで直接作成することはできません。
l

下部にあるDo not show this window at startup（起動時にこのウィンドウを表示しない）
オプションの選択を解除することにより、Welcome（ようこそ）画面を無効にして、主要アプ
リケーションウィンドウの右にHarmonyを起動することができます。

l

トップメニューでHelp（ヘルプ） > Show Welcome Screen（ようこそ画面を表示）を選択
すると、主要アプリケーションウィンドウからWelcome（ようこそ）画面に戻ることができます。 Welcome（ようこそ）画面を無効にしてある場合は、Welcome（ようこそ）画面に戻ってDo not show this window at startup（起動時にこのウィンドウを表示しない） オプ
ションのチェックボックスをオフにして、再度有効にすることができます。

Welcome（ようこそ）画面からカットを作成する方法
1. Name（名称）フィールドにカットの名称を入力します。

注:
カット名は23文字を超えないものとし、*&^%!などの特殊文字を含めることはできません。

2. カットをどのディレクトリに作成するかを決定するには、Location（ロケーション）フィールドの横にある Browse（参照）ボタンをクリックします。

3. Camera Size（カメラサイズ）メニューから、カット解像度を選択します。

9

第1章: カットの作成

4. Create Scene（カットを作成）をクリックします。
新しいカットが作成されます。 新しいカットが開いた状態でメインのアプリケーションウィンドウが表示されます。

10Harmony 20 Premium スタートガイド

11第2章: Harmonyユーザーインターフェースの概要

第2章: Harmonyユーザーインターフェースの概要
あらかじめユーザーインターフェースに精通していれば、Toon Boom Harmony Premiumの使用が著しく容易になります。 つぎの章では、ユーザーインターフェースの最も重要な要素についての基本的な概要を説明します。 以下の章では、これらの要素のそれぞれについての詳細な情報を学習します。
Toon Boom Harmony Premiumを初めて使用する場合、デフォルトの作業スペースが表示されます。 ワーク
スペースは、ビューと呼ばれる長方形のユーザーインターフェースに分割されており、そのそれぞれに固有の目
的があります。 ユーザーインターフェースの上部と左側、および一部のビューには、それぞれ特定の機能を持つ
ツールバーも含まれています。

ビュー
ビューとは、それぞれ特定の目的を持つ小さなユーザーインターフェースです。 これらはメインアプリケーショ
ンウィンドウに追加でき、その場合それらは「ドッキング」されるか、個別のウィンドウとして開くことができます。
各ビューには、その名前を含むタブが上部にあります。 これを使用して作業中のビューを特定できるだけでな
く、タブを使用して、ユーザーインターフェースの同じ領域に複数のビューを積み重ねることもできます。 たとえば、デフォルトのワークスペースでは、ほとんどの領域がCamera（カメラ）ビューで占められています。 カメラビューの上部には2つのタブがあります。1つはCamera（カメラ）、もう1つはDrawing（描画）です。
これは、Drawing（描画）ビューがCamera（カメラ）ビューと積み重ねられており、いずれかのタブをクリッ
クすることで両方をすばやく切り替えることができるためです。

12Harmony 20 Premium スタートガイド

ワークスペースの各部門のタブの右側には、Add View（ビューの追加）とClose View（ビューを閉じる）ボタンがあります。これらのボタンを使用すると、ワークスペースのこの領域からさらにビューをスタックしたり、現在選択されているビューを削除したりできます。

ビューの追加ワークスペース全体でビューを追加、削除、移動、および積み重ねて、ワークフローを最適化できます。

ワークスペースにタブとしてビューを追加する方法
1. 既存のビューの右上隅で、Add View（ビューを追加）

13

ボタンをクリックします。

第2章: Harmonyユーザーインターフェースの概要

2. リストから目的のビューを選択します。
ビューは、追加したワークスペースのセクションに新しいタブとして表示されます。

注:
Camera（カメラ）、Perspective（パース）、Library（ライブラリー）、Model（モデル）、Node（ノード）ビューなどの一部のビューは、複数のインスタンスで開くことができます。 この機能は、例えば、Camera（カメラ）ビューの2つのインスタンスを開き、各カットの異なるエリアにフォーカスして、2つのエリアの作業をすばやく切り替える場合に役立ちます。

ワークスペースにウィンドウとしてビューを追加する方法
1. Windowsメニューを開きます。
2. Windowsメニューで追加するビューを選択します。
ビューはHarmonyのメインアプリケーションウィンドウ上に新しいウィンドウとして表示されます。

ワークスペースへのビューウィンドウのドッキング方法
1. フロートしているビューのタブをクリック&ドラッグして、次のいずれかを行います。
l

別のタブ上にウィンドウをドロップし、タブのセットに追加します。

l

既存のビューの上下か左右にウィンドウをドロップします。 ビューの端に近づくとシアンの長方形が表示され、ビューのドッキング位置が分かります。

14

Harmony 20 Premium スタートガイド

ここでは、Harmonyで最も一般的に使用されるビューについてそれぞれ簡単に紹介します。

カメラビュー
Camera（カメラ）ビューは、Harmonyでの操作の中心です。 このビューでは、描画、ペイント、アニメー
ト、カットの設定、オブジェクトの操作、シンボルの表示、アニメーションのプレビューを行うことができます。
Camera（カメラ）ビューには、ビュー内をナビゲートしたり、表示モードを変更したり、シンボル階層を上に行ったりするために使用できる上部と下部のツールバーもあります。

15

第2章: Harmonyユーザーインターフェースの概要

描画ビュー
Harmonyでは、Drawing（描画）またはCamera（カメラ）ビューのどちらでも描画ができます。 2つのビューは類似していますが、描画においてはいくつかの違いがあります。
選択した描画はデフォルトでDrawing（描画）ビューだけに表示されます。 カットのあらゆる有効レイヤーの現在の描画を色抜けした色で表示するライトテーブルや、現在選択されている描画レイヤーの前後の描画を表示
するオニオンスキンなどの機能を使用することができます。

16

Harmony 20 Premium スタートガイド

ツールプロパティビュー
Tool Properties（ツールプロパティ）ビューには、現在選択しているツールに関連した最も一般的なオプショ
ンおよび操作が表示されます。 Tools（ツール）ツールバーでツールを選択すると、Tool Properties（ツールプ
ロパティ）ビューが更新されます。
例えば、Select（選択）ツールを選ぶと、Tool Properties（ツールプロパティ）ビューには、Snap toContour（輪郭にスナップ）、Apply to All Drawings,（すべての描画に適用）、Flip Horizontal（水平にフリップ）、Flatten（フラット化）など、それに関連したオプションや操作が表示されます。

17

第2章: Harmonyユーザーインターフェースの概要

カラービューColour（カラー）ビューは、カラーとパレットを作成し、既存のパレットをプロジェクトにインポートするところです。 Colour（カラー）ビューは、描画、塗り、およびカラースタイリングの作成にも必要です。

タイムラインビュー
アニメーションのタイミングを設定するには、ほとんどの場合、Timeline（タイムライン）ビューとXsheet（タイムシート）ビューで作業します。 Timeline（タイムライン）ビュー、それがどう機能するか、そしてそのインターフェースに精通することが極めて有用です。
Timeline（タイムライン）ビューは、描画のタイミングを調整したり、キーフレームを追加したり、レイヤーを順序付けたりする際に使用されるメインビューです。 Timeline（タイムライン）ビューには、レイヤー、エフェクト、サウンド、キーフレーム値、カットの長さ、レイヤー名、描画、キーフレーム、タイミング、およびコマが表示されます。

18

Harmony 20 Premium スタートガイド

Timeline（タイムライン）ビューにより、タイミングを左から右に読み取ることができます。 それはカットのエレメントを最も単純な形で表しています。 描画のコマと同様に、レイヤーとその名称も表示されます。 描画
名は、描画のコマ上にポインターを置くと表示されます。

描画の代替ビュー
Drawing Substitutions（描画の代替）ビューでは、選択したレイヤーのすべての図面をサムネイルのリストで表示したり、現在のコマでエクスポージャーする描画をすばやく選択したりできます。

19

第2章: Harmonyユーザーインターフェースの概要

タイムシートビュー
Xsheet（タイムシート）ビューは、各描画レイヤーは列で表され、カットの各コマは行で表され、エクスポー
ジャーされた各描画はセルにその名称で表示されるようにグリッドに表示することによって、タイミングを垂直に読み取ることができます。 これは、従来型のアニメーションタイムシートのように機能することを意味します。
機能パネルを使用して、選択した列のモーションパスの機能とキーフレームを表示したり、セルにリストされている各コマの機能の値を表示することもできます。
Timeline（タイムライン）ビューとは対象的に、Xsheet（タイムシート）ビューはペグ、エフェクト、もしくはレイヤー階層を表示しません。 したがって、それは従来型のペーパーレスアニメーション向けに最適化されていますが、Timeline（タイムライン）ビューはデジタルアニメーションやカットアウト アニメーション用に最適化されています。

20

Harmony 20 Premium スタートガイド

ライブラリービュー
Library（ライブラリー）ビューは、アニメーション、描画、背景、キャラクターモデルなどのエレメントを保存して、異なるカットやプロジェクトで再利用できるようにするのに使用されます。 また、Library（ライブラリー）ビューを使用してシンボルを作成および保存するほか、画像と、サウンドファイルと3Dモデルを保存およびインポートすることもできます。
他のカットの中の１つのカットからエレメントを再利用するには、別のカットにインポートできるようにテンプ
レートを作成する必要があります。 テンプレートには、1つの描画からカット全体の構造まで何でも含めることができます。 カットにテンプレートを作成してからテンプレートに含めるエレメントをライブラリーにコピーすることにより、テンプレートを作成します。 作成されたテンプレートは、コピーしたエレメントのみを含むミニ
カットのように構成されています。 テンプレートは、最初に作成されたカットに依存しません。このため、他のカットにも安全にインポートできます。
さらに、Library（ライブラリー）ビューの Drawing Substitutions（描画の代替）パネルでは、現在のコマのエクスポージャーをレイヤー内の既存描画の1つにすばやく変更できます。 これは、カットアウトキャラクター
の口、手、瞼などのボディーパーツの、通常は複数の描画を含んでいるアニメーションには、特に便利です。

21

第2章: Harmonyユーザーインターフェースの概要

ノードビュー
Node（ノード）ビューでは、エフェクトと合成ノードを接続して、ノードシステムとしても知られるネット
ワークを形成することができます。 このビューは、人形のリギング、高度なエフェクトの作成、そして複雑なカットの明瞭な表示に非常に便利です。 ノードの構成と順序は、合成プロセス中のデータの流れと、アニメー
ションのエレメントが合成される方法を決定します。

22

Harmony 20 Premium スタートガイド

ツールバー
Harmonyインターフェースには、たくさんの便利なツールにすばやくアクセスできるツールバーが含まれています。 ワークスペース内のツールバーを追加、移動、削除することができます。
ツールバーは、次の2つの主要なカテゴリに分かれています。
l

ワークスペースツールバーは、一般的な目的を持つツールバーです。 たとえば、上部のFile（ファイル）、Edit（編集）、Workspace（ワークスペース）、Advanced Animation（高度アニメーション）
およびDeformation（変形）ツールバー、および左側のTools（ツール）ツールバーは、ワークスペース
ツールバーです。 これらのツールバーは、アプリケーションウィンドウの上端、下端、左端、または右端に配置できます。 好みに応じて、特定のビューの端に配置することもできます。

lView（ビュー）ツールバーは、特定のビューに役立つツールバーです。 たとえば、Camera （カメラ）
ビューの上部にはCamera （カメラ）ツールバーがあります。 View（ビュー）ツールバーは、それぞれのビュー内にのみ表示できます。 それらはビューの上部、下部、左端、または右端に配置できます。

ツールバーの追加
一般的なワークスペースにワークスペースツールバーを追加または削除する方法
1. 次のいずれかを行います。
l

トップメニューから、Windows > Toolbars（ツールバー）を選択し、サブメニューで追加するツールバーを選択します。

lワークスペースの上部または側面、またはこれらのツールバーの隣の空のスペースにあるツールバーを右クリックし、コンテキストメニューに追加したいツールバーを選択します。

23

第2章: Harmonyユーザーインターフェースの概要

ビューにビューツールバーを追加する方法
1. 次のいずれかを行います。
lツールバーを追加するビューのタブをクリックして、フォーカスを設定します。 それから、トップメニューでWindows > Toolbars（ツールバー）を選択し、追加するツールバーを選
択します。

注:
トップメニューのツールバーリストおよびワークスペースのコンテキストメ
ニューで、セパレーターの上にリストされているツールバーはワークスペース
ツールバーであり、セパレーターの下にあるツールバーはビューツールバーです。

l

ツールバーを追加したいビューの上部領域で、タブの左側で右クリックし、コンテキストメ
ニューで追加するツールバーを選択します。

24

Harmony 20 Premium スタートガイド

25

第2章: Harmonyユーザーインターフェースの概要

注:l

ビューのコンテキストメニューのツールバーリストで、セパレーターの上にリストされているツールバーはワークスペースツールバーであり、セパレーターの下にあるツールバーはビューツールバーです。

lビューのコンテキストメニューでワークスペースツールバーを選択すると、このワークスペースツールバーがビューに追加されます。 ワークスペースに既に存在していた場合、以前の場所から削除されます。

l

ワークスペースツールバーが他のビューとスタックされているビューに追加されると、そのツールバーは同じ領域にスタックされているすべてのビューで表示されます。 たとえば、Advanced Animation（高度なアニメーション）
ツールバーをCamera（カメラ）ビューに追加すると、Drawing（描画）ビューにも表示されます。

ツールバーを移動する方法
1. 移動したいツールバーの左側にあるハンドルをクリックして押したままにします。

26

Harmony 20 Premium スタートガイド

2. 次のいずれかを行います。
lツールバーが水平の場合は、ツールバーを上下に移動して行から飛び出させます。

lツールバーが垂直の場合、ツールバーを左または右に移動して、列から飛び出させます。

3. 次のいずれかを行います。
lツールバーを並べ替えるには、ツールバーを配置する場所にドラッグしてドロップします。

ツールバーが新しい位置に移動します。 右側のツールバー（またはツールバーが垂直の場合は下部）は、スペースを確保するためにオフセットされます。

l

ツールバーを新しい行または新しい列に移動するには、新しい行または列を作成する場所にツールバーを移動するだけです。 たとえば、ユーザーインターフェースの上部にツールバーの新しい行を作成するには、ユーザーインターフェースの上部にある既存のツールバーのすぐ下に移動します。 新しい行または列が表示され、シアンで強調表示されます。

ツールバーをドロップすると、新しい行が作成され、ツールバーが行の左端に配置されます。

同様に、ユーザーインターフェースの左側に新しい列を作成するには、ユーザーインター
フェースの左側にある既存のツールバーのすぐ右側にツールバーを移動します。
lツールバーをユーザーインターフェースの別の端に移動するには、ツールバーをユーザーイン

27

第2章: Harmonyユーザーインターフェースの概要

ターフェースのその端までドラッグします。

ツールバーを別のツールバーの上に移動する方法
1. 両方のツールバーが同じ行または列にあることを確認します。 同じ行または列にない場合は、前述の方法を使用して、両方のツールバーを同じ行または列に移動します。
lツールバーが水平の場合、右端のツールバーの左側にあるハンドルをクリックして押したままにします。 次に、ツールバーの行の外に出ることなく、ツールバーを左にスライドさせます。

lツールバーが垂直の場合は、下部のツールバーの上部にあるハンドルをクリックして押したま
まにします。 次に、ツールバーの列の外に出ることなく、ツールバーを上にスライドします。

ツールバーを他のツールバーの上にスライドすると、他のツールバーのボタンが非表示になり、ポッ
プアップメニューボタンが表示されます。

2. ツールバーを再度分離するには、同じツールバーを反対方向にスライドします。

28

Harmony 20 Premium スタートガイド

3. 別のツールバーと重なっているツールバーを展開するには、重なったツールバーの右側にある展開ボタンをクリックします。

ツールツールバー
Tools（ツール）ツールバーには、Harmonyでの作業に必要な主なツールが含まれています。 デフォルトのワークスペースでは、このツールバーはアプリケーションウィンドウの一番左にあります。
Tools（ツール）ツールバーの一部のボタンには、右下隅に三角形があります。 これは、このボタンにいくつかのツールが積み重ねられていることを示すためです。 これらのツールにアクセスするには、ツールボタンをクリックして押したままにするか、ツールを選択してもう一度クリックします。

29

第2章: Harmonyユーザーインターフェースの概要

ヒント:
多くのツールバーボタンには、それに関連付けられたキーボードショートカットがあります。 ボタ
ンの上にマウスカーソルを1秒間置いたままにすると、どのキーボードショートカットがボタンに関連付けられているかを確認できます。 ボタンにキーボードショートカットがある場合は、表示されるツールチップにそれが示されます。

ファイルツールバー
File（ファイル）ツールバーには、New（新規）、Save（保存）、Open（開く）などの一般的なファイル操作が用意されています。 これらのコマンドは、File（ファイル）トップメニューにもあります。

注:
New（新規）およびSave As（名前を付けて保存）ボタンは、Harmony Stand Aloneでのみ使用できます。 Harmony Serverでは、カットの作成にコントロールセンターを使用する必要があります。

編集ツールバー
Edit（編集）ツールバーには、Undo（元に戻す）、Redo（やり直す）、Cut（カット）、Copy（コピー）、Paste（貼り付け）などの一般的な操作が含まれています。 これらのコマンドは、Edit（編集）トップメニューにもあります。

30

Harmony 20 Premium スタートガイド

プレイバックツールバー
Playback（プレイバック）ツールバーを使用すると、アニメーションを再生したり、ループ、オーディオプレ
イバック、プレイバック範囲、プレイバック速度などのプレイバックオプションを設定したりできます。

インターフェースナビゲーション
メニューコマンドとキーボードショートカットを使用して、一部のビューでは、コンテンツをズームイン、ズー
ムアウト、パン、回転することでコンテンツをナビゲートできます。 必要に応じて、これらのビューのズームレ
ベル、パン、回転角度をリセットすることもできます。
以下の表のナビゲーションコマンドは、いくつかの例外を除き次のビューで使用できます。
l

カメラ

l

描画

l

パース

l

タイムラインl

タイムシートl

ノードビューl関数l

サイドおよびトップ

l

モデル

31

第2章: Harmonyユーザーインターフェースの概要

ヒント:
キーボードショートカットはカスタマイズできます。 Keyboard Shortcuts（キーボードのショー
トカット ）ダイアログでHarmonyのキーボードショートカットを表示、検索、および変更できます。 Keyboard Shortcuts（キーボードのショートカット ）ダイアログにアクセスするには：lWindows または GNU/Linux : トップメニューで、Edit（編集） > Keyboard
Shortcuts（キーボードショートカット）を選択します。

lmacOS : トップメニューで、Harmony Premium > Keyboard Shortcuts（キーボード
ショートカット）を選択します。

コマンド

アクション

アクセス方法

View（ビュー） > Zoom In（ズームイン）
ズームイン

ビューをズーム
インします。

2を押しますマウスホイールを上に動かします（Timeline（タイムライン）とXsheet（タイムシート）ビューを除く）

View（ビュー） > Zoom Out（ズームアウト）
ズームアウトビューをズーム
アウトします。

1を押す
マウスホイールを下に動かします（Timeline（タイムライン）とXsheet（タイムシート）ビューを除く）

ビューをズーム

マウスの中央ボタンを上下に回転します。

ズームインまた

インまたはズーはズームアウト

ムアウトしまスペースバーとマウス中央ボタンを押したままマウスを上下にドラッ

す。

グします。

ビューを水平まパン

たは垂直に移動スペースバーを押しながらビューをパンする方向にドラッグします。

します。

ビューのパンをパンをリセット

デフォルト位置

View（ビュー） > Reset Pan（パンをリセット）にリセットしま

Shift + Nを押しますす。

ビューをリセット

ビューをデフォView（ビュー） > Reset View（ビューをリセット）

ルト位置にリセットします。

Shift + Mを押します32Harmony 20 Premium スタートガイド

コマンド

アクション

アクセス方法Camera（カメラ）ビューの下部のReset View（ビューをリセット）ボタンを押します。

ビューの回転を
回転をリセット

デフォルト位置

View（ビュー） > Reset Rotation（回転をリセット）にリセットしま

Shift + Xを押します

す。

ビューのズーム
ズームをリセッをデフォルト位ト

置にリセットしView（ビュー） > Reset Zoom（ズームをリセット）ます。

ビューを回転ビューを左右に回転させます。

Ctrl + Alt (Windows/Linux)またはCtrl + ⌘ (macOS)を押しながら、
回転ディスクをクリック&ドラッグして時計回りまたは反時計回りに回転させます。

あらゆる方向にビューを回転させます。 これ
3D回転ビュー

は、Ctrl + Shift (Windows/Linux)または⌘ + Shift (macOS)を押しながPerspective

ら、ステージをクリック&ドラッグしてあらゆる方向に回転させます。

（パース）
ビューのみで利用できます。

アニメーション
テーブルのよう
時計回りに30度
回転に、Camera（カメラ）

View（ビュー） > Rotate View CW（時計回りにビューを回転）

ビューを時計回
りに30度回転させます。

アニメーション
テーブルのよう反時計回りに30に、Camera

View（ビュー） > Rotate View CCW（反時計回りにビューを回

度回転

（カメラ）

転）

ビューを反時計回りに30度回転33

第2章: Harmonyユーザーインターフェースの概要

コマンド

アクション

アクセス方法させます。

一時的にCamera or
Drawing（カメラまたは描画）
ビューを水平方ミラービュー

View（ビュー） > Mirror View（ミラービュー）

向にフリップさせるので、アーCamera（カメラ）またはDrawing（描画）ツールバーでトワークをミView（ミラービュー）ボタンをクリックします。

Mirrorラーリングしているかのように表示および編集できます。

ビューのZoom
Factor（ズーム比）をすばやく4倍にします。
例えば、
クイッククロー

Camera View

ズアップを切り（カメラ

替えるビュー）のズー

Shift + Z

ム比が100%の場合、400%と100%の間で順に切り替わるよ
うにします。

次の表示モードを切り替えます。
lNormalFull-

全画面を切り替

Screenえる（通常全View（ビュー） > Toggle Full Screen（全画面を切り替える）
Ctrl + F (Windows/Linux)または⌘ + F (macOS)を押します

画面）:
メインア
プリケー
ション
ウィンド

34

Harmony 20 Premium スタートガイド

コマンド

アクション

アクセス方法

ウが全画
面になり
ます。
l

View
FullScreen
（ビュー
全画
面）: 選
択した
ビューが
全画面に
なり、他
のすべて
のビュー
が折り畳
まれま
す。

l

Normal
（通
常）: メ
インアプ
リケー
ション
ウィンド
ウが元の
サイズに
復元さ
れ、折り
畳まれた
ビューが
展開され
ます。

タッチインターフェース
タッチスクリーン、トラックパッド、またはタッチ入力をサポートするタブレットで作業している場合、基本的な二本指の動作でCamera（カメラ）ビューやDrawing（描画）ビューをズーム、回転、パンさせることができます。 これを行うには、まずSupport Gestures （サポートジェスチャー）の設定を有効にする必要があります。

35

第2章: Harmonyユーザーインターフェースの概要

ジェスチャーサポートを有効にする方法
1. トップメニューから、Edit（編集） > Preferences（環境設定） （Windows/Linux）またはHarmony > Preferences（環境設定） （Mac OS X）に進みます。
2. General（一般）タブを開きます。
3. Touch Interface（タッチインターフェース）セクションで、Support Gestures（サポートジェスチャー）チェックボックスにチェックを入れます。
4. OKをクリックします。
5. Harmonyを再起動します。
タッチインターフェース上で2本指でドラッグすることで、Camera（カメラ）ビューとDrawing（描画）ビューを操作できるようになりました。

ジェスチャーの使用方法
1. Camera（カメラ）ビューまたはDrawing（描画）ビューで、2本の指を互いにちょっと離して押します。
2. 次のいずれかを行います。
lビューをパンするには、両方の指を同じ距離に保ちながら2本の指を任意の方向にドラッグします。

l

ズームインするには、2本の指の距離を徐々に広げながらドラッグします。

36

Harmony 20 Premium スタートガイドlズームアウトするには、2本の指の距離を徐々に狭めながらドラッグします。

l

回転させるには、2本の指を同じ方向に回転するようにカーブを描きながらドラッグします。

37

第3章: レイヤーの追加方法

第3章: レイヤーの追加方法
セルアニメーションにおけると同様、Harmonyはレイヤーを使用してキャラクター、背景、およびプロップな
どのエレメントを個別に保ち、それらを別々にアニメートすることができます。
新しいカットを作成すると、カットにはDrawing（描画）という名称のデフォルトのレイヤーがあって、このレイヤーで、すぐに描画を開始できます。

レイヤーは、Timeline（タイムライン）ビューで選択して管理することができます。 カットは必要な数のレイヤーを持つことができます。 カットに複数のレイヤーがある場合は、リストのより上位にあるレイヤーが下位レ
イヤーより上に表示されます。

描画レイヤーのタイプ
Harmonyそれぞれ独自の利点と制限を持つ2種類の描画レイヤーをサポートしています。
lベクターレイヤー: ベクター描画はアートワークのシェイプの輪郭を構成する点と曲線、およびこれらのシェイプを塗りつぶすカラーまたはテクスチャーでできています。 そのためベクターレイヤーのアートワークを拡大およびズームインしても、テクスチャーが含まれる場合を除き品質が損なわれることはあり
ません。

38

Harmony 20 Premium スタートガイド

ベクターレイヤーに描画する場合、各描画ストロークと鉛筆線は個別に操作可能な別オブジェクトです。
全体に描画ストロークが適用された場合でも、単一の描画ストロークを選択して自由に移動させたりトランスフォームしたりできます。 さらに描画ストロークは点と曲線でできているためシェイプの編集が可能
で、容易にアートワークを修正・変更できます。
l

ビットマップレイヤー: ビットマップ描画はそれぞれが単色の小さな点であるピクセルのグリッドでできています。 ビットマップ描画ツールを使用して単一のフラットなキャンバスにブラシストロークを塗り、必要であればピクセル単位でアートワークを調整できます。

ビットマップレイヤーに描画する場合、各ブラシまたは鉛筆ストロークはキャンバスに合成されるため、常にペイントまたは削除のみが可能な単一の描画として維持されます。ただしそれにより個別の部分の調整はできません。
ビットマップアートワークでは画像品質を損なわずに済む画素密度の許容範囲内でのみ拡大やズームインが可能です。 デフォルトではビットマップアートワークの画素密度は100%で、これはズームインや拡大を行わずにアートワークを表示するためのぎりぎりの数値です。それ以外の場合にはHarmonyによってアートワーク内に新しいピクセルが生成される必要があり、アートワークがぼやけたりピクセル化したりする可能性が高くなります。
そのため、ビットマップレイヤーで描画を開始する前に、ズームインや拡大が必要になるかどうかに応じてビットマップアートワークに必要な画素密度を設定するとよいでしょう。

注:
ベクターレイヤーは編集可能でスケーラブルなので、Harmonyに精通する一方で、ベクターレイ
ヤーの使用から開始することが推奨されます。 新しいカットにおけるデフォルトの描画レイヤーはベクターレイヤーです。

アートレイヤーデフォルトでは、各描画レイヤーには、実際にはLine Art（ラインアート）レイヤーとColour Art（カラーアート）レイヤーという2つのアートレイヤーがあります。 これらのレイヤーを使用すると、描画内のラインアートと色を別々に保つことができます。

39

第3章: レイヤーの追加方法

Camera and Drawing（カメラと描画）ビューの右側では、どのアートレイヤーで作業するか、また現在のアートレイヤーだけか、それとも両方のアートレイヤーを表示するかを制御することができます。

デフォルトでは、Line Art（ラインアート）レイヤーが選択されています。 そのため、すぐに描画を開始すると、最初にColour Art（カラーアート）レイヤーを選択しない限り、描画レイヤーの Line Art（ラインアート）
レイヤーで描画することになります。
ラインアートにペイントしたりカラーアートに作画するかは、基本的に自由です。 お好みで、ラインアートとカラーアートの両方にLine Art（ラインアート）レイヤーを使用することもできます。

40

Harmony 20 Premium スタートガイド

注:また、追加のアートレイヤー: Overlay（オーバーレイ）とUnderlay（アンダーレイ） アートレイ
ヤーを有効にすることもできます。 Overlay（オーバーレイ）レイヤーは通常注釈に使用され、Underlay Art（アンダーレイアート）レイヤーは通常ラフスケッチに使用されます。 それらを有効にするには、Preferences（環境設定）ダイアログの Advanced（詳細設定）タブにある
Support Overlay and Underlay Arts（オーバーレイとアンダーレイアートをサポート） オプ
ションをチェックします。 これにはトップメニューの 編集 (Windows/Linux) またはHarmony Premium (macOS) > Preferences（環境設定）を選択することによってアクセスできます。

レイヤーの名称変更
新しいカットでは、デフォルトで作成される１つのレイヤーはDrawing（描画）という名称になります。 セル
アニメーションでは、アニメーションレイヤーは1文字（A、B、Cなど）で、レイアウトレイヤーは頭字語（背景にはBG、オーバーレイにはOLなど）で名称を付けるのが一般的です。 ですから、最初のレイヤーに適切な名称を付けることで、カットを開始することができます。

Timeline（タイムライン）ビューでレイヤーを名称変更する方法
1. Timeline（タイムライン）ビューで、名称変更するレイヤー名をダブルクリックします。

名称の上にテキスト入力フィールドが表示されます。

2. レイヤーの新しい名称を入力し、Enter/リターンを押します。
これでレイヤーには新しい名称が付きました。

41

第3章: レイヤーの追加方法

レイヤーの追加
Timeline（タイムライン）ビューから描画エレメントを追加する方法
1. 次のいずれかを行います。
lTimeline（タイムライン）ビューで

Add Drawing Layer（描画レイヤーを追加）ボタンをクリックします。
l

トップメニューでInsert（挿入） > Drawing（描画）を選択します。

lCtrl + R (Windows/Linux)または⌘ + R (macOS)を押します。

Add Drawing Layer（描画レイヤーを追加）ダイアログが開きます。

2. Name（名称）フィールドに、新しいレイヤーの名称を入力します。
2. Line Art（ラインアート）レイヤーをVector（ベクター）にするかBitmap（ビットマップ）にするかを選択します。
3. Colour Art（カラーアート）レイヤーをVector（ベクター）にするかBitmap（ビットマップ）にするかを選択します。
4. 次のいずれかを行います。
l

Add（追加）をクリックしてこのレイヤーを作成しますが、レイヤーをもっと作成できるように、ダイアログは開いたままにしておきます。

l

Add and Close（追加して閉じる）をクリックすると、このレイヤーを作成してダイアログを閉じます。

新規描画レイヤーがTimeline（タイムライン）ビューに追加されます。

42

Harmony 20 Premium スタートガイド

レイヤーを削除する
Timeline（タイムライン）ビューでレイヤーを削除する方法
1. Timeline（タイムライン）ビューで削除するレイヤーを選択します。

注:
Shiftキーを押したまま、選択したい最初のレイヤーをクリックし、そして選択したい最後のレイヤーをクリックするにより、連続した複数のレイヤーを選択することができます。 また、Ctrl (Windows/Linux)または⌘ (macOS)キーを押しながら選択する各レイ
ヤーをクリックすることで、複数のレイヤーを選択することもできます。

2. 次のいずれかを行います。
lTimeline（タイムライン）のLayer（レイヤー）ツールバーで、ヤーを削除）ボタンをクリックします。

l

選択上を右クリックし、Delete（削除）を選択します。

選択したレイヤーがTimeline（タイムライン）ビューから削除されます。

レイヤーを並び替える
Timeline（タイムライン）ビューでレイヤーを再整列する方法
1. Timeline（タイムライン）ビューで、移動するレイヤーを選択します。

43

Delete Layers（レイ第3章: レイヤーの追加方法

2. 選択範囲をクリック＆ドラッグし、次のいずれかを行います。
l

選択範囲を2つのレイヤーにドロップして、それらのレイヤー間に移動させます。 選択範囲が移動するレイヤー間にシアンの線が表示されます。

l

選択範囲をレイヤーにドロップし、選択したレイヤーを子としてそのレイヤー上にリグします。

レイヤーのグループ化
レイヤーをグループ化することで、カット構造を整理した状態に保つことができます。
さらに、合成を含むグループ内に複数のレイヤーを配置し、このグループにエフェクトを追加して、グループ内のすべてのレイヤーにそのエフェクトを適用することができます。

Timeline（タイムライン）ビューでレイヤーをグループ化する方法
1. Timeline（タイムライン）ビューでグループ化するエレメントを選択します。

44

Harmony 20 Premium スタートガイド

注:
選択したレイヤー間のレイヤーは、選択したレイヤーにグループ化されます。

2. 次のいずれかを行います。
l

強調表示されているレイヤーを右クリックし、Group Selection（グループ選択）を選択します。

l

強調表示されているレイヤーを右クリックし、Group Selection with Composite（合成によるグループ選択）>を選択します。

lCtrl +Shift + G (Windows/Linux)または⌘ + Shift + G (macOS)を押すと、合成で選択範囲を即座にグループ化します。.

新規グループレイヤーがTimeline（タイムライン）ビューに追加されます。

Expand Group（グループの展開）ボタンをクリックすると、グループ化されたレイヤーがグ
ループレイヤーの子としてリギングされていることがわかります。

レイヤーの非表示と表示
他のレイヤーで作業しているときにCamera（カメラ）ビューが混乱しないように、レイヤーを一時的に非表示にすることができます。

Timeline（タイムライン）ビューでレイヤーを非表示にする方法
1. Timeline（タイムライン）ビューで、非表示にしたいレイヤーの左の無効化）ボタンをクリックします。

45

Disable Layer（レイヤーを

第3章: レイヤーの追加方法

そのレイヤーは、Camera （カメラ）レイヤーでは見えなくなります。
2. レイヤーの非表示を解除したい場合は、

Enable Layer（レイヤーを有効化）ボタンをクリックして再度表示します。

レイヤーのロック/アンロック
レイヤーを一時的にロックすることができます。 ロックされたレイヤーは、Timeline（タイムライン）ビュー
またはXsheet（タイムシート）ビューで編集することはできますが、選択したり、描画したり、Camera（カメラ）ビューで操作することはできません。 これは、現在は作業していない背景、オーバーレイ、プロップ、キャラクターを間違って選択したり描画したりしないようにするのに便利です。

Timeline（タイムライン）ビューでレイヤーをロックする方法
1. Timeline（タイムライン）ビューで、ロックしたいレイヤーの左のLock（ロック）ボタンをク

リックします。

そのレイヤーは、Camera （カメラ）ビューでは選択や描画ができなくなります。 そのレイヤーの名称は、Timeline（タイムライン）ビューでは赤で表示されます。
2. レイヤーのロックを解除するには、

Unlock Layer（レイヤーのロック解除）ボタンをクリックするとレイヤーが再度表示されます。

46

Harmony 20 Premium スタートガイド

47

第4章: 描画の方法

第4章: 描画の方法
カットを作成すると、カットにはデフォルトのDrawing（描画）レイヤーが表示され、そこですぐに描画を開始
できます。

注:
描画スタイルや何に慣れているかによって、Brush（ブラシ） ツールまたはPencil（鉛筆）ツール
での描画を好むかもしれません。 これらのツールの違いについては、カットを作成すると、カットにはデフォルトのDrawing（描画）レイヤーが表示され、そこですぐに描画を開始できます。 (ページ48)を参照してください。

Brush（ブラシ） ツールで描画する方法
1. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、描画レイヤーの最初のセルをクリックします。

2. Brush（ブラシ） ツールで描画したい場合は、次のいずれかを実行してください。
lTools（ツール）ツールバーでBrush（ブラシ）ツールを選択します。

lトップメニューでTools（ツール） > Brush（ブラシ）を選択します。

lAlt + Bを押します。

Pencil（鉛筆）ツールでも描画してみたい場合は、次のいずれかを実行してください。
lTools（ツール）ツールバーでPencil（鉛筆）ツールを選択します。

lトップメニューでTools（ツール） > Pencil（鉛筆）を選択します。

lAlt + /を押します。

3. Tool Properties（ツールプロパティ）ビューのPresets（プリセット）リストで、使用するブラシ
または鉛筆プリセットを選択します。

48

Harmony 20 Premium スタートガイド

4. Maximum Size（最大サイズ）スライダーを使用して、ブラシまたは鉛筆の希望するサイズを選択します。
5. カラーを選択するには、Colour（カラー）ビューで使用するカラーをクリックします。 カラーの作
成および編集方法についての詳細は、カラースウォッチの作成または編集方法 (ページ62)をご覧く
ださい。

6. Drawing （描画）またはCamera（カメラ）ビューで描画を開始します。

7. ブラシまたは鉛筆を変更したい場合は、Tool Properties（ツールプロパティ）ビューで、矢印ボタ
ンをクリックして Brush Properties（ブラシプロパティ）またはPencil Properties（鉛筆プロパティ）ダイアログを開きます。 Brush Properties（ブラシプロパティ）ダイアログで、ブラシのサイズ、シェイプ、テクスチャー、ぼかしおよび滑らかさをカスタマイズできます。 Pencil
Properties（鉛筆プロパティ）ダイアログでは、鉛筆のサイズ、滑らかさ、テクスチャー、および線の端をカスタマイズできます。

49

第4章: 描画の方法

ヒント:l

描画前または描画中にShiftキーを押したままにすると、直線が描画されます。

lスペースバーキーを押したまま直線を描くと、線の角度がロックされます。 感圧型タブレッ
トを使用している場合は、厚さを調整するために線を重ねて描くことができます。
描画前または描画中に ShiftとAltキーを押したままにすると、水平または垂直の直線を描画

lします。
描画中にCtrl (Windows/Linux)または⌘ (macOS)キーを長押しすると、描画ストロークはl

閉じた形状になります。
ストロークを描く前にAltを押し続け、既存のアートワーク付近で描画を始めると、描画ストl

ロークの出だしがそのアートワークに繋がります。
ストロークの描画中にAltを押したままにして、既存のアートワークの近くで描画ストロークlを終了すると、その描画ストロークの終わりがそのアートワークに接続されます。

アートワークの調整
Harmonyは、描画を調整するために複数の方法を提供します。 最後の描画ストロークを元に戻したり、描画の一部を消去したり、描画ストロークをトランスフォームまたは削除したり、描画ストロークの点やカーブを微調整したりすることができます。

注:
ビットマップレイヤーに描画するときは、個々の描画ストロークを操作したり調整したりすることはできません。レイヤーの追加方法 (ページ38)を参照。

最後の描画ストロークを元に戻す方法
1. 次のいずれかを行います。
l

トップメニューから、Edit（編集） > Undo（元に戻す）を選択します。

lCtrl + Z (Windows/Linux)または⌘ + Z (macOS)を押します。

消去方法
1. Tools（ツール）ツールバーで、

Eraser（消しゴム）ツールを選択するか、またはAlt + Eを押し

ます。

50

Harmony 20 Premium スタートガイド

2. Drawing（描画）またはCamera（カメラ）ビューで、削除したい描画の部分に消しゴムストロークを描きます。

描画ストロークの操作方法
1. Tools（ツール）ツールバーで

Select（選択）ツールを選択するか、またはAlt + Sを押します。

2. Camera（カメラ）またはDrawing（描画）ビューで、次の一つを行うことによって編集したい描画
ストロークを選択します。
l

選択するには描画ストロークをクリックします。

l

描画ストロークをクリックしながらShift保持すると、選択範囲に追加されます。

l

それらを同時に選択するには、描画ストロークの周りに投げ縄を描きます。

3. 次のいずれかの操作で、選択範囲を編集します。
l

選択したアートワークを再配置するには、それをクリックして配置したい場所にドラッグします。

注:
また、矢印キーを使用して選択範囲を微調整し、矢印キーを押しながらShift選択
して選択範囲を早送りすることもできます。

l

選択したアートワークを回転させるには、コントロールボックスの角にあるハンドルの１つのすぐ外側をクリックしてつかみ、回転させます。

51

第4章: 描画の方法

l

選択したアートワークを拡大縮小するには、コントロールボックスの角または端の中央にあるコントロールポイントの1つをクリックしてドラッグします。

ヒント:
アートワークを拡大縮小している間、Shiftキーを押したままにすることでその比率を維持することができます。

l

スキューするには、コントロールポイント間で、横または上下のセグメントを横または上下にドラッグします。

52

Harmony 20 Premium スタートガイドl

削除するにはDel (Windows/Linux)またはBackspace (macOS)を押します。

ラインの編集方法
1. 次のいずれかを行います。
lBrush（ブラシ）ツールを使用して描画した場合は、Tools（ツール）ツールバーで、Contour Editor（輪郭編集）をダブルクリックしてからポップアップメニューでCenterline Editor（中心線エディター）を選択するか、 またはAlt + Wを押します。

l

Pencil（鉛筆）ツールを使用して描画した場合は、Tools（ツール）ツールバーで、Contour Editor（輪郭編集）を選択するか、またはAlt + Qを押します。

2. Drawing （描画）またはCamera（カメラ）ビューで、変更したい領域の近くで編集したい図形、輪郭、または鉛筆線をクリックします。
図形または線のコントロールポイントが表示されます。

3. ポイントの1つをクリックして選択します。
ポイントのベジェハンドルが表示されます。また、周辺ポイントのベジェハンドルも表示されます。

53

第4章: 描画の方法

ヒント:
ポイントをクリックして選択項目に追加する際にポイントの周りに投げ縄を描くか、または Shiftを保持することによって、いくつかのポイントを選択することができます。
Tool Properties（ツールプロパティ）ビューでShow Contour Editor Control（ 輪郭編集コントロールを表示）オプションを有効化することにより、Contour Editor（輪郭編集）を使って選択した複数ポイントを拡大縮小および回転することができます。

4. 次のいずれかを行います。
l

ポイントまたは複数ポイントの選択範囲を移動するには、それをクリックしてドラッグします。

lポイントの両側の曲線を変更するには、そのベジェハンドルの1つをドラッグします。

54

Harmony 20 Premium スタートガイドlポイントの片側だけ曲線を変更するには、Altキーを押したままにして、そのベジェハンドル
の1つをドラッグします。

l

輪郭を変形するには、2点間の輪郭の一部をドラッグします。

l

2点間の曲線を変形するには、 Shiftキーを押したまま2点間の輪郭をドラッグします。

l

ポイントのベジェハンドルを削除し、それが直線に接続されるようにするには、 Altキーを押したままポイントをクリックします。

55

第4章: 描画の方法

l

直線には、デフォルトではそのポイントにベジェハンドルがありません。 これらの点にベ
ジェハンドルを作成し、その線を曲線にするには、Altキーを押したまま、そのポイントをクリックして保持し、マウスカーソルをそこからドラッグして離します。 新しいベジエハンド
ルは、マウスボタンが離されるまで、マウスカーソルの後に表示されます。

lコントロールポイントを追加するには、Ctrl (Windows/Linux)または⌘ (macOS)を押し、新しいポイントを作成する輪郭上をクリックします。

lコントロールポイントを削除するには、コントロールポイントを選択してからDel(Windows/Linux)またはBackspace (macOS)を押します。

56Harmony 20 Premium スタートガイド

アートスタイル、描画ツール、レイヤータイプについて
Harmonyの2つの主要描画ツールは、

Brush （ブラシ）ツールと

Pencil（鉛筆）ツールです。 対応する

描画スタイル次第では、ベクターレイヤーまたはビットマップレイヤーで作業したいかもしれません。
ベクターレイヤーでは、鉛筆線、ベクターブラシ、テクスチャー付きビットマップブラシで描画することができます。 鉛筆線が単にHarmonyによって厚みが加えられたベクター中心線であるのに対して、ブラシストロークは1色で塗りつぶされたソリッドベクターシェイプです。またテクスチャー付きブラシストロークは、色をフィルターで除去するビットマップテクスチャーで塗りつぶされた標準ブラシストロークです。

ビットマップレイヤーでは、ソリッドまたはテクスチャー付きビットマップブラシでのみ描画できます。 そのため、アートワークのパーツを容易に操作・調整できるベクターレイヤーは柔軟性が高く、より多くのアートスタ
イルに対応できます。
ただし、ベクターレイヤーでテクスチャー付きブラシを使用する場合、ブラシストロークにはビットマップテク
スチャーが付きます。 つまり、ビットマップレイヤーのアートワークと同様に、テクスチャー付きブラシスト
ロークの調整またはサイズ変更を行うには、Harmonyによるテクスチャーの再サンプルが必要となります。こ57

第4章: 描画の方法のため、描画を開始する前にテクスチャー解像度を十分に向上させない場合、画質が損なわれる傾向があります。
ベクター描画でテクスチャー付きブラシを使用する際は、ビットマップ描画が常に単一のフラットなキャンバスからなるのに対して、ベクターブラシストロークは別々のオブジェクトとして保持されるという点に注意してください。 つまり、ベクター描画に多くのテクスチャー付きブラシストロークを置いた場合、Harmonyが各スト
ロークのテクスチャーを保存し、リアルタイムでまとめて合成して描画を表示する必要があるのです。 これによってテクスチャーの重いベクター描画では、アプリケーションパフォーマンスとファイルサイズがビットマッ
プ描画よりも大きくなります。 ただし、ベクター描画がビットマップ描画より重くなることがあるのは、このケースのみです。

注:
アートワークをフラット化しても、異なる色のテクスチャー付きブラシストロークはベクターレイ
ヤー上でまとめてフラット化されません。

次の表では、Harmonyで利用できるさまざまな描画手法を比較しています。

レイ
描画

ヤー

ツール

タイ

詳細

プ

メリット: 非常に軽く、調整が容易。 操作、再彩色、調整が中心線で可能。 品質を損なわずにズームインや拡大が可能。
鉛筆

ベク
ター

デメリット: テクスチャーをサポートしていない。 透明度に最適化されていない。
推奨用途: スケッチ、またはソリッドで均一なアウトラインスタイルによるはっきりした描画。

メリット: ファイルサイズが小さい。 セルアニメーションスタイルを再現。 操作、再彩色、

ソリッ
ドベク

ベク

ターブ

ター

ラシ

編集が輪郭または中心線で可能。 品質を損なわずにズームインや拡大が可能。
デメリット: メディアの自然な見た目を再現できない。
推奨用途: スケッチ、またははっきりしたセルアニメーションスタイルの描画。

メリット: メディアの自然な見た目を再現できる。 テクスチャー付きビットマップブラシと同等の機能を持つが、ソリッドベクターブラシのように操作、編集、再彩色できる。

テクス
チャー
付きベ
クター
ブラシ

ベク
ター

デメリット: ブラシストロークを重ねると描画のアプリケーションパフォーマンスとファイルサイズが大きくなることがある。 異なる色のブラシストロークをまとめてフラット化できない。 アートワークの調整、拡大、ズームインにより、テクスチャー品質が損なわれる傾向がある。
推奨用途: 軽いビットマップスタイルのテクスチャー付きアートワークまたは混合スタイルの58

Harmony 20 Premium スタートガイド

レイ
描画

ヤー

ツール

タイ

詳細

プ

アートワーク向け。

テクス

メリット: メディアの自然な見た目を再現できる。 テクスチャーの重いベクターアートワーク

チャー

ビッ

付き

ト

ビット

マッ

マップ

プ

ブラシ

よりパフォーマンスに優れ、ファイルサイズが小さい。 ピクセル単位で編集可能。
デメリット: ブラシストロークは常にまとめてフラット化され、個別に修正できない。 描画または削除のみ可能。 アートワークの拡大またはズームインで画質が損なわれる傾向がある。
推奨用途: テクスチャーの重いビットマップアートワーク。

59

第5章: ペイントの方法

第5章: ペイントの方法
Toon Boom Harmony Premiumには、描画にカラーを追加するとても力強いペイント機能があります。 他の一部のソフトウェアでは、一度に1つのカラースウォッチでしか作業できませんが、Harmonyでのペイントは複数のカラースウォッチを含むパレットを使用して行われ、それは保存して必要に応じて再使用することができます。

Colour（カラー）ビューで、カラースウォッチから描画の塗りに使いたい色を選択します。 色見本は好きなだ
け追加できます。 名称変更や、既存のカラースウォッチの変更もできます。

既存スウォッチのカラーを修正すると、それはカットの全体を通じてこのスウォッチで塗られたすべての領域を自動的に更新します。 カラースウォッチには固有のID番号があり、これがペイント済みのゾーンと関連づけられています。 このため、塗り直すことなくキャラクターの外見をいつでも変更することができるのです。

60

Harmony 20 Premium スタートガイド

このシステムの別の利点は、さまざまな照明状況に合わせて完全なパレットを作成できることです。 例えば、キャラクターに対する通常パレットに加えて、雨の中のそのキャラクターには乾燥した昼間の色よりも鈍くてあまり鮮やかでない色を使用したり、夜のカットで使うには別のものを作ることができます。 この方法でキャラク
ターにリンクされたパレットを使用することで、各エレメントをそれぞれ塗り直ししなくても、カットの気分や雰囲気に合わせて着色を即座に変更できます。

カラーパレット
アニメーションでは、特定の色を使用して各キャラクターの各部分をペイントします。 完全な一貫性を保つために、制作の各キャラクター、プロップ、エフェクト用にベースカラーパレットを作成する必要があります。 これはマスターパレットと呼ばれます。
マスターパレットには、色塗りする各エリアに対するカラースウォッチが含まれます。 各スウォッチは、赤、緑、青、および不透明度（後者はアルファと呼ばれる）の正確なレベルでカラーを保存します。
マスターパレットを使うことには次のようなさまざまなメリットがあります。
l

各キャラクターが一貫して専用の色を保持できます。

lマスターパレットに含まれない色を間違って使うことがありません。

l

制作全体の標準化と色の一貫性

l

複数のアーティストが同じカラーパレットを使用して、同じ結果を生み出すことができます。

Harmonyはパレットを使ってエレメントのペイントに必要なすべての色を保持します。これによってペイントのプロセスを完全にコントロールし、一貫性を保つことができます。
各キャラクター、プロップ、エフェクト用に色のセットを割り当ててパレットを作成します。 新しいパレットを作成して、キャラクターの肌、髪、舌、シャツ、パンツなどの各ゾーン用に新しい色を追加しますが、これはカ
ラースウォッチと呼ばれます。

新規パレットの作成方法
1. Colour（カラー）ビューメニューから、Palettes（パレット） > New（新規）を選択するか、またはNew Palette（新規パレット）

ボタンをクリックします。

Create Palette（パレットの作成）ダイアログボックスが開きます。
2. モデルに従ってパレット名を入力します。

3. OKをクリックします。
パレットがパレットリストに表示されます。

61

第5章: ペイントの方法

カラースウォッチの作成または編集方法
1. 新しいカラースウォッチを作成する場合は、Colour（カラー）ビューからAdd Colour（カラーを追加）

ボタンをクリックします。 既存のカラースウォッチを編集する場合は、Colour（カラー）ビューからカラーを選択します。
2. 次のいずれかの操作で、カラースウォッチを編集します。
lColour（カラー）ビューメニューから、Colours（カラー） > Edit（編集）を選択します。

l

カラースウォッチ上をダブルクリックします。

Colour Picker（カラーピッカー）ウィンドウが開きます。

3. カラーをセットするには、次のいずれか１つの操作を行います。
lRed（赤）、Green（緑）、Blue（青）、Hue（色相）、Saturarion of Value（彩度）のいずれかを選択してカラーホイールスペクトルを変更してから、カラーホイール
で目的のカラーをクリックします。

l

色相、彩度の値、赤、緑、青の値を対応するフィールドに手動で入力します。 数値はすべて0から255までです。

62

Harmony 20 Premium スタートガイド

注:描画または描画したエリアを塗りつぶした後にカラースウォッチを変更すると、ベクター描画のこの色で塗りつぶされたすべてのエリアが新しい色に更新されます。

ペイント
Paint（ペイント）ツールを使用して、描画の閉じた領域をペイントできます。

描画のペイント方法
1. Timeline（タイムライン）またはXsheet （タイムシート）ビューで、ペイントしたい描画を選択します。
2. Tools（ツール）ツールバーで、

Paint（ペイント）ツールを選択するか、Alt + Iを押します。

3. Colour（カラー）ビューでキャラクターのパレットを選択します。
4. パレットから色を選択します。

5. Drawing（描画）またはCamera（カメラ）ビューで、描画に色をペイントします。

63

第5章: ペイントの方法

注:
カットを開くとき、カットのパレットはColour（カラー）ビューに即座にはロードされません。 描画をまず選択する必要があります。

隙間閉鎖
ペイントするときには、アウトラインに小さい隙間があって描画の一部のエリアが完全に閉じられていないことがありますが、それはPaint（ペイント）ツールが閉じた図形だけを塗りつぶすのを防ぎます。 ゾーンを閉じるには、Brush（ブラシ）またはPencil （鉛筆）ツールを用いて隙間の上に線を描くことができます。 しかし、Paint（ペイント）ツールを通常の線のように扱って、目に見えない透明な線を追加することでギャップを閉じることもできます。 Harmonyで、色を付ける領域を定義するために使用される透明な線はストロークと呼ばれます。

Close Gap（隙間閉鎖）ツールを使えば、隙間を埋めるために即座にストロークを描くことで、描画のアウトラインにある小さな隙間を閉じることができます。 Stroke（ストローク）ツールとは逆に、Close Gap（隙間閉鎖）ツールを使う際は正確に描く必要はありません。 単に隙間の近くに粗いストロークを描くだけで、隙間の一端から他端に直接接続する直線ストロークが自動的に作成されます。

64

Harmony 20 Premium スタートガイド

Close Gap（隙間閉鎖）ツールの使い方
1. ストロークを操作する前に、Drawing（描画）またはCamera（カメラ） ビューでそれらを見ることができるように、Show Strokes（ストロークを表示）オプションを有効にしておくようお勧めします。 Show Strokes（ストロークを表示）オプションは、次のいずれか１つを実行して有効にする
ことができます。
l

トップメニューからView（ビュー） > Show（表示） > Show Strokes（ストロークを表示）を選択します。

l

Kを押します。

2. 次のいずれかを行います。
lTools（ツール）ツールバーでClose Gap（隙間閉鎖）

ツールを選択します。

lトップメニューからDrawing（描画） > Drawing Tools（描画ツール） > Close
Gap（隙間閉鎖）を選択します。

lAlt + Cを押します。

3. Camera（カメラ）またはDrawing（描画）ビューで、閉じたい隙間の近くに透明なラインをトレースします。
隙間が自動的に閉鎖されます。

65

第5章: ペイントの方法

注:Paint（ペイント）ツールにもClose Gap（隙間閉鎖）オプションがあって、それはTool
Properties（ツールプロパティ）ビューで有効にすることができます。 有効になると、閉じていない形状を色塗りするときに、Harmonyは小さな隙間を自動的に見つけて閉じようとします。

66

Harmony 20 Premium スタートガイド

67

第6章: ペーパーレスセルアニメーションを作成する方法

第6章: ペーパーレスセルアニメーションを作成する方法
ラフアニメーションの作成
ペーパーレス作画を作成する第一歩は、アニメーションの骨格となるラフの構築です。 通常は、キャラクターのアクションの最も重要な部分をアニメートすることから始めます。 例えば、ウォークサイクルをアニメートするには、胴体の動きと両脚からスタートします。 その後、頭や腕、服などの二次的なアニメーションを追加することができます。

満足できるアニメーションを作成するには、メインのアクションを素早く荒いスケッチでアニメートしてから、動きに満足したら詳細を追加します。 すべての詳細をすぐにアニメートし始めると、修正が必要な場合や、アニメーションが硬直しているように見える可能性がある場合などは、多くの時間を無駄にするでしょう。

ラフアニメーションの作成方法
1. Timeline（タイムライン）ビューの一番上の行で、Show All Thumbnails（すべてのサムネールを表示）をクリックしてThumbnail（サムネール）モードを有効にします。

2. Ctrl + U (Windows/Linux)または⌘ + U (macOS)を押してPreferences（環境設定）ダイアログ
ボックスを開きます。
3. Exposure Sheet（タイムシート）タブを選択します。
4. Use Current Frame as Drawing Name（現在のコマを描画名に使用）オプションを選択します。 この設定を有効にすると、新しい描画のそれぞれに作成したコマ番号別に名称がつけられます。

68Harmony 20 Premium スタートガイド

5. Tools（ツール）ツールバーでBrush（ブラシ）ツールを選択するかAlt + Bを押します。

6. Colour（カラー）ビューでブラシの色を選択します。 ラフアニメーションには薄い色を選択するのがよいでしょう。 これにより、クリーンで暗い線が明るいスケッチ線と対照的であるため、クリーン
アッププロセスが簡単になります。

7. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、最初の描画を表示するセルを選択します。
8. Camera （カメラ）またはDrawing（描画）ビューで、最初のキー描画を描きます。

最初の描画ストロークを描くとすぐに、選択したセルに描画が自動的に作成されます。

9. 次のいずれか１つを実行することにより、セルの内側にサムネールが見えるようになるまで、
Timeline（タイムライン）ビューのズームレベルを増していきます。
lTimeline Zoom（タイムラインズーム）lTimeline（タイムライン）ビューのタブをクリックしてから2を繰り返し押します。

69

スライダーを右にドラッグします。

第6章: ペーパーレスセルアニメーションを作成する方法

lTimeline（タイムライン）ビューでマウスのカーソルを動かし、Ctrl (Windows/Linux)または⌘ (macOS)を保持してマウスホイールを上にロールします。

10. 最初のセルが選択された状態で、次のいずれかを行って描画をキー描画としてマークします。 これにより、整然と作業を進めることができます。
l

トップメニューからWindows > Toolbar（ツールバー） > Mark Drawing（描画をマーク） を選択してMark Drawing（描画をマーク）ツールバーを有効にしてから、Mark Selected Drawings as Key（選択した描画をキーとしてマーク）

ボタンをクリックします。
l

Xsheet（タイムシート）に焦点を当ててXsheet（タイムシート）ツールバーを有効にし、トップメニューからWindows > Toolbar（ツールバー） > Xsheet（タイムシート）を選択します。 そして、Mark as Key Drawing（キー描画としてマーク）
ボタンをクリックします。

lTimeline（タイムライン）ビューメニューで、Drawings（描画） > Mark
Drawing As（描画をマーク） > Key Drawing（キー描画）を選択します。

11. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、次のキー描画を表示するセル
を選択します。

12. Tools（ツール）ツールバーでOnion Skin（オニオンスキン）ボタンをクリックします。 これにより、現在の描画の後ろにあるCamera or Drawing （カメラまたは描画）ビューに、前後の描画が明るい色で表示されるので、それを参考として使用して新しい描画を正確に描くことができます。 これは、2つのキーポーズの間に分解ポーズを描画したり、2つの他の描画の間に中割り描画を追加した

70

Harmony 20 Premium スタートガイド

りするのに有用です。

13. 2番目のキー描画をその上に置くことができるように、オニオンスキンが最初のキー描画を表示する
ことを確認します。 これを行うには、次のいずれか１つを行います。
lTimeline（タイムライン）ビューで、赤のオニオンスキンマーカーをクリック＆ドラッグして、オニオンスキンに表示したい前の描画を含めます。それから緑のオニオン
スキンマーカーをクリック＆ドラッグして、オニオンスキンに表示したい次の描画を含めるようにします。

l

描画スペース上のツールバーのボタンを使用して、Onion Skin（オニオンスキン）に含まれる前後の描画数を調整します。
l表示する前の描画の量を増やすには、Camera/Drawing（カメラ/描画）

ビューツールバーでAdd Previous Drawing（前の描画を追加）ボタンをクリックします。
l表示する前の描画の量を減らすには、Camera/Drawing（カメラ/描画）

ビューツールバーでRemove Previous Drawing（前の描画を削除）ボタンをクリックします。
l

表示する次の描画の量を増やすには、Camera/Drawing（カメラ/描画）

ビューツールバーで Add Next Drawing（次の描画を追加）ボタンをクリックします。
l表示する前の描画の量を減らすには、Camera/Drawing（カメラ/描画）

ビューツールバーで Remove Next Drawing （次の描画を削除）ボタンをク
リックします。

71

第6章: ペーパーレスセルアニメーションを作成する方法

注:
Drawing（描画）ビューにあるときは、Onion Skin（オニオンスキン）ツール
バーを使ってオニオンスキン表示がキー描画や分解のような特殊なタイプの描画だけを表示するようにできます。 これはCamera（カメラ）ビューでは機能しないことに留意してください。

14. 次のいずれかを行って新しい空の描画を作成します。
lTimeline（タイムライン）またはXsheet（タイムシート）ツールバーで、CreateEmpty Drawing（空の描画を作成）ボタンをクリックします。
lAlt + Shift + Rを押します。

15. Camera（カメラ）またはDrawing（描画）ビューで、2つめのキー描画を描きます。

16. Xsheet（タイムシート）またはTimeline（タイムライン）ビューで、描画をキー描画に指定します。

72

Harmony 20 Premium スタートガイド

17. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、2つのキー描画間のセルを選択します。

18. オニオンスキンマーカーを使用して、オニオンスキンが最初の描画と最後の描画両方をカバーすることを確実にします。

19. 次のいずれかを行って新しい空の描画を作成します。
lTimeline（タイムライン）またはXsheet（タイムシート）ツールバーで、CreateEmpty Drawing（空の描画を作成）ボタンをクリックします。
lAlt + Shift + Rを押します。

20. Camera（カメラ）またはDrawing（描画）ビューで、新しいポーズを描きます。

21. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、新しいセルを選択して、新しい描画ごとに前のステップを繰り返します。

73

第6章: ペーパーレスセルアニメーションを作成する方法

注:
Camera（カメラ）ビューでオーバーレイレイヤーを操作する場合、Camera（カメラ）
ビューの下にあるステータスバーのCurrent Drawing on Top（現在の描画を一番上に表示）
オプションを有効にして、作業しているレイヤーを他のレイヤーより上に表示させることができます。

アニメーションのレビュー
描画のフリッピングは、作業中の描画が互いにうまく接続しているか、正しく動いているような錯覚を起こすかどうかを見るのに役立ちます。 Go to Previous Drawing（前の描画に移動）およびGo to Next Drawing（次の図面に移動）のキーボードショートカットを使用するか、またはEasy Flipping（簡易フリッピング）ツール
バーを使用して、描画をすばやく裏返すことができます。

描画をフリップする方法
1. Timeline（タイムライン）またはXsheet （タイムシート）ビューで、そこからフリップしたい描画を選択します。
2. 次のいずれかを行います。
l

Fを押して前の描画に移動します。

l

Gを押して次の描画に移動します。

3. 高速ペースでショートカットを繰り返し押すと、描画を前後にすばやく移動できます。

Easy Flipping（簡易フリッピング）ツールバーの使用方法
1. Drawing （描画）ビューに切り替えます。
2. トップメニューから、Windows > Toolbars（ツールバー） > Easy Flipping（簡易フリッピン
グ）を選択してEasy Flipping（簡易フリッピング）ツールバーを有効にします。

3. Easy Flipping（簡易フリッピング）ツールバーで、 Previous（戻る）

またはNext （次へ）ボ

タンをクリックし、アニメーションの前または次の描画を確認します。
4. アニメーションの最後のコマに到達した後で、最初のコマの描画を表示するには、Loop（ループ）オプションを選択します。

74

Harmony 20 Premium スタートガイド

5. スライダーを右に動かすと前方にフリップし、左に移動すると描画を後方にフリップできます。

スライダーを左か右にさらに移動させると、描画はよりすばやくフリップします。
6. Preroll（プリロール）フィールドに、現在の描画の前後で自動的にフリップする描画の量を入力します。
7. FPSフィールドに、描画を自動フリップしたい速度を1秒当たりのコマ数で入力します。
8. Easy Flip（簡易フリップ）ボタンをクリックして、Preroll（プリロール）とFPSの設定に基づいて描画全体を自動的にフリップさせます。
ラフアニメーションが終了したら、次のステップに進む前に期待どおりに見えるように再生します。

アニメーションを再生する方法
1. Timeline（タイムライン）ビューで、 Timeline（タイムライン）ビューで再生中に見たい各レイヤの左にあるSolo Mode（ソロモード）ボタンをクリックして、これらのレイヤー上でSolo（ソロ）モードを有効にします。

1つまたは複数のレイヤーでSolo Mode（ソロモード）が有効になっている場合、Solo Mode（ソロモード）が有効になったレイヤーのみが表示され、他のレイヤーは非表示になります。
2. Timeline（タイムライン）ビューで、赤い再生ヘッドをアニメーションの最初のコマに移動し、Timeline（タイムライン）ツールバー上のStart（スタート）ボタンをクリックします。 そして、再生ヘッドをアニメーションの最終コマまで動かして、Stop（停止）ボタンをクリックします。

3. Playback（プレイバック）ツールバーで、Loop（ループ）中のルーピングを有効にします。

75

ボタンをクリックして、プレイバック

第6章: ペーパーレスセルアニメーションを作成する方法

4. Playback（プレイバック）ツールバーで、Play（再生）ボタンをクリックしてプレイバックを開始します。

クリーンアップ
ラフアニメーションが完成したら、次はクリーンアップとインク入れです。 このステップはトレースとも呼ばれます。 ラフアニメーションの上でクリアな実線をトレースして、開いているゾーンを閉じる作業です。 ペー
パーレス作画では、この作業はインク&ペイントの前の最終ステップです。

従来型のアニメーションでは、クリーンアップされた描画は、通常、アニメーションディスクのライトテーブルを使用して表示された、下がラフな新しい用紙にトレースされます。 同様にHarmonyでは、クリーンアップされた描画を描くための新しい描画レイヤーを追加する必要があります。 クリーンアップが完了したら、ラフアニ
メーションが含まれているレイヤーをただ無効にして、最終アニメーションには表示されないようにすることができます。 この手法はまた、ラフとクリーンアップされた描画をそのまま保持し、それらを独立して管理することができます。
Camera（カメラ）ビューでは、クリーンアップレイヤーで作業している間、ラフアニメーションを確認します。 Drawing（描画）ビューで作業したい場合は、クリーンアップレイヤーをトレースしながらライトテーブ
ルをオンにしてプロジェクトのレイヤーをすべて表示することができます。

新規レイヤーでアニメーションをトレースする方法
1. Timeline（タイムライン）ビューメニューで、その名称をダブルクリックして新しい名称（例:「ラフ」）を入力することにより、ラフアニメーションを作成したレイヤーに名称を付けます。
2. Timeline（タイムライン）ビューで、次のいずれか１つを行うことにより、レイヤーを追加します。
lTimeline（タイムライン）ビューのレイヤーツールバーで、Add Drawing Layer（描画レイヤーを追加）

lボタンをクリックします。

Ctrl + R (Windows/Linux)または⌘ + R (macOS)を押します。

Add Drawing Layer（描画レイヤーを追加）ダイアログが開きます。

76Harmony 20 Premium スタートガイド

2. Name（名称）フィールドに新しいレイヤーの名称（例えば「クリーンアップ」）を入力します。
2. Line Art（ラインアート）レイヤーをVector（ベクター）にするかBitmap（ビットマップ）にするかを選択します。
3. Colour Art（カラーアート）レイヤーをVector（ベクター）にするかBitmap（ビットマップ）にするかを選択します。
4. Add and Close（追加して閉じる）を選択し、新規レイヤーを追加してウィンドウを閉じます。
新規描画レイヤーがTimeline（タイムライン）ビューに追加されます。

5. Timeline（タイムライン）ビューで、ラフアニメーションが含まれるレイヤーのLock（ロック）アイコンをクリックして、Camera（カメラ）ビューでレイヤーが選択されないようにします。

6. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、ラフアニメーションの最初のキー描画に対応する新規レイヤーのセルを選択します。

77

第6章: ペーパーレスセルアニメーションを作成する方法

7. Tools（ツール）ツールバーでPencil（鉛筆）ツールなどの描画ツールを選択します。

8. Colour（カラー）ビューで、アニメーションのトレースに使用する色を選択します。 黒などの暗くて目立つ色を選んで、ラフアニメーションに使われている薄い色との対比が際立つようにしましょう。
9. Camera（カメラ）またはDrawing（描画）ビューで、最初のキー描画のトレースを開始します。

注:
オーバーレイレイヤーが邪魔になる場合は、Timeline （タイムライン）ビューで
Enable/Disable（有効化/無効化）ボタン

をクリックしてそれらを一時的に無効化することで、ラフアニメーションとクリーンアップレイヤーのみを表示することができます。

10. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、ラフ描画に対応する次のセルを選択します。
11. Tools（ツール）ツールバーで

Enable Onion Skin（オニオンスキンを有効化）ボタンをクリック

してオニオンスキンを有効にします。
12. 次のいずれかを行って、オニオンスキンが前のクリーンアップされた描画を表示することを確認します。
lTimeline（タイムライン）ビューで、赤のオニオンスキンマーカーをクリック＆ドラッグして、オニオンスキンに表示したい前の描画を含めます。それから緑のオニオン
スキンマーカーをクリック＆ドラッグして、オニオンスキンに表示したい次の描画を含めるようにします。

78Harmony 20 Premium スタートガイドl

描画スペース上のツールバーのボタンを使用して、Onion Skin（オニオンスキン）に含まれる前後の描画数を調整します。
l表示する前の描画の量を増やすには、Camera/Drawing（カメラ/描画）

ビューツールバーでAdd Previous Drawing（前の描画を追加）ボタンをクリックします。
l表示する前の描画の量を減らすには、Camera/Drawing（カメラ/描画）

ビューツールバーでRemove Previous Drawing（前の描画を削除）ボタンをクリックします。
l

表示する次の描画の量を増やすには、Camera/Drawing（カメラ/描画）

ビューツールバーで Add Next Drawing（次の描画を追加）ボタンをクリックします。
l表示する前の描画の量を減らすには、Camera/Drawing（カメラ/描画）

ビューツールバーで Remove Next Drawing （次の描画を削除）ボタンをク
リックします。
13. Camera（カメラ）ビューで次の描画をトレースします。

79

第6章: ペーパーレスセルアニメーションを作成する方法

14. 描画ごとに前のステップを繰り返します。

80Harmony 20 Premium スタートガイド

81

第7章: 描画のモーフィング方法

第7章: 描画のモーフィング方法

手描きアニメーションでは、中割り描画のトレースに多くの時間を費やす必要があります。 Harmonyのモー
フィング機能はこのプロセスをスピードアップするのに役立ちます。 この強力な機能は、ベクター描画間にコンピューター生成の描画を自動的に作成して、時間を節約し、生産性を向上させます。 モーフィングアニメーショ
ンのタイミングと速度を簡単に変更することができます。
モーフィング機能の主な用途の1つは、エフェクトアニメーションです。 例えば、煙や水のアニメートには時間がかかることがありますが、それは、これらのタイプのエフェクトは通常、動きが遅く、密接に配置された多数の中割りが必要だからです。
モーフィング機能は、髪や煙などの類似した単純な図形をアニメートするために使用されます。 面倒な中割りやトレーシング作業に取り組んでいるときに、時間を節約することができます。これで、歩行サイクルやアクロ
バットシーンなどの複雑なアニメーションタスクに費やす時間が増えます。
描画をモーフィングする方法を学ぶには、円や長方形などの基本的な図形から始めるのがよいでしょう。 ツール
により馴染んだら、知識と専門知識を増やすことができます。 きわめて短時間のうちに、いくつかの顕著な効果を生み出すことでしょう。
開始する前にモーフィングの長所と短所を知ることは有益です。 何ができるか、どの描画ラインがより有益か、または問題が多いかを理解することにより、効率的にモーフィングを行えるように主要描画を設計することが可能になります。

注:
形状が複雑になればなるほど、モーフィングには時間がかかります。 描画のモーフィングに手描きするよりも時間がかかる場合は、モーフィングではなくアニメーション化の方がよいでしょう。 しかし、描画をモーフィングできる機会を見つけたら、やってみてください！ 余分な描画を作成する必要もなく、時間と速度をあっという間に修正できます！

82Harmony 20 Premium スタートガイド

基本的なモーフィングの作成方法
1. Timeline（タイムライン）ツールバーで、Add Drawing Layer（描画レイヤーを追加）

ボタンをクリックして、プロジェクトに新規レイヤー追加します。
2. 新規レイヤーの名称を変更します（Morphingなど）。
3. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、レイヤーの最初のセルを選択します。

4. 次のいずれかを行います。
lTools（ツール）ツールバーでRectangle（長方形）l

Alt + 7を押します。

ツールを選択します。

5. Camera（カメラ）またはDrawing（描画）ビューで、長方形を描きます。

注:
長方形や楕円形を描くときは、Shiftキーを押したままにすると等しい大きさの図形を描くことができます。代わりに正方形や円を作ることもできます。 また、Alt
キーを押したままで、角からではなく中心から図形を描くこともできます。

6. Paint（ペイント）ツールを使用して長方形をペイントします。

7. Xsheet（タイムシート）またはTimeline（タイムライン）ビューで、モーフィングシーンを終了したいセルを選択します。

83

第7章: 描画のモーフィング方法

8. 次のいずれかを行います。
lTools（ツール）ツールバーでEllipse（楕円）lAlt + =を押します。

ツールを選択します。

9. 長方形と同じ輪郭と塗りつぶされたカラーを使用して楕円を描きペイントします。

10. Xsheet（タイムシート）またはTimeline（タイムライン）ビューで、描画を含むコマを含めて、最初の描画から2番目の描画にいくコマ範囲を選択します。

11. 次のいずれかを行います。
l

トップメニューからAnimation（アニメーション） > Morphing（モーフィング）> Create Morphing（モーフィングを作成）を選択します。

lXsheet（タイムシート）またはTimeline（タイムライン）ビューで、右クリックしてMorphing（モーフィング） > Create Morphing（モーフィングを作成）を選択します。

lAlt + Mを押します。

最初のキー描画から第2のキー描画までの矢印が表示され、コンピューター生成の中割りが作成されたことを示します。

84Harmony 20 Premium スタートガイド

モーフィング速度の調整
アニメーションを見ると、モーフィングモーションが一定であることがわかります。 なるべく機械的な動きにしないためには、おそらくある程度のイーズインまたはイーズアウトの作成を望むことでしょう。

モーフにイーズインおよびイーズアウトする方法
1. Tools（ツール）ツールバーで Morphing（モーフィング）

ツールを選択するかF3を押します。

2. Timeline（タイムライン）ビューで、調整したいモーフィングシーンのコマをクリックします。
3. Tool Properties（ツールプロパティ）ビューで、Ease In（イーズイン）とEase Out（イーズアウ
ト）の値を増減してシーンの速度を調整します。

モーフヒントの追加
Harmonyの Morphing（モーフィング）ツールでは、Harmony多くの方法でモーフィングシーンをコントロー
ルすることができます。 これらの方法の1つは、意図された通りにHarmonyが描画をモーフィングするようにヒントを付けることです。

ヒントとは、ソース描画と宛先描画の両方に配置されて、2つの描画間のゾーンとラインを関連付けるポイントです。 それらは、カラー塗りつぶされたゾーンに沿っていないラインや、ソース描画が宛先描画の対応する部分にモーフィングしない場合などに、Harmonyが描画をモーフィングする方法でエラーを修正するのに使用されます。 デフォルトで、Harmonyはソース描画内のコーナーやポイントを、宛先描画内の最も近いコーナーやポ85

第7章: 描画のモーフィング方法

イントに関連付けます。 したがって、モーフィングされる形状やその動きが複雑な場合、ヒントがすみやかに必
要になります。

追加方法とヒント
1. Timeline（タイムライン）またはXsheet （タイムシート）ビューで、モーフィングシーケンスのソース描画を選択します。
2. Tools（ツール）ツールバーでMorphing（モーフィング）ツールを選択するかF3を押します。

Drawing（描画）ビューの右下隅に表示されている他のモーフィングキー描画を参考として使用します。

3. Tool Properties（ツールプロパティ）ビューで、使用したいヒントの種類を選択します。

l

ブラシ線やカラーゾーンの輪郭（Contour（輪郭）ベクター）を修正するには、
Contour Hint（輪郭ヒント）を選択します。
Contour Hint（輪郭ヒント）ポイントは、鉛筆線で使用される場合、Pencil Hint（鉛筆ヒント）ポイントと同様に動作します。 鉛筆線ではContour Hint（輪郭ヒント）ポイントよりもPencil Hint（鉛筆ヒント）ポイントを使用するとよりよい結果を得ることに留意してください。

l

鉛筆線を修正するにはPencil Hint（鉛筆ヒント）を選択します（Central（中心）ベク
ター）。

86

Harmony 20 Premium スタートガイドlカラーゾーンのモーフィングマッチを修正するには Zone Hint（ゾーンヒント）を選択します。

l

消失図形の軌跡を修正するには、Vanishing Point Hint（消失点ヒント）を選択します。

l

出現図形の軌跡を修正するには、Appearing Point Hint（出現点ヒント）を選択します。

4. Camera（カメラ）またはDrawing（描画）ビューで、問題のあるエリア近くの描画をクリックします。

5. ヒントのポイントを選択し、正しい位置に移動します。

6. Timeline（タイムライン）またはXsheet （タイムシート）ビューで、終点の描画を選択します。
7. 対応するヒントポイントを見つけ、終点の描画の一致する部分に移動します。

87

第7章: 描画のモーフィング方法

8. Playback（プレイバック）ツールバーで、Play（再生）す。

88

ボタンをクリックして結果を確認しまHarmony 20 Premium スタートガイド

89

第8章: 画像のインポート方法

第8章: 画像のインポート方法
デフォルトで、Harmonyは独自のインターフェース内で作成されたベクター画像を扱います。 ベクター画像
は、主として、画像を構成する様々な形状に関する情報とともに、そのラインおよび塗りつぶされたカラーから構成されます。 これにより、編集やペイントが容易になり、画質に影響を与えることなくサイズを変更することができます。 これとは対照的に、ビットマップ画像は、画像を構成する個々のピクセルに関するカラー情報から構成されます。 したがって、それらは非常に詳細な、あるいはとても写実的な画像に適していますが、画像の品質を損なうことなく拡大縮小することはできず、編集もベクター画像ほど簡単ではありません。
一般的には、バックグラウンドやプロップなどのカットアセットの一部を別のソフトウェアで作成する必要がある場合、ビットマップ画像を使用して作業する必要があります。 これらのビットマップ画像ファイルを、
Harmonyカットにインポートすることができます。
ビットマップ画像をインポートするときは、Harmonyがどのように処理するかを決める必要があります。 次のオプションから選択できます。
l

Keep as Original Bitmap（元のビットマップとして保持） :これは画像をそのままインポートし、カットで作業するときに変更できないようにします。 これは、プロジェクトでさまざまなソフトウェアで作成された背景を使用する場合に便利です。

lImport as Toon Boom Bitmap Drawing（Toon Boomビットマップ描画としてインポート）:こ
れは画像をそのままインポートしますが、Harmonyのビットマップ描画ツールを使って編集ができます。

lImport as Toon Boom Vector Drawing（Toon Boomベクター描画としてインポート） :ビットマップをToon Boomベクターアートに変換するので、Harmonyのベクター描画ツールを使用して簡単にペイントや編集ができます。 これは、異なるソフトウェアを使用してスキャンまたは作成されたライン
アートをインポートする場合に便利です。

ビットマップ画像をオリジナル形式でインポートする方法
1. 次のいずれかを行います。
l

トップメニューからFile（ファイル） > Import（インポート） > Images（画像）を選択します。

lFile（ファイル）ツールバーでImport Images（画像インポート）

ボタンをクリッ

クします。
lXsheet（タイムシート）ビューでコマエリア内を右クリックし、Import（インポート） > Images（画像）を選択します。

これでImport Images（画像インポート）ダイアログボックスが開きます。

90Harmony 20 Premium スタートガイド

2. Import Images（画像をインポート）ダイアログボックスのFiles（ファイル）セクションで、
Browse（参照）をクリックして、コンピューターに保存された1枚または複数の画像を検索して選択します。
3. ビットマップ画像を新規レイヤーに追加するには、Create Layer(s)（レイヤーを作成）オプショ
ンと次のいずれかのオプションを選択します。
l

名前を付けて単一レイヤーを作成: 指定された名称で新しいレイヤーを作成し、そのレイヤーに画像をインポートします。

lファイル名に基づいてレイヤーを作成: 各ファイル名固有のプレフィックスに基づいてレイヤーを作成します。 たとえば、a-1.tga、a-2.tga、およびb-1.tgaと名付けた3つのファイルをインポートすると、aとbという名の2つのレイヤーが作成されます。 レ
イヤーaには2つの最初の画像が含まれ、 bには3番目の画像が含まれます。

l

既存のレイヤーに追加: 画像を指定したレイヤーにインポートします。 インポートのオプションと互換性のあるレイヤーにのみインポートできることに注意してください。
例えば、画像をベクター描画としてインポートしている場合は、ベクター描画レイヤーにしかインポートできません。

4. Vectorization（ベクター化）セクションで、Vectorize Image（画像をベクター化）オプション
が無効になっていることを確認します。
5. Import Options（インポートオプション）セクションで、 Keep As Original Bitmap（オリジナ
ルビットマップとして保持） オプションを選択します。

91

第8章: 画像のインポート方法

6. Alignment（配置）セクションで、カメラフレーム内の画像のサイズと位置を決定します。 次のオプションから選択できます。

パラ
メータ

説明

画像のサイズをカットのフィールドに完全にフィットするように垂直方向と水平方向の両方で調整し、画像全体が見えることを確認します。
画像が縦向きの場合、画像のアスペクト比に影響を与えることなく、画像の高さをフィールドの高さに合わせて調整します。

フィット
画像が横向きの場合は、画像のアスペクト比に影響を与えることなく、画像の幅をフィールドの幅に合わせて調整します。

これはフィットパラメータとは逆の効果を持ちます。 画像の最小寸法は、カットコ
パン

マの一致する寸法にフィットするように作られ、画像の最大寸法は比例的に調整されます。これにより、画像はカットフィールド全体を塗りつぶされたし、アスペク
ト比がフィールドのアスペクト比と一致しない場合は境界線を越えてブリードしま

92Harmony 20 Premium スタートガイド

す。 このオプションは、パンの背景画像をインポートするために使用でき、パンとも呼ばれます。
画像が縦向きの場合は、画像のアスペクト比に影響を与えることなく、画像の幅をフィールドの幅に合わせて調整します。

画像が横向きの場合は、画像のアスペクト比に影響を与えることなく、画像の高さをフィールドの高さに合わせて調整します。

プロ

カットの解像度に合わせて画像を拡大/縮小し、画像の各ピクセルがカットフィール

ジェク

ド内の1ピクセルを取るようにします。 たとえば、ピクセル単位の画像の寸法がピ

ト解像

クセル単位のカット解像度の半分である場合、画像の寸法はカットのフィールド寸

度法の半分に表示されます。

7. 画像に透明度がある場合、Transparency（透明度）セクションで、画像の半透明ピクセルのカラー
値にアルファ値をどのようにプリマルチプライ処理するかを選択します。 これにより、Harmony画
像をカット内の他の要素と適切にブレンドできるように値をデマルチプライすることができます。
次のオプションから選択できます。

93

第8章: 画像のインポート方法

パラメータ

説明

画像の半透明ピクセルのカラー値はエンコードされており、透明度が高いほど白に近くなります。 白で事前乗算（プリマ
ルチプライ処理）された画像が透明度をサポートしていない
白で事前乗算済み

ソフトウェアに読み取られると、白い背景とブレンドされて表示されます。 これを選択して、この事前乗算Harmonyを逆にし、 画像がカット内の他の視覚要素と適切に融合するよ
うにします。

画像の半透明ピクセルのカラー値はエンコードされており、透明度が高いほど黒に近くなります。 黒で事前乗算（プリマ
ルチプライ処理）された画像が透明度をサポートしていない
黒で事前乗算済み

ソフトウェアに読み取られると、黒い背景とブレンドされて表示されます。 これを選択して、この事前乗算Harmonyを逆にし、 画像がカット内の他の視覚要素と適切に融合するよ
うにします。

画像の半透明ピクセルの色は、透明度とは別にエンコードされます。 事前に乗算されていない画像が透明度をサポートしストレートていないソフトウェアに読み込まれると、半透明のピクセルはまったく完全に不透明に見えるので、そのエッジはピクセ
ル化されているように見えます。

これは、特定のピクセルのカラー値がそのピクセルのアルファ値よりも高くなるのを防ぐことを除いて、黒で事前乗算
カラーをアルファにクランプされたものと同じです。 このオプションは、黒で事前乗算されることになっている画像を使用しているが、ピクセルのカ
ラー値は、アルファ値がそれに応じて調整されることなく増加している場合にのみ有用です。

94Harmony 20 Premium スタートガイド

ヒント:
画像の透明度のタイプは、作成に使用したソフトウェアに依存する場合があります。 たとえば、PNG以外の形式で Harmonyによりエクスポートされた画像は通常Premultiplied with Black（黒で事前乗算） されますが、Harmonyでエク
スポートされたPNG画像はStraight（ストレート）透明度を使用します。
以下は、特定のファイルタイプに対して他のソフトウェアで通常使用される透明度モードです。
lPortable Network Graphic （.png）: ストレートl

Photoshop Document （.psd、.psb）:
l

単一画像としてインポート: 白で事前乗算済みl

分離レイヤーとしてインポート: ストレートl

Tagged Image File Format （.tif）: 黒で事前乗算済み

lTruevision TARGA （.tga）: ストレートl

Silicon Graphics Image （.sgi）: ストレート

8. OKをクリックします。

注:デフォルトでは、プレイバックパフォーマンスに影響を与えないように、ビットマップ画像は低解像度でCamera（カメラ）ビューに表示されます。 また、Transform（トランスフォーム）ツールでビットマップ画像を選択してから、View（ビュー） > Bitmap File Quality（ビットマップファイルの品質）よりBitmap Image Quality（ビットマップ画像品質）ダイア
ログを開いて、ビットマップ画像の表示品質を調整することもできます。 Camera（カメラ）ビューでRender Preview（レンダービュー）

モードを起動することにより、カット解像度

でビットマップ画像をプレビューすることも可能です。

画像のベクター化
Harmonyでは画像をベクター描画としてインポートできます。 ベクター描画は、Harmonyのベクター描画
ツールを使って容易にペイントおよび編集ができます。 これは、Harmonyでペイントすることができるので、別のソフトウェアを使用してスキャンまたは作成されたラインアートをインポートする際に役立ちます。

ビットマップ画像をToon Boomビットマップ描画としてインポートする方法
1. 次のいずれかを行います。

95

第8章: 画像のインポート方法l

トップメニューからFile（ファイル） > Import（インポート） > Images（画像）を選択します。

lFile（ファイル）ツールバーでImport Images（画像インポート）

ボタンをクリッ

クします。
lXsheet（タイムシート）ビューでコマエリア内を右クリックし、Import（インポート） > Images（画像）を選択します。

これでImport Images（画像インポート）ダイアログボックスが開きます。

1. Import Images（画像のインポート）ダイアログボックスのFiles（ファイル）セクションで、
Browse（参照）をクリックして、コンピューターに保存された1枚または複数の画像を選択します。
2. 画像の宛先を選択します。
l

名前を付けて単一レイヤーを作成: 指定された名称で新しいレイヤーを作成し、そのレイヤーに画像をインポートします。

lファイル名に基づいてレイヤーを作成: 各ファイル名固有のプレフィックスに基づいてレイヤーを作成します。 たとえば、a-1.tga、a-2.tga、およびb-1.tgaと名付けた3つのファイルをインポートすると、aとbという名の2つのレイヤーが作成されます。 レ
イヤーaには2つの最初の画像が含まれ、 bには3番目の画像が含まれます。

l

既存のレイヤーに追加: 画像を指定したレイヤーにインポートします。 インポートのオプションと互換性のあるレイヤーにのみインポートできることに注意してください。

96Harmony 20 Premium スタートガイド

例えば、画像をベクター描画としてインポートしている場合は、ベクター描画レイヤーにしかインポートできません。
2. Alignment（配置）セクションで、カメラフレーム内の画像のサイズと位置を決定します。 次のオプションから選択できます。

パラ
メータ

説明

アスペクト比に影響を与えることなく、高さがカットの高さと一致するように画像のサイズを調整します。

上下
フィッ
ト

アスペクト比に影響を与えることなく、幅がカットの幅と一致するように画像のサイズを調整します。

左右
フィッ
ト

97

第8章: 画像のインポート方法

カットの解像度に合わせてサイズを調整することなく、画像を実際のサイズにイン
実際のポートします。 たとえば、ピクセル単位の画像の寸法がピクセル単位のカット解像

サイズ

度の半分である場合、画像の寸法はカットのフィールド寸法の半分に表示されます。

3. 画像に透明度がある場合、Transparency（透明度）セクションで、画像の半透明ピクセルのカラー
値にアルファ値をどのようにプリマルチプライ処理するかを選択します。 これにより、Harmony画
像をカット内の他の要素と適切にブレンドできるように値をデマルチプライすることができます。
次のオプションから選択できます。

パラメータ

説明

画像の半透明ピクセルのカラー値はエンコードされており、透明度が高いほど白に近くなります。 白で事前乗算（プリマ
ルチプライ処理）された画像が透明度をサポートしていない
白で事前乗算済み

ソフトウェアに読み取られると、白い背景とブレンドされて表示されます。 これを選択して、この事前乗算Harmonyを逆にし、 画像がカット内の他の視覚要素と適切に融合するよ
うにします。

画像の半透明ピクセルのカラー値はエンコードされており、透明度が高いほど黒に近くなります。 黒で事前乗算（プリマ
ルチプライ処理）された画像が透明度をサポートしていない
黒で事前乗算済み

ソフトウェアに読み取られると、黒い背景とブレンドされて表示されます。 これを選択して、この事前乗算Harmonyを逆にし、 画像がカット内の他の視覚要素と適切に融合するよ
うにします。

画像の半透明ピクセルの色は、透明度とは別にエンコードされます。 事前に乗算されていない画像が透明度をサポートしストレートていないソフトウェアに読み込まれると、半透明のピクセルはまったく完全に不透明に見えるので、そのエッジはピクセ
ル化されているように見えます。

4. OKをクリックします。

98Harmony 20 Premium スタートガイド

ビットマップ画像をインポートしベクター化する方法
1. 次のいずれかを行います。
l

トップメニューからFile（ファイル） > Import（インポート） > Images（画像）を選択します。

lFile（ファイル）ツールバーでImport Images（画像インポート）

ボタンをクリッ

クします。
lXsheet（タイムシート）ビューでコマエリア内を右クリックし、Import（インポート） > Images（画像）を選択します。

これでImport Images（画像インポート）ダイアログボックスが開きます。

1. Import Images（画像のインポート）ダイアログボックスのFiles（ファイル）セクションで、
Browse（参照）をクリックして、コンピューターに保存された1枚または複数の画像を選択します。
2. 画像の宛先を選択します。
l

名前を付けて単一レイヤーを作成: 指定された名称で新しいレイヤーを作成し、そのレイヤーに画像をインポートします。

lファイル名に基づいてレイヤーを作成: 各ファイル名固有のプレフィックスに基づいてレイヤーを作成します。 たとえば、a-1.tga、a-2.tga、およびb-1.tgaと名付けた399

第8章: 画像のインポート方法

つのファイルをインポートすると、aとbという名の2つのレイヤーが作成されます。 レ
イヤーaには2つの最初の画像が含まれ、 bには3番目の画像が含まれます。
l

既存のレイヤーに追加: 画像を指定したレイヤーにインポートします。 インポートのオプションと互換性のあるレイヤーにのみインポートできることに注意してください。
例えば、画像をベクター描画としてインポートしている場合は、ベクター描画レイヤーにしかインポートできません。

3. Import Options（インポートオプション）セクションでConvert toVector Drawing（ベクター
描画に変換）オプションを選択します。Toon Boom
4. Vectorization（ベクター化）セクションで、モノクロとグレーのどちらで画像をインポートするかを決めます。 New Preset（新規プリセット）

ボタンをクリックして、カスタムのベクター化パ

ラメータプリセットを作成することもできます。
l

モノクロ: 描画を黒の実線でベクター化し、 100％ベクターベースの描画を作成します。 描画のアウトラインは、カットのカラーパレットのVectorized Line（ベクター化ライン）カラー
スウォッチでペイントされます。

l

グレー: 描画をベクター輪郭とグレースケールビットマップ塗りつぶしの混合としてベクター化します。 ラインはスキャン時のテクスチャーを保ち、紙の白い部分は透明になります。

注:
プリセットをダブルクリックすると、いつでもVectorization Parameters（ベクター化パラメータ）ダイアログボックスが開き、オプションをカスタマイズできます。

100

Harmony 20 Premium スタートガイド

5. OKをクリックします。
ベクター化された画像が、選択した宛先に表示されます。

注:
Library（ライブラリー）にビットマップ画像がある場合、ビットマップ画像を素早くインポートする方法としてカットに直接ドラッグ＆ドロップすることができます。 ただし、インポートオプショ
ンには一切アクセスできません。

101

第9章: レイヤーを配置しアニメートする方法

第9章: レイヤーを配置しアニメートする方法
カットのセットアップは、テレビ番組のセット造りと比べられます。 この時点で、カメラフレームや背景エレメ
ント、キャラクターなどのカットエレメントを配置します。

レイヤーの配置
カットを設定するための最初のステップは、各レイヤーを最初の位置、角度、およびサイズに配置することです。 Transform（トランスフォーム）

ツールを使用して、レイヤーに幾何学的な変形を加えることができます。

Transform（トランスフォーム）ツールを使用してレイヤーをパン、回転、拡大縮小、スキューする方法
1. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。
2. Tools（ツール）ツールバーで、Animate Current Frame（現在のコマをアニメート）または

Animate Onion Skin Range（オニオンスキン範囲をアニメート）モードが有効な場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、Animate Off（アニメートオフ）を選択します。
3. Tool Properties（ツールプロパティ）ビューで、

Peg Selection Mode（ペグ選択モード）が無効になっていることを確認します。
4. Camera（カメラ）またはTimeline（タイムライン）ビューで、操作するレイヤーをクリックして選
択します。

ヒント:
l

Camera（カメラ）ビューで複数のレイヤーを選択する場合は、 Shiftを押しながら選択したい各レイヤーをクリックします。

lTimeline（タイムライン）ビューで複数レイヤーを選択したい場合は、 Ctrl
(Windows/Linux)または⌘ (macOS)を押しながら選択したい各レイヤーをクリックします。

lTimeline（タイムライン）ビューで連続する一連のレイヤーを選択するには、Shiftを押したまま、選択したい最初のレイヤーをクリックし、そして選択したい最後のレイ
ヤーをクリックします。

102

Harmony 20 Premium スタートガイド

選択したレイヤーの周囲にマニピュレータコントロールボックスが表示されます。

1. 次のいずれかを行います。
l

移動するには: カーソルをアートワークの上に移動します。 カーソルがに変わったら、

アートワークをクリック＆ドラッグして移動します。

l

回転するには: ポインターを境界ボックスの角の外側に置きます。 カーソルが、に変わったら、クリック＆ドラッグして回転させます。

l

拡大縮小するには: マニピュレータボックスの黄色のコントロールポイントのいずれかにカー
ソルを移動します。 カーソルがに変わったら、クリック＆ドラッグしてレイヤーを拡大縮103

第9章: レイヤーを配置しアニメートする方法

小します。

注:
選択範囲を拡大/縮小するときは、Shiftを押したままにして、幅と高さの比率を維
持します。

l

マニピュレータボックスの垂直エッジのいずれかにカーソルを移動します。 カーソルが変わったら、クリックして上下にドラッグし、レイヤーを垂直にスキューします。

l

マニピュレータボックスの水平エッジの1つにカーソルを移動します。 カーソルがわったら、クリックして左右にドラッグしてレイヤーを水平にスキューします。

104

に変

に

Harmony 20 Premium スタートガイド

ピボットの再配置
回転、拡大縮小、スキュー、フリッピングなど描画レイチャー上で行われるトランスフォーム処理は、描画のピ
ボットポイントの位置を基準に実行されます。 たとえば、レイヤーを回転するとピボットポイントを中心に回転し、レイヤーを拡大/縮小すると、その中心が実際にピボットポイントであるかのように拡大/縮小されます。
Transform（トランスフォーム）ツールを使用してトランスフォームを行う際に、選択したピボットをドラッグ＆ドロップすることができます。 ただし、これには恒久的な効果はありません。 ピボットの位置が一時的に変更されるだけで、選択したコマで変形を行うには役立ちますが、描画レイヤーの実際のピボットポイントは変わりません。
レイヤーのピボットポイントの位置は、Advanced Animation （高度アニメーション）ツールバーでツールの一つを使用して恒久的に再配置することができます。

注:
既にアニメートされているレイヤーのピボットポイントを恒久的に移動すると、他のキーフレームのレイヤーで行われたすべてのトランスフォームが、新しいピボットポイントの位置に基づいて再計算されます。 したがって、既存のアニメーションは、現在のコマを除いてまったく違ったように見えます。 アニメーションを開始する前に、ピボットポイントが理想的な位置にあることを常に確認するようお勧めします。

レイヤーのピボットポイントを恒久的に再配置する方法
1. Advanced Animation（高度アニメーション）ツールバーでTranslate（転換）転）、Scale（拡大縮小）

またはSkew（スキュー）、Rotate（回

ツールを選択します。

2. 次のいずれかを行います。
lTimeline（タイムライン）ビューで、ピボットを移動したいレイヤーを選択します。

lCamera（カメラ）ビューで、ピボットを移動するレイヤーを選択します。Ctrl + クリック
(Windows/Linux)または⌘ + クリック(macOS)

Camera（カメラ）ビューに

ピボットポイントが表示されます。

105

第9章: レイヤーを配置しアニメートする方法

3. カーソルをピボットポイントの上に移動します。 マウスのカーソルがになったら、ピボットポイ

ントをクリックしてドラッグし、再配置します。

これでレイヤーのピボットポイントが再配置されました。 レイヤーがアニメーション化されている場
合、ピボットポイントをどれだけオフセットしたかによって、その位置がカット全体でオフセットされます。

レイヤーのアニメート
レイヤーをカットのタイムラインの異なるポイントで異なる位置、角度、サイズで配置して、レイヤーをアニメートすることができます。 これを行うには、レイヤーにアニメーションキーフレームを作成します。 キーフ
レームは、特定の時点のレイヤーに幾何学的トランスフォームを記録します。 2つのアニメーションキーフレー
ムがカットの Timeline（タイムライン）で異なるポイントのレイヤーにある場合、 Harmonyはその2つのキー
フレーム間の各コマ上のレイヤーの位置、角度、サイズを自動的に補間し、アニメーションを作成します。

レイヤーをアニメートする方法
1. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。
2. Tools（ツール）ツールバーで、Animate Off（アニメートオフ）または

Animate Onion Skin

Range（オニオンスキン範囲をアニメート）モードが選択されている場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、マをアニメート）を選択します。

106

Animate Current Frame（現在のコHarmony 20 Premium スタートガイド

3. レイヤーに親ペグがある場合:
l

レイヤーの代わりにペグでアニメートする場合は、Tool Properties（ツールプロパティ）
ビューでlPeg Selection Mode（ペグ選択モード）が有効になっていることを確認します。

レイヤーで直接アニメートしたい場合は、Tool Properties（ツールプロパティ）ビューで
Peg Selection Mode（ペグ選択モード）が無効になっていることを確認します。

4. Timeline（タイムライン）ビューで、最初のコマに移動します。

5. トップメニューからAnimation（アニメーション）を選択して、Stop-Motion（ストップモーション）キーフレームオプションが選択されていないことを確認します。 これにより、Harmonyは作成されたアニメーションキーフレーム間に自動的にアニメーションを作成します。
6. 最初のキーフレームを作成したいセルを選択します。
7. 最初のキーフレームを作成するには、次のいずれか１つを行います。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

Timeline（タイムライン）ビューの最初のコマにキーフレームが作成されます。

8. Camera（カメラ）ビューで、アニメートするエレメントを選択し、それを移動、回転、拡大縮小または傾斜させて、適切な開始位置になるようにします。

107

第9章: レイヤーを配置しアニメートする方法

9. Timeline（タイムライン）ビューで、2つめの位置を設定したいコマに移動します。

10. 2番目にキーフレームを作成したいセルを選択します。 右クリック右クリックしてInsert
Keyframe（キーフレームを挿入）を選択します。
最初のキーフレームから2番目のキーフレームに移動するラインとともに、2番目のキーフレームがTimeline（タイムライン）ビューに表示されます。 これは、すべてのコマ中割りがHarmonyによってアニメートされることを示します。

11. Camera（カメラ）ビューで、エレメントを移動、回転、拡大縮小、または傾斜させて、適切な2番目の位置になるようにします。

12. Timeline（タイムライン）ビューで、アニメーションの先頭に巻き戻す最初のコマを選択します。

108Harmony 20 Premium スタートガイド

13. Playback（プレイバック）ツールバーで、Play（再生）ボタンをクリックしてアニメーションをプレビューします。

注:
カットに3Dオブジェクトがある場合、またはZ軸でレイヤーをアニメートする場合は、再生中にトップ）、Side（サイド）またはPerspective（パース）ビューをプレビューしたいかもしれません。 しかし、これらのビューではプレイバックはデフォルトで無効になっています。 それらを有効にするには、トップメニューからPlay（再生） > Enable Playback（プレイバックを有効化） > Top View（トップビュー）、Side View（サイドビュー）またはPerspective
View（パースビュー）を選択します。

109

第10章: カメラを配置しアニメートする方法

第10章: カメラを配置しアニメートする方法
Harmonyでは、オブジェクトを個々のレイヤーに描画し、タイムライン中の異なるキーフレームの異なる位置に配置し、モーションパスを作成することによって、オブジェクトをアニメートすることができます。 カットのカメラにも同じ原則を適用できます。それ自体がレイヤーだからです。

カメラの追加カットにはデフォルトでカメラレイヤーがありません。 カットのカメラ角度と位置を微調整できるようにするには、カットに1つ追加する必要があります。

Timeline（タイムライン）ビューにカメラ を追加する方法
1. 次のいずれかを行います。
lTimeline（タイムライン）ビューでAdd Layer（レイヤーを追加）

ボタンをクリッ

クし、ポップアップメニューでCamera（カメラ）を選択します。
lトップメニューからInsert（挿入） > Camera（カメラ）を選択します。

新しいカメラレイヤーがカットに追加され、Timeline（タイムライン）ビューに表示されます。

Node（ノード）ビューにカメラを追加する方法
1. Node Library（ノードライブラリー）ビューで、Favourites（お気に入り）またはMove（移動）カテゴリからCamera（カメラ）ノードを選択します。

2. Camera（カメラ）ノードをNode（ノード）ビューにドラッグ＆ドロップします。

110

Harmony 20 Premium スタートガイド

同じカットに複数のカメラを置くことは可能ですが、カットを見るには一度に1つのカメラだけを使用します。
このことは、まだカットの構図に取り組んでいて、カメラの設定をいろいろ変えてみる場合に便利です。

カメラの間を切り替える方法
1. トップメニューからScene（カット） > Camera（カメラ）を選択します。
2. リストされているカメラの中から、操作したいカメラを選択します。

親ペグの追加ペグの下にリギングせずにカメラを配置することは可能ですが、次の2つの理由により、常にペグの下でリギン
グすることをお勧めします。
l

そうすることで、Transform（トランスフォーム）ツールを使ってカメラを配置、回転、ズームすることができます。

l

カメラ動作をアニメーション化することができます。 親ペグがない場合、カメラの位置、角度、ズームは
静的です。

111

第10章: カメラを配置しアニメートする方法

Timeline（タイムライン）ビューで親ペグをカメラ に追加する方法
1. Timeline（タイムライン）ビューでCamera（カメラ）レイヤーを選択します。

.
2. Layers（レイヤー）ツールバーでAdd Peg（ペグを追加）ボタンをクリックします。

Camera（カメラ）レイヤーの上に直接Peg（ペグ）レイヤーが表示され、自動的に付け加えられます。

Node（ノード）ビューで親ペグをCamera（カメラ）に追加する方法
1. Node（ノード）ビューでCamera（カメラ）ノードを選択します。

2. Ctrl + P (Windows/Linux)または⌘ + P (macOS)を押します。
ペグノードが即座に作成され、Camera（カメラ）ノードの親として取り付けられます。

カメラの配置カットアクションはカメラフレーム内で起こるため、正確にセットアップすることが非常に重要です。 Scene（カット）トップメニューからアクセスできるScene Settings（カット設定）ウィンドウで、カメラの解像度や112

Harmony 20 Premium スタートガイド

その他関連するパラメータを調整することができます。

カメラの位置を直接変更するには、Advanced Animation（アドバンストアニメーション）ツールバーからTransform（トランスフォーム）または
転）ツールを使って回転したり、Translate（転換）ツールを使って動かしたり、

Rotate（回Scale（拡大縮小）ツールを使ってズームすることができます。 または、

Layer Properties（レイヤープロパティ）ビューに座標を直接入力することもできます。 ペグの下でカメラをリギングした場合は、Transform（トランスフォーム）ツールだけであらゆる種類の操作を行うことができます。 次の手順は、ペグの下にリギングされているときにカメラを操作する方法を示しています。

Camera（カメラ）ビューで、ペグの下でリギングされたカメラを配置する方法
1. Camera（カメラ）の親ペグを選択するには、次のいずれかを行います。
lTimeline（タイムライン）ビューで、Camera（カメラ）の親ペグレイヤー上をクリックします。

lNode（ノードイ）ビューで、Camera（カメラ）の親ペグノード上をクリックします。

lCamera（カメラ）ビューで、カメラフレームをクリックします。 カメラフレームとは、カットのステージ周りの薄い長方形です。

カメラフレームの周りにコントロールボックスが表示されます。

113

第10章: カメラを配置しアニメートする方法

2. 次のいずれかを行います。
l

カメラフレームを動かすには: カーソルを辺または中央に置きます。 カーソルがになった

ら、カメラフレーム上をクリックしてドラッグし、再配置します。

l

ズームイン/ズームアウトするには: カーソルをカメラフレームの角の1つに合わせます。 カー
ソルがになったら、角をクリックしてドラッグし、カメラフレームのサイズを変更します。 カメラフレームを縮小するとカットがズームインし、拡大するとズームアウトします。

114

Harmony 20 Premium スタートガイドl

カメラを回転するには: カーソルをいずれかの角のすぐ外側に置きます。 カーソルがになったら、クリック＆ドラッグして、カメラフレームを回転させます。

カメラをアニメートする
カットのカメラは他のあらゆるレイヤーと同様に、操作してアニメートすることができます。 それはTimeline（タイムライン）ビューにリストされており、同じツールと選択モードを使用してオフセットまたはアニメート
することができます。 しかし、カメラレイヤーそのものは静的であるため、カット全体を通じて同じ位置と角度を維持します。 カメラをアニメートできるようにするには、アニメートが可能で、カメラの位置と角度に直接影響する、ペグレイヤーにカメラを接続する必要があります。

カメラの動きをCamera（カメラ）ビューで直接アニメートすることができます。

115

第10章: カメラを配置しアニメートする方法

カメラをアニメートする方法
1. Tools（ツール）ツールバーで、Animate Off（アニメートオフ）または

Animate Onion Skin

Range（オニオンスキン範囲をアニメート）モードが選択されている場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、Animate Current Frame（現在のコマをアニメート）を選択します。
2. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。
3. Timeline （タイムライン）ビューの右側のCamera （カメラ）ペグレイヤーで、カメラ動作を開始
したいコマを選択します。

4. 次のいずれかの操作で、キーフレームを追加します。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

そのセルにキーフレームが表示されます。 このキーフレームセルに先行するコマはすべて、このキーフレームと同じカメラ位置を保持します。

116

Harmony 20 Premium スタートガイド

5. Camera（カメラ） ビューで、カメラ動作の開始時に正しい位置にくるようにカメラを操作します。

6. Timeline（タイムライン）ビューで、カメラ動作が終了するセルをクリックします。
7. 次のいずれかを行います。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

そのセルにキーフレームが表示されます。

8. Camera（カメラ） ビューで、カメラ動作の終了時に正しい位置にくるようにカメラを操作します。

9. Timeline（タイムライン）ビューで、アニメーションの先頭に巻き戻す最初のコマを選択します。

117

第10章: カメラを配置しアニメートする方法

10. Playback（プレイバック）ツールバーで、Play（再生）プレビューします。

118

ボタンをクリックしてアニメーションをHarmony 20 Premium スタートガイド

119

第11章: カットアウトキャラクターのリグ方法

第11章: カットアウトキャラクターのリグ方法
Harmonyでは、キャラクターリグは、基本的にはキャラクターのモデルに基づいたテンプレートですが、そこではすべての可動部分が異なるレイヤーに分割され、カットアウト アニメーションとも呼ばれる、デジタルアニ
メーションを容易にする階層別に配列されています。
キャラクターリグを作るには、まず最初に、その上に築くキャラクターモデルがあることを確実にしなければなりません。 使用可能なキャラクターの描画がある場合は、それを新しいカットにインポートしてから、拡大縮小
して好みの位置に配置します。 それ以外の場合は、キャラクターのモデルを直接Harmonyに描画することができます。 モデルの準備ができると、それを部分に分解してリグを構築することができます。
パペットを分解するには、さまざまなテクニックがあります。 このセクションでは、最も一般的でシンプルな手法のひとつを紹介します。 最初にキャラクターの分解を行う際は、本書の指示に従ってHarmonyの仕組みを理解しましょう。 Harmonyの基本的な機能とコマンドについて理解してしまえば、自分なりのテクニックを編み出して作品の制作に応用できるようになります。

ピースの描画
ここに紹介するのは、モデルをトレースするための主な分解手法です。

トレーシングによるキャラクターの分解方法
1. Timeline（タイムライン）ビューで、各ボディーパーツを分割するための新規の描画レイヤーを追加します。 Ctrl + R (Windows/Linux)または⌘ + R (macOS)を押して、新しい描画レイヤーを追加することができます。

120

Harmony 20 Premium スタートガイド

2. Timeline（タイムライン）ビューで、パーツを描画したいレイヤー上の最初のセルを選択します。

3. Tools（ツール）ツールバーで好みの描画ツールを選択します。 カットアウトキャラクターモデルのパーツを描画するには、2つのよく使用される方法があります。
l

Pencil （鉛筆）ツールを使い、その後Smooth Editor（スムーズエディター）

ツールで線をスムーズにするlPolyline（ポリライン）

ツールを使用する この方法は高い精度で描画できますが、

もっと時間がかかることがあります。
これらの方法では、操作や修正、再描画がしやすいように、各パーツはできるだけ少ないポイントで作られます。
4. Colour（カラー）ビューでカラースウォッチを選択します。 キャラクター用のパレットをまだ作成していない場合は、ペイントの方法 (ページ60)を参照してください。
5. Drawing（描画）ビューでの作業を好む場合、次のいずれかを実行すると、他のレイヤーが色抜けして表示されます。
l

Drawing（描画）ビューツールバーで、Light Table（ライトテーブル）

ボタンをク

リックします。
l

Shift + Lを押します。

6. Camera（カメラ）またはDrawing（描画）ビューで、新しいパーツを描きます。

121

第11章: カットアウトキャラクターのリグ方法

7. 目に見えるアウトラインを描くことなく開いた形状を閉じたい場合、Stroke（ストローク）

ツー

ルを使って透明の線を描くことができます。

注:デフォルトでは、Stroke（ストローク）ツールで作成されたストロークは目に見えません。 描画でストロークを見えるようにするには、トップメニューからView（ビュー）> Show（表示） > Show Strokes（ストロークを表示）を選択し、Kを押します。

8. Tools（ツール）ツールバーで、描画に彩色するためのPaint（ペイント）（非ペイント部分をペイント）

またはPaint Unpainted

ツールを選択します。

9. Colour（カラー）ビューで、お好みの塗りつぶされたカラーがまだパレットにない場合は作成し、それを選択します。
10. Camera（カメラ）またはDrawing（描画）ビューで、描画をペイントします。

122Harmony 20 Premium スタートガイド

11. Tools（ツール）ツールバーで

Select（選択）ツールを選択します。 描画を選択して、Tool

Properties（ツールプロパティ）から

Flatten（フラット化）ボタンをクリックし、線をフラット化します。
12. いくつかの鉛筆ストロークから成る線は、ストロークを統合して1本の滑らかな鉛筆線にすることができます。 Select（選択）ツールで統合したい鉛筆線を選択し、Tool Properties（ツールプロパティ）ビューでMerge Pencil Lines（鉛筆線を統合）ボタンをクリックします。

13. アニメーション可能にしたいすべてのボディパーツに対して、プロセス全体を繰り返します。

123

第11章: カットアウトキャラクターのリグ方法

ペグの追加
ペグとは、描画を含まない特殊なタイプのレイヤーです。 ペグは、描画を直接トランスフォームすることなく、その階層構造の下にある描画をオフセットおよびトランスフォームするためだけに使用されます。
リギングやカットの設定を行うときは、それぞれの描画レイヤーに親ペグを追加するようお勧めします。 これによって、アニメーションのキーフレームと描画を別々のレイヤーに保つことができ、Timeline（タイムライン）
ビューで独自に描画レイヤーの位置やコマを簡単に操作できます。 また、ボディー部分を一緒にかつ独立してアニメートできる階層の作成が容易になります。

124Harmony 20 Premium スタートガイド

ペグのみでアニメートする場合は、Tool Properties（ツールプロパティ）ビューでTransform（トランスフォーム）ツールのPeg（ペグ）選択モードを有効にすることができます。 また、ペグだけをアニメートできる
ように、描画レイヤーのアニメートを無効にすることもできます。

注:
また、描画レイヤーを別の描画レイヤーの親にすることもできます。 ペグがその子レイヤーをアニメートするのと同様に、子で描画レイヤーをアニメートすると、その子レイヤーもアニメートされます。 両方のレイヤーは、カットの合成にも接続されている限り、アニメーションに表示されます。

Timeline（タイムライン）ビューでレイヤーの親ペグを作成する方法
1. Timeline（タイムライン）ビューでレイヤーをすべて選択します。

2. Timeline Layer（タイムラインレイヤー）ツールバーでAdd Peg（ペグを追加）

ボタンをクリッ

クし、選択したレイヤーすべてに親ペグを追加します。

Timeline（タイムライン）ビューでレイヤーまたはペグを作成するとき、Node（ノード）ビューが絡まって見えることがあります。

125

第11章: カットアウトキャラクターのリグ方法

3. Node（ノード）ビューですべてのノードを選択し、Network View（ネットワークビュー）ツール
バーでOrder Network Down（ネットワークを下に揃える）

ボタンをクリックします。

Node（ノード）ビューでレイヤーの親ペグを作成する方法
1. Node（ノード）から、ペグを作成したいすべての描画レイヤーを選択します。
2. Press Ctrl + Shift + P（Windows/Linux） or ⌘ + Shift + P（Mac OS X）
3. ペグが作成され、名称が付けられ、子の描画レイヤーに関連付けられます。 描画レイヤの一番上のポートがすでに別のノードに関連付けられている場合、自動的には接続されません。
4. ノードが絡んでいる場合はすべてのノードを選択し、Network View（ネットワークビュー）ツール
バーでOrder Network Down（ネットワークを下に揃える）

ボタンをクリックします。

レイヤー階層の作成
Harmonyではリグを精巧な階層で構築することができ、リグのどの部分が他の四肢に影響を与えるのか、どのようにそれらを独立して動かせるのかを設定できます。 例えば、単純なキャラクターの腕をリグする場合、前腕126

Harmony 20 Premium スタートガイド

レイヤーを腕レイヤーの子に、手レイヤーを前腕レイヤーの子にすることができます。 こうすることで、キャラクターが前腕を動かすと手が続き、腕を動かすと前腕と手が続きます。

基本的なキャラクターリグを構築するときは、少なくとも、各腕と各脚のある1つの階層を持つ必要があります。 胴体、首、頭から胴に行く階層を作り、腕を胴にリグし、脚を腰にリグすることができます。 これは次のような階層を作ります。

Timeline（タイムライン）ビューで階層を作成する方法
1. Timeline（タイムライン）ビューの左エリアで、子レイヤーを作りたいレイヤーを選択します。
2. 子レイヤーをドラッグして、親レイヤーを作りたいレイヤー上にドロップします。 2つのレイヤーの間に子レイヤーをドロップしていないことを確実にしてください。
3. 根本にマスターペグを付けて、キャラクターのすべての部分をリグする階層を作成するまで繰り返します。 リギング中に、複数のレイヤーに共通の親を持たせたいが、リグの既存部分はどれもその親と127

第11章: カットアウトキャラクターのリグ方法して機能しない場合は、新しいペグを作成し、そのペグの下にそのレイヤーをネストします。

注:Timeline（タイムライン）ビューで、Shiftを押下して選択した親を子レイヤーからドラッグし、それをリストのどこか別のところにドロップすることにより、レイヤーを非親化することができます。

Node（ノード）ビューで階層を作成する方法
1. ノードを、最も上のノードが一番上に、一番下のノードが一番下にくるようにして、それらが意図した階層を表すツリー内にあるかのように配置します。

128

Harmony 20 Premium スタートガイド

2. 親ノードにしたいノードの出力ポート（下）からケーブルをドラッグします。
3. 子ノードにしたいノードの入力ポート（上）にケーブルを接続します。

129

第11章: カットアウトキャラクターのリグ方法

4. 根本にマスターペグを付けて、キャラクターのすべての部分をリグする階層を作成するまで繰り返します。 リギング中に、複数のレイヤーに共通の親を持たせたいが、リグの既存部分はどれもその親として機能しない場合は、新しいペグを作成し、そのペグの下にそのレイヤーをネストします。

注:
Node（ノード）ビューでは、Altキーを押下してノードビューのどこかに移動することにより、ノードをその親および子からリンク解除することができます。 これにより、ノードの接続が即座に削除されます。 ノードに親と子の両方がある場合、これは前の親を前の子に自動的に接続します。

リギングの際は、Timeline（タイムライン）ビューのレイヤーの順序は、レンダリングされる順序に影響することに注意してください。 リストの上にあるレイヤーは、リストの最下部にあるレイヤーにレンダリングされます。 同様に、Node（ノード）ビューでは、合成の一番左のポートに接続されているレイヤーが、右のポートに接続されているレイヤーの上にレンダリングされます。 アニメーション化中にレイヤーの順序を変更する必要がある場合は、レイヤーの順序をオーバーライドして他のレイヤーの下または上に表示させるために、このレイヤーのZ軸上の位置を微調整することができます。

Z軸上でレイヤーを微調整する方法
1. Tools（ツール）ツールバーで、Transform（トランスフォーム）ツールを選択します。

2. Timeline（タイムライン）、Node（ノード）、またはCamera（カメラ）ビューで、微調整したい
レイヤーを選択します。
3. Timeline（タイムライン）またはNode（ノード）ビューからレイヤーを選択した場合は、Camera（カメラ）ビュータブをクリックしてCamera（カメラ）ビュー上に焦点をセットします。
4. 次のいずれかを行います。
lレイヤーを前方に微調整するには、Alt + 下向き矢印を押します。

l

レイヤーを後方に微調整するには、Alt + 上向き矢印を押します。

マスターペグ
キャラクターリグは、常にすべての部分に接続するマスターペグを持っている必要があります。 マスターペグを使用すれば、個々のパーツを操作する必要なく、単一のレイヤーからリグ全体を操作できます。 これは、カットを基準にしてキャラクターを配置してスケーリングするときや、カットの領域間を移動する際にキャラクタの軌跡をアニメーション化するのに便利です。

130Harmony 20 Premium スタートガイド

Timeline（タイムライン）ビューにマスターペグを追加する方法
1. Timeline（タイムライン）ビューでトップレイヤーを選択します。
2. Timeline（タイムライン）ビューで

Add Peg（ペグを追加）ボタンをクリックします。

選択したレイヤーの親として、新規ペグがタイムラインに追加されます。
3. 新規ペグMasterにキャラクター名を含む名称をつけます。
4. Timeline（タイムライン）ビューでビューで新規ペグに取り付けたいレイヤーをすべて選択します。
トップレイヤーは既にペグの子であることを覚えていてください。したがって選択には含めないでください。
5. 選択した項目をペグレイヤーの上にドラッグし、キャラクターのすべてのピースをこの親ペグの子とします。 親となったレイヤーの上にレイヤーを追加するときは、親となったレイヤーを重なったレイ
ヤーの一番上に移動させてください。

131

第11章: カットアウトキャラクターのリグ方法

Node（ノード）ビューにマスターペグを追加する方法
1. Node（ノード）ビューでCtrl (Windows/Linux)または⌘ (macOS)を保持して新しいペグに接続する各ノードを選択します。
2. 次のいずれかを行います。
lNode（ノード）ビューメニューからInsert（挿入） > Peg（ペグ）を選択します。

lCtrl + P (Windows/Linux)または⌘ + P (macOS)を押します。

3. 新しいペグMasterにキャラクター名を加えて名称を変更します。

132

Harmony 20 Premium スタートガイド

133

第12章: カットアウトキャラクターをアニメートする方法

第12章: カットアウトキャラクターをアニメートする方法

Harmonyは、カットアウトされたキャラクターモデルをアニメートするための、非常に便利なツールとなります。 Transform（トランスフォーム）または Inverse Kinematics（インバースキネマティクス）ツールを使って、キャラクターのパーツを動かしてキーポーズを作り、Harmonyに中割りをつらせることができます。 動きのタイミングを調整して、生きているようなモーションを作るとともに、キャラクターのパーツの描画はアニメーションの任意のポイントでスワップすることができ、これによってコマの完全なカットアウトアニメーショ
ンを作成するための動きと描画の変更を組み合わせることができます。

シンプルなカットアウトアニメーションの作成方法
キャラクターの最初のポーズを最初のコマに、2番目のポーズをその後のコマにし、そしてHarmonyにそれらを補間させることで、単純なカットアウトアニメーションを作成します。
1. Timeline（タイムライン）ビューで、展開/折り畳み矢印を使ってキャラクターを折り畳みます。

2. カットの最初のコマを選択します。

3. 1コマ後にモデルが消えないようにするには、次のいずれかを実行してExtend Exposure（コマを拡大）ダイアログを開きます。
lTimeline （タイムライン）で最初のコマを右クリックし、 Extend Exposure（コマを拡大）を選択します。

134

Harmony 20 Premium スタートガイドlF5を押します。

4. Extend Exposure（コマを拡大）ダイアログで、カットのコマ数を入力し、確定します。 これにより、カット全体にモデルがエクスポージャー（可視化）されます。
5. それではここで、キャラクターの最初のポーズを作りましょう。 最初に、モデルの各レイヤーの最初のコマにキーフレームがあることを確認します。 これは、後で2番目のポーズを作成するとき、最初のポーズは影響されないことを確実にします。 これを行うには、次のいずれか１つの操作を行います。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

現在のコマにキーフレームが追加されます。

6. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。
7. Tools（ツール）ツールバーで、Animate Off（アニメートオフ）または

Animate Onion Skin

Range（オニオンスキン範囲をアニメート）モードが選択されている場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、Animate Current Frame（現在のコマをアニメート）を選択します。
8. Camera（カメラ）ビューでアニメーション化するパーツを選択します。 Transform（トランスフォーム）ツールのコントロールボックスが、選択したレイヤーの周りに表示されます。
Transform（トランスフォーム）ツールコントロールの各部分は、異なる種類のトランスフォームを作るのに使用できます。

135

第12章: カットアウトキャラクターをアニメートする方法

9. Transform（トランスフォーム）

ツールを使用して、選択範囲を回転、スキュー、拡大縮小、または新しい位置に移動させます。

10. 最初のポーズが完了するまで、キャラクターモデルの他の部分についても同じ手順を繰り返します。
11. Tools（ツール）ツールバーでOnion Skin（オニオンスキン）

機能を有効にします。

12. Timeline （タイムライン）ビューで、2番目のポーズを設定したいコマを選択します。

13. 次のいずれかを行って、2番目のポーズのキーフレームを作成します。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

136

Harmony 20 Premium スタートガイド

最初のキーフレームから2番目のキーフレームに移動するラインとともに、2番目のキーフレームが表示されます。 これは、すべてのコマ中割りがHarmonyによって補間されることを示します。

線が表示されない場合は、最初のキーフレームがストップモーションキーフレームとして作成されたことを意味します。 これを修正するには、次のいずれか１つを実行します。
l

最初のキーフレームを右クリックし、Set Motion Keyframe（モーションキーフレームを設定）を選択します。

l

最初のキーフレームを選択してCtrl + K (Windows/Linux)または⌘ + K (macOS)を押します。

新しいキーフレームがデフォルトでMotion（モーション）に設定されていることを確認するには、
トップメニューからAnimation（アニメーション）を選択し、Stop-Motion Keyframe（ストップモーションキーフレーム）オプションのチェックが外れていることを確認します。

注:
各キーフレームは、Motion（モーション）キーフレームまたはStop-Motion（ストップモーション）キーフレームにすることができます。 2つのキーフレームの最初のコマがMotion（モーション）キーフレームの場合、2つのキーフレーム間のコマはHarmonyにより補間されます。

14. Camera（カメラ）ビューで、キャラクターのポーズを再び変更します。

15. アニメーションに追加したいすべてのポーズにこのプロセスを繰り返します。

137

第12章: カットアウトキャラクターをアニメートする方法

アニメーションのイーズの調整方法
1. Timeline（タイムライン）ビューで、キャラクターモデルの階層を折り畳みます。
2. アニメーションキーフレームの一つを選択します。 モデルの階層は折りたたまれているため、これはすべてのレイヤー上のキーフレームを同時に選択します。

3. 次のいずれかを行います。
lTimeline（タイムライン）ビューで右クリックしてSet Ease For Multiple
Parameters（複数パラメータにイーズを設定）を選択します。

lTimeline（タイムライン）ツールバーでSet Ease For Multiple Parameters（複数パ
ラメータにイーズを設定）

ボタンを押します。

Set Ease For Multiple Parameters（複数パラメータにイーズを設定）ダイアログボックスが開きます。

4. グラフ上でベジェ曲線ハンドルをドラッグして、選択されたすべての機能について速度を調整します。

138Harmony 20 Premium スタートガイド

5. イージングパラメータを特定タイプの機能（例えば、Rotation（回転）やScale（拡大縮小）など）にのみ適用したい場合は、Filters（フィルター）セクションで適用したくない機能タイプの選択を解除します。
lMotion（モーション）:選択されたPosition X（位置X）、Position Y（位置Y）、
Position Z（位置Z）および3D Path（3Dパス）機能にイージングパラメータを適用します。

lRotation（回転）:選択されたAngle（角度）機能にイージングパラメータを適用します。

lScale（拡大縮小）:選択されたScale（拡大縮小）機能にイージングパラメータを適用します。

lSkew（スキュー）:選択されたSkew（スキュー）機能にイージングパラメータを適用します。

lMorphing（モーフィング）:選択されたMorphing Velocity（モーフィング速度）機
能にイージングパラメータを適用します。 Tool Properties（ツールプロパティ）
ビューの基本的なMorphing（モーフィング）イーズではなく、Layer Properties（レイヤープロパティ）ウィンドウのMorphing Velocity（モーフィング速度）機能に適用されるので注意してください。

lOther（その他）:エフェクトパラメータのアニメーション化のために作成された機能など、選択されたその他すべての機能にイージングパラメータを適用します。

6. Time Ratio（時間比）とValue Ratio（値比）フィールドに値を入力してイージングを調整することも可能です。 これらの値はパーセンテージで計算されます。
lLeft Time Ratio（左時間比）とRight Time Ratio（右時間比）フィールドに、イーズを持続させたい時間をパーセンテージで入力します。 値は0%から100%の間である必
要があります。

lLeft Value Ratio（左値比）とRight Value Ratio（右値比）フィールドに、イーズアウ
トの強さをパーセンテージで入力します。 値は0%から100%の間である必要があります。

139

第12章: カットアウトキャラクターをアニメートする方法

lTime Ratio（時間比）とValue Ratio（値比）の各値が同じであれば、直線モーションとなります。

7. 次のいずれかのボタンをクリックします。
lApply/Previous（適用/前へ）:選択されたキーフレームにイージングパラメータを適用して、タイムラインの前のキーフレームを選択します。

lApply（適用）:選択されたキーフレームにイージングパラメータを適用します。

lApply/Next（適用/次へ）:選択されたキーフレームにイージングパラメータを適用して、タイムラインの次のキーフレームを選択します。

lClose（閉じる）:ダイアログボックスを閉じます。 適用を行わないと、修正はキャン
セルされます。

注:
複数のキーフレームを含む範囲が選択されると、最初に選択されたキーフレームだけが、Seat
Ease for Multiple Parameters（複数パラメータのシートイーズ）機能によって影響を受けます。

レイヤーの移動カットアウトアニメーションでは、広範囲に及ぶ階層構造の複雑なモデルが頻繁に使用されるため、レイヤー間を簡単にナビゲートできるショートカットを学習することで、時間を大幅に節約できます。
学ぶべき1つのとても有用なトリックは、Centre on Selection（選択の中心）コマンドとそのキーボードショー
トカットです。 このコマンドで、Timeline（タイムライン）またはNode（ノード）ビューの選択したレイヤーに直接移動することができます。 したがって、Camera（カメラ）ビューを使用して作業するレイヤーを視覚的に選択してから、それを見つけるためにカット構造を調べるのではなく、Timeline（タイムライン）ビューまたはNode（ノード）ビューでレイヤーを見つけるのにCentre on Selection（選択の中心）ショートカットを使用することができます。

Timeline（タイムライン）ビューで現在の選択を中心にする方法
1. Timeline（タイムライン）ビューで、すべてのレイヤーを折り畳みます。
2. Tools（ツール）ツールバーで、Transform（トランスフォーム）ツールを選択します。

3. Camera（カメラ）ビューでレイヤーを選択します。
4. 次のいずれかを行います。
lTimeline（タイムライン）ビューのタブをクリックし、それに焦点を合わせてからOを

140

Harmony 20 Premium スタートガイド

押します。
l

Timeline（タイムライン）ビューツールバーで、Selection（選択）ボタンのCentre（中心）をクリックします。

Timeline（タイムライン）ビューはこれで選択したレイヤーの中央に表示され、すべてのその親は自動的に展開されています。

Node（ノード）ビューで現在の選択を中心にする方法
1. Node（ノード）ビューで、ノードネットワークのTop（トップ）レベルに移動します。
2. Tools（ツール）ツールバーで、Transform（トランスフォーム）

ツールを選択します。

3. Camera（カメラ）ビューでレイヤーを選択します。
4. 次のいずれかを行います。
lNode（ノード）ビューのタブをクリックし、それに焦点を合わせてからOを押します。

lNode（ノード）ビューツールバーで、Selection（選択）ボタンのCentre（中心）をクリックします。
Node（ノード）ビューは、これで、選択したレイヤーを中心にレイヤーが配置されているグループ
内にあります。
キーボードのショートカットを頻繁に使用する場合、毎回Timeline（タイムライン）またはNode（ノード）
ビューのタブをクリックしなければならないのは面倒だと思うかもしれません。 この問題を解決するには、
Focus On Mouse Enter（マウス入力に焦点）の設定を有効にすることができます。 これによって、マウスカー
ソルが入るとすぐにビューにフォーカスがセットされ、このビューのすべてのキーボードショートカットが即座に機能するようになります。

Focus On Mouse Enter（マウス入力に焦点）の設定を有効にする方法
1. トップメニューから、Edit（編集） > Preferences（環境設定） （Windows/Linux） またはHarmony > Preferences（環境設定） （macOS）に進みます。
2. General（一般）タブを開きます。
3. Options（オプション）セクションで、Focus On Mouse Enter（マウス入力に焦点）チェック
ボックスにチェックを入れます。
4. OKをクリックします。

141

第12章: カットアウトキャラクターをアニメートする方法

マウスカーソルが目的のビューに入るとすぐに、特定ビューのキーボードショートカットが機能します。
Harmonyは、現在選択されているレイヤーからその、親、その子、またはその兄弟の1つに、選択をすばやく変更するためのコマンドとキーボードショートカットもあり、キャラクターの階層を1つのレイヤーから関連する
レイヤーの1つにすばやく移動できます。

選択したレイヤーの親または子の選択方法
1. Tools（ツール）ツールバーで、Transform（トランスフォーム）ツールを選択します。

2. Transform Tool Properties（トランスフォームツールプロパティ）ビューで、Peg Selection（ペグ選択）

モードの選択が解除されていることを確認します。

3. Camera（カメラ）またはTimeline（タイムライン）ビューで階層に付属するレイヤーまたはオブジェクトを選択します。

4. 次のいずれかを行います。
lAnimation（アニメーション） > Select Parent（親を選択）を選択するかBを押して、親レイヤーを選択します。

lAnimation（アニメーション） > Select Child（子を選択）を選択するかShift + Bを押して、子レイヤーを選択します。

lAnimation（アニメーション） > Select Children（子たちを選択）を選択して、すべての142

Harmony 20 Premium スタートガイド

子レイヤーを一括選択します。

注:
ノード階層を上下に移動するとき、これらのキーボードショートカットは、階層内のエフェク
トノードをスキップし、ペグノードまたは描画ノードのみを選択します。 これは、これらのショートカットがカットアウトアニメーション用に最適化されているためです。 Keyboard
Shortcuts（キーボードショートカット）ダイアログのGeneral（全般）セクションで、これらのショートカットはSelect Parent Skipping Effects（親スキッピングエフェクトを選択）
およびSelect Child Skipping Effects（子スキッピングエフェクトを選択）と名付けられます。 キーボードショートカットを使用してエフェクトノードをスキップせずに階層をナビゲー
トしたい場合、代わりにSelect Parent（親を選択）およびSelect Child（子を選択）コマン
ドに対するカスタムのキーボードショートカットを割り当てることができます。

選択したレイヤーの兄弟の選択方法
1. Timeline（タイムライン）ビューで、少なくとも1つの兄弟を持つレイヤーを選択し、次の操作を行います。
l

家族の前の兄弟を選択するには/を押します。

l

家族の次の兄弟を選択するにはクエスチョンマーク（?）キーを押します。

143

第13章: デフォーマーの使用方法

第13章: デフォーマーの使用方法
デフォーマーは、コンピューターで生成した変形を使用して、キャラクターモデルのオブジェクトやパーツをアニメートする能力を与えます。 変形は、描画上にコントロールポイントを作成することによって機能します。コントロールポイントを動かすと、コントロールポイントに結合されている描画の部分がどこに配置されてもそのコントロールポイントに従うように、描画は曲がったり歪んだりします。
デフォーマー（変形）を使えば、切り取ったキャラクターリグが新しいポーズを描画したり、コマごとのアニメーションを使用しなくても、実行できる移動やアニメーションの範囲を大幅に拡大できます。 変形がリグされたカットアウトキャラクターは、セルアニメーションの流動性と柔軟性をなぞらえた方法でアニメートできます。 さらに、デフォーマー（変形）は、必要な場合コマごとのアニメーションを微調整、強化、または促進するために使用できます。
デフォーマー（変形）は、変形したいボディ部分にリギングし、変形構造を構築し、アニメートすることによって機能します。 これは、

Rigging（リギング）ツールを使って簡単に実行できます。

5種類デフォーマーがHarmony Premiumで利用できます。
l

ボーン

l

ゲームボーンl

カーブl

エンベロープlフリーフォーム

ボーンデフォーマー
Bone（ボーン）変形は、各パーツは硬いけれど関節が柔軟な、骨のような構造を作成することを可能にします。 これは、キャラクターの腕や脚などの四肢、または胴や指などの関節を動かすことができる他の部分をアニメートする場合に最も役立ちます。
例えば、Bone（ボーン）変形を使用すると、上腕と前腕を異なるレイヤーに描かなくても、1つの描画からなる
腕を関節運動させることができるので、上腕と前腕を独立して動かすことができます。 Harmonyは描画を変形して、関節のある見た目にします。 Bone（ボーン）変形の様々なパーツをその関節周りに回転して伸ばしたり縮めたりすることができ、これにより、パーツの取り外し、ピボットポイント、またはアウトラインのクリッピ
ングを心配することなく、様々なレイヤーで関節をアニメーション化するのと同じ機能が得られます。

144

Harmony 20 Premium スタートガイド

ゲームボーンデフォーマー
Game Bone（ゲームボーン）変形はBone（ボーン）変形によく似ています。 それによってポイントで構成される構造化されたものを作成できます。これは関節と、ボーンを表すこれらのポイントを結んだ直線セグメントを表します。 Game Bone（ゲームボーン）変形は、Unityなどのゲームエンジンにエクスポートするように最適化されているという点で異なります。 したがって、通常は、アニメーション制作用ではなく、Unityゲームにインポートされる予定のアニメキャラクターにのみ使用されます。
Bone（ボーン）の変形とは対照的に、Game Bone（ゲームボーン）変形にはBias and Region of Influence（バイアスと影響のある地域）プロパティがありません。 関節の折り目も少し丸みを帯びて見えます。

カーブデフォーマー
Curve（カーブ）変形により、ベジェカーブを使用してキャラクターのパーツを変形することができます。 それはポイントを結ぶ線が曲線であるという点で、Bone（ボーン）変形とは異なります。 したがって、Curve145

第13章: デフォーマーの使用方法（カーブ）変形は、通常、髪の毛、口、眉毛、または胴など、キャラクターの柔軟な部分を変形するために使用されます。 それらはまた、腕と脚が関節式のボーン構造ではなく、伸縮性のある柔軟なチューブのようにアニメートされるゴムホーススタイルで四肢をアニメートするのにも便利です。
カーブのポイントとそのベジェハンドルを操作して、カーブの方向、シェイプ、長さを変更することができます。 カーブ変形でリギングされた描画は、単に曲がるのではなく、その全長に沿って、曲線変形のシェイプに合わせて変形します。

エンベロープデフォーマー
Envelope（エンベロープ）変形では、描画の周囲にエンベロープを作成し、エンベロープのポイントとカーブを操作して描画全体を変形することができます。 それらは、髪の毛、外套、肩、あごなどのような流動的な形状のあるキャラクターの一部を変形するのに使用できます。 Envelope（エンベロープ）変形は、キャラクターの硬い部分を違う角度から見たようにするためにも使用できます。 これは一般に、描画を交換せずにキャラクター
のリグを回転させるために行われるものであり、この手法を使用すると、描画やキャラクターモデルを取り替えなくても、ある角度から別の角度に移動するようにキャラクターリグをアニメートできます。

Envelope（エンベロープ）変形はCurve（カーブ）変形と非常によく似ていますが、エンベロープ変形では最後のポイントが最初のポイントに接続されて閉じたシェイプを作る点が異なります。 また、Curve（カーブ）変形とは逆に、エンベロープ変形ではすべてのポイントは互いに独立して動きますが、カーブ変形の最初のポイン
トは他のすべてのポイントをオフセットします。

146

Harmony 20 Premium スタートガイド

注:ビットマップ画像やテクスチャーに対するEnvelope （エンベロープ）変形の使用はお勧めしません。

自由フォームデフォーマー
Free Form（自由フォーム）変形を使用すると、輪郭上または表面内のどこかにポイントを作成し、それらを自由に動かすことで描画を変形できます。 それは、表面に模様のある布片を敷き詰めて、次にこの布の一部を引っ張ってその形状とパターンをゆがめるのと多少同じように動作します。
Free Form（自由フォーム）変形の主な目的は、テクスチャー付きの図形や複雑描画を変形することです。 内部のテクスチャーを変形させずに描画の輪郭を単に曲げるだけのEnvelope（エンベロープ）変形とは逆に、Free Form（自由フォーム）変形は、そのコントロールポイント間のすべてのアートワークをストレッチ（伸ばし）およびスクオッシュ（押しつぶし） します。 さらに、Free Form（自由フォーム）変形では輪郭を含む描
画上の任意の場所にポイントを作成できるので、実際にテクスチャーの変形方法を正確にコントロールできます。

デフォーマーの作成
デフォーマーの最も簡単な作成方法は、Deformation（変形）ツールバーで利用可能な

Rigging（リギング）

ツールを使用することです。 このツールを使えば、デフォーマーを作成するために必要なすべては、変形したい
レイヤーを選択して、デフォーマーの各ポイントをCamera（カメラ）ビューに配置することだけです。
デフォーマーは、変形ノードの階層としてカットに存在します。 デフォーマーを新規作成するとき、最初に設定したポイントがデフォーマーのルートになり、作成する新しい各ポイントは元のポイントの子になります。 デフォーマーはしたがってチェーン内に作成され、キャラクターの階層を念頭に置いて作成される必要がありま

147

第13章: デフォーマーの使用方法す。 たとえば、腕のデフォーマーを作成する際に、ルートは肩関節で、2番目のポイントは肘、3番目のポイン
トは手首でなければなりません。

ヒント:
変形ポイントはすべて別々のノードであるため、長い変形チェーンを作成すると、Timeline（タイムライン）ビューとNode（ノード）ビューが大きくなる可能性があります。 デフォーマーを構築する前に、新規の変形リグオプションの作成がTool Properties（ツールプロパティ）ビューで有効になっているとき、が自動的にグループを作成することを確認するようお勧めします。 このオプ

ションはデフォルトで有効になっています。 有効時は、同じチェーンの一部である変形ノードが自動的にグループにまとめられます。

デフォーマーは、その階層下のすべてのレイヤーに影響します。 リギングツールを使用して新しいデフォーマーを作成するとき、それは選択したレイヤーの親として自動的に作成され、選択したレイヤーとそのすべての子に影響します。 このため、デフォーマーを作成しようとする前に正しいレイヤーを選択することが重要です。
例えば、アームのデフォーマーを作成する際にアームがいくつかのレイヤーに分割されている場合、上腕がルート、前腕が上腕の子、手が前腕の子という階層構造の中でアームをリギングすることができます。 次に、上腕にデフォーマーを作成すると、上腕の親として作成されるため、アーム全体に影響します。

いくつかのレイヤーを1つのペグの下にグループ化し、このペグを選択してデフォーマーを作成することもできます。 ペグにデフォーマーを作成するとき、デフォーマーはペグの子として、しかしこのペグのすべての子の親として作成されます。 これは、ペグがデフォーマーの下より上でもっと有用である可能性が高いからです。 デフォーマーの下にあるレイヤーを移動すると、意図した変形ゾーンが終了し、ひどく歪んだり曲がって表示されることがあります。 このため、変形はできるだけペグの下に作成する方がよく、デフォーマーの下にあるペグ

148

Harmony 20 Premium スタートガイド

は、デフォーマーが手つかずで放置される場合にのみアニメートすべきです。 デフォーマーはペグのすべての子の親として作成されるため、ペグの下のすべてのレイヤーに影響します。

Bone（ボーン）デフォーマーを作成する方法
1. エレメントを選択したら、Deformation（変形）ツールバーから

Rigging（リギング）ツールを選択します。
2. Tool Properties（ツールプロパティ）ビューでBone（ボーン）モードを有効にします。

3. Tool Properties（ツールプロパティ）ビューで、新しい変形リグを作成するときに

Automatically（自動的に）グループを作成するオプションを有効にして、変形チェーンがグループ内に作成されるようにします。 変形チェーンの各ポイントは個別のレイヤーなので、このオプション
を無効にした状態でデフォーマを作成すると、Timeline（タイムライン）およびNode（ノード）ビューが混乱する恐れがあります。
4. ボーン構造のルート関節を作成したい場所をクリックします。 ルート関節は、体の残りの部分に結びついているものであるべきです。 例えば、腕の場合なら、ルート関節は肩になります。

5. 第2関節を作成する場所をクリックします。
第1関節と第2関節の間にボーンが作成されます。

149

第13章: デフォーマーの使用方法

6. 次の関節を作成したい場所をクリックします。

新しいポイントを作成すると、前のポイントの周りには円が表示されることに注目してしてください。 これは関節の半径となり、これにより関節の一部であるべき描画の量を決定することができます。 最初と最後のポイントを除いて、ボーンデフォーマー（変形）のすべてのポイントには半径があります。
7. 前の関節の半径コントロールポイントをクリックしたまま、関節の半径を、それが適切に関節を覆うように調整します。

8. この作業を繰り返してBone（ボーン）チェーンを完成させます。 各関節が根元から先端へという正しい順序で構築されていることを確認してください。

Curve（カーブ）デフォーマーの作成方法
1. エレメントを選択したら、Deformation（変形）ツールバーから

Rigging（リギング）ツールを選択します。
2. Tool Properties（ツールプロパティ）ビューでCurve（カーブ）モードを有効にします。

3. Tool Properties（ツールプロパティ）ビューで、新しい変形リグを作成するときに

Automatically（自動的に）グループを作成するオプションを有効にして、変形チェーンがグループ内に作成されるようにします。 変形チェーンの各ポイントは個別のレイヤーなので、このオプション
を無効にした状態でデフォーマを作成すると、Timeline（タイムライン）およびNode（ノード）ビューが混乱する恐れがあります。

150

Harmony 20 Premium スタートガイド

4. 変形チェーンのルートを作成するところにカーソルを置きます。 変形チェーンのルートは、ボディ部分が体の残りの部分に結びつくところであるべきです。 たとえば、腕全体のデフォーマーを作成している場合、そのルートポイントは肩のジョイントに作成する必要があります。
5. マウスボタンを押下しながらポイントを作成し、曲線を曲げたい方向にドラッグして、この曲線のベ
ジェハンドルの位置を設定します。

6. カーブを終了させたい場所でマウスボタンを押したまま後方にドラッグしてマウスボタンを放し、そのポイントの前にベジェハンドルを作成します。

注:
ポイントの後のベジェハンドルは、ポイントの前のベジェハンドルと対称になります。

7. このプロセスを繰り返してCurve（カーブ）チェーンを完成させます。

151

第13章: デフォーマーの使用方法

8. 移動しながら、ベジェハンドルをクリック＆ドラッグし、変形チェーンのカーブを調整します。

ヒント:
ベジェハンドルを操作するとき、デフォルトでは、同一ポイントの反対側のベジェハン
ドルは同じ方向に回転し、ポイントをカーブしたままにします。 ポイントを角にしたい
場合は、Altキーを押したまま、ベジェハンドルの1つをクリック＆ドラッグし、反対側のハンドルに影響を与えないようにして回転させます。

Envelope（エンベロープ）変形リグの作成方法
1. エレメントを選択したら、Deformation（変形）ツールバーから

Rigging（リギング）ツールを選択します。
2. Tool Properties（ツールプロパティ）ビューで

Envelope（エンベロープ）モードを有効にします。
3. Tool Properties（ツールプロパティ）ビューで、新しい変形リグを作成するときに

Automatically（自動的に）グループを作成するオプションを有効にして、変形チェーンがグループ内に作成されるようにします。 変形チェーンの各ポイントは個別のレイヤーなので、このオプション
を無効にした状態でデフォーマを作成すると、Timeline（タイムライン）およびNode（ノード）ビューが混乱する恐れがあります。
4. エンベロープの作成を始めたいところにカーソルを合わせます。
5. マウスボタンを押しながらポイントを作成し、曲線を曲げたい方向にドラッグして、この曲線のベ
ジェハンドルの位置を設定します。

152

Harmony 20 Premium スタートガイド

6. マウスボタンを押したまま別のポイントを作成し、次に後方にドラッグしてマウスボタンを放し、そのポイントの前にベジェハンドルを作成します。

注:
ポイントの後のベジェハンドルは、ポイントの前のベジェハンドルと対称になります。

7. 他のポイントを作成するにはこれを繰り返します。

8. 移動しながら、ベジェハンドルをクリック＆ドラッグし、エンベロープのカーブを調整します。

153

第13章: デフォーマーの使用方法

ヒント:
ベジェハンドルを操作するとき、デフォルトでは、同一ポイントの反対側のベジェハン
ドルは同じ方向に回転し、ポイントをカーブしたままにします。 ポイントを角にしたい
場合は、Altキーを押したまま、ベジェハンドルの1つをクリック＆ドラッグし、反対側のハンドルに影響を与えないようにして回転させます。

9. エンベロープを閉じる準備ができるまで、必要なポイントを1つおきに作成します。

10. Envelope（エンベロープ）デフォーマーを閉じる準備ができたら、Altキーを押したまま変形チェー
ンの最初のポイント上をクリックします。

154

Harmony 20 Premium スタートガイド

自由フォーム変形リグを作成する方法
1. 変形したい描画を選択します。
2. Deformation（変形）ツールバーで、

Rigging（リギング）ツールを選択します。

3. Tool Properties（ツールプロパティ）ビューで、Free Form（自由フォーム）モードを有効にします。
4. Camera（カメラ）ビューで、最初の変形ポイントを作成したい場所をクリックします。

5. 作成したいポイントごとに繰り返します。

6. ポイントの配置を変更したい場合は、クリック＆ドラッグします。 Rigging（リギング）ツールが選択されている間にポイントを移動すると、描画を変形することなくポイントの静止位置が変わります。

155

第13章: デフォーマーの使用方法

7. ポイントを削除したい場合は、ポイントをクリックして選択してからDelを押します。

デフォーマーの表示
Harmonyでは、どのデフォーマーが現在の選択とは独立してCamera（カメラ）ビューに表示されるかを制御できます。 変形チェーンを作成すると、その変形コントロールがCamera（カメラ）ビューに表示されます。
しかし、既存のデフォーマーまたは既存のデフォーマーに接続されているレイヤーを選択した場合、変形コント
ロールは自動的には表示されません。 同様に、変形チェーンの選択を解除しても変形コントロールを非表示にはしません。
既存の変形チェーンをアニメートまたは変更する前に、手動で変形チェーンを表示する必要があります。

変形制御を表示する方法
1. 次のいずれかを行います。
lCamera, Timeline or Node（カメラ、タイムラインまたはノード）ビューで、表示したい変形チェーンにリンクされている描画レイヤーの1つを選択します。

lTimeline（タイムライン）またはNode（ノード） ビューで、表示したい変形グループまたは
変形チェーンの一部を選択します。

2. Deformation（変形）ツールバーで、次のいずれかを行います。
lShow the Selected Deformation Chain and Hide All Others（選択した変形チェーンを表示してその他すべてを非表示にする）ボタンをクリックして、選択したエレメントの変形
チェーンを表示し、現在表示されている他の変形チェーンは非表示にします。

lShow Selected Deformers（選択したデフォーマーを表示）ボタンをクリックして、現在表示されている他の変形チェーンとともに、選択したエレメントの変形チェーンを表示します。

選択した変形コントロールポイントがCamera（カメラ）ビューに表示されます。

156

Harmony 20 Premium スタートガイド

注:Show the Selected Deformation Chain and Hide All Others（選択した変形チェーンを表示
してその他すべてを非表示にする）ボタンは、選択の階層にあるすべての変形チェーンを表示します。 例えば、キャラクターモデルのマスターペグが選択されている場合、その変形チェー
ンのすべてが表示されます。 同様に、異なる変形チェーンにリンクされた複数のレイヤーが選択されると、その変形チェーンのすべてが表示されます。

変形コントロールを非表示にする方法
1. 次のいずれかを行います。
lCamera（カメラ）ビューの Timeline（タイムライン）ビューまたはNode（ノード）ビューのネガティブスペースをクリックして現在の選択を破棄し、 Deformation（変形）ツールバーのShow Selected Deformation Chain and Hide All Others （選択された変形チェーンを表示し、他はすべて非表示）ボタンをクリックします。
lいかなるデフォーマーにもリンクされていないレイヤーを選択し、変形ツールバーのShow Selected Deformers Chain and Hide All Others（選択された変形チェーンを表示し、他はすべて非表示）

lボタンをクリックします。

Camera（カメラ）ツールバーでHide All Controls（すべての制御を非表示）ボタ

ンをクリックします。
lトップメニューからView(ビュー) > Hide All Controls（すべての制御を非表示）
を選択します。

l

Shift + Cを押します。

デフォーマーでアニメート
ペグのアニメートやレイヤー描画でと同様、Timeline （タイムライン）の対応するレイヤー上にキーフレームを作成することにより、デフォーマーをアニメートすることができます。 デフォーマー（変形）のアニメート
は、Rigging（リギング）ツールの代わりにTransform（トランスフォーム）ツールの使用が求められることを除き、デフォーマー（変形）に修正を加えるのとまったく同様に機能します。 Transform（トランスフォーム）ツールが選択されると、Camera（カメラ）ビューの変形コントロールが緑に表示されてアニメーション
モードであることを示す一方、Rigging（リギング）ツールが選択されると赤で表示されてリギングモードにあることを示します。

157

第13章: デフォーマーの使用方法

Bone（ボーン）およびGame Bone（ゲームボーン）変形をアニメートする方法
1. Timeline（タイムライン）ビューで、展開/折り畳み矢印を使ってキャラクターを折り畳みます。

2. カットの最初のコマを選択します。

3. 1コマ後にモデルが消えないようにするには、次のいずれかを実行してExtend Exposure（コマを拡大）ダイアログを開きます。
lTimeline （タイムライン）で最初のコマを右クリックし、 Extend Exposure（コマを拡大）を選択します。

l

F5を押します。

4. Extend Exposure（コマを拡大）ダイアログで、カットのコマ数を入力し、確定します。 これにより、カット全体にモデルがエクスポージャー（可視化）されます。
5. それではここで、キャラクターの最初のポーズを作りましょう。 最初に、モデルの各レイヤーの最初のコマにキーフレームがあることを確認します。 これは、後で2番目のポーズを作成するとき、最初のポーズは影響されないことを確実にします。 これを行うには、次のいずれか１つの操作を行います。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

現在のコマにキーフレームが追加されます。

6. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。

158Harmony 20 Premium スタートガイド

7. Tools（ツール）ツールバーで、Animate Off（アニメートオフ）または

Animate Onion Skin

Range（オニオンスキン範囲をアニメート）モードが選択されている場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、Animate Current Frame（現在のコマをアニメート）を選択します。
8. 次のいずれかを行います。
lCamera, Timeline or Node（カメラ、タイムラインまたはノード）ビューで、アニメートしたい変形チェーンにリンクされている描画レイヤーの1つを選択します。

lTimeline（タイムライン）またはNode（ノード） ビューで、アニメートしたい変形グループ
または変形チェーンの一部を選択します。

9. Deformation（変形）ツールバーで、次のいずれかを行います。
lShow the Selected Deformation Chain and Hide All Others（選択した変形チェーンを表示してその他すべてを非表示にする）ボタンをクリックして、選択したエレメントの変形
チェーンを表示し、現在表示されている他の変形チェーンは非表示にします。

lShow Selected Deformers（選択したデフォーマーを表示）ボタンをクリックして、現在表示されている他の変形チェーンとともに、選択したエレメントの変形チェーンを表示します。

選択した変形コントロールポイントがCamera（カメラ）ビューに表示されます。
10. Camera （カメラ）ビューで次の操作を行います。
l

四肢全体を回転させるには、最初のボーンをクリック＆ドラッグします。 これによって、最初のボーンとそれに続くすべてのボーンが回転します。

l

四肢を曲げるには、別のボーンをクリックしてドラッグします。 これによって、ボーンとそれに続くすべてのボーンが回転しますが、その前のボーンは現在の位置に残ります。

159

第13章: デフォーマーの使用方法

l

関節を再配置するには、そのコントロールポイントをクリック＆ドラッグします。 これはボーンを回転したり、短くしたり、長くしたりするのに使われ、その後のすべてのボーンをオフセットします。

l

ボーンを回転させずに短く、または長くするには、Altキーを押したまま、そのコント
ロールポイントをクリック＆ドラッグします。

l

四肢全体をオフセットするには、そのルートポイントをクリック＆ドラッグします。

160

Harmony 20 Premium スタートガイド

ヒント:
また、それを選択してから矢印キーを押すことによって、どの方向にも関節をナッジすることができます。

11. Timeline（タイムライン）ビューで、次のキーポーズを設定したいコマに移動します。
12. 次のいずれかを行って、現在のコマにキーフレームを追加します。
lTimeline（タイムライン）ツールバーで、Add Keyframe（キーフレームを追加）
ボタンをクリックします。

l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

13. デフォーマー（変形）のポイントをトランスフォームして、新しいキーポーズを作成します。
14. アニメーションが完成するまで前のステップを繰り返します。

Curve（カーブ）変形をアニメートする方法
1. Timeline（タイムライン）ビューで、展開/折り畳み矢印を使ってキャラクターを折り畳みます。

2. カットの最初のコマを選択します。

161

第13章: デフォーマーの使用方法

3. 1コマ後にモデルが消えないようにするには、次のいずれかを実行してExtend Exposure（コマを拡大）ダイアログを開きます。
lTimeline （タイムライン）で最初のコマを右クリックし、 Extend Exposure（コマを拡大）を選択します。

l

F5を押します。

4. Extend Exposure（コマを拡大）ダイアログで、カットのコマ数を入力し、確定します。 これにより、カット全体にモデルがエクスポージャー（可視化）されます。
5. それではここで、キャラクターの最初のポーズを作りましょう。 最初に、モデルの各レイヤーの最初のコマにキーフレームがあることを確認します。 これは、後で2番目のポーズを作成するとき、最初のポーズは影響されないことを確実にします。 これを行うには、次のいずれか１つの操作を行います。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

現在のコマにキーフレームが追加されます。

6. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。
7. Tools（ツール）ツールバーで、Animate Off（アニメートオフ）または

Animate Onion Skin

Range（オニオンスキン範囲をアニメート）モードが選択されている場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、Animate Current Frame（現在のコマをアニメート）を選択します。
8. 次のいずれかを行います。
lCamera, Timeline or Node（カメラ、タイムラインまたはノード）ビューで、アニメートしたい変形チェーンにリンクされている描画レイヤーの1つを選択します。

lTimeline（タイムライン）またはNode（ノード） ビューで、アニメートしたい変形グループ
または変形チェーンの一部を選択します。

162

Harmony 20 Premium スタートガイド

9. Deformation（変形）ツールバーで、次のいずれかを行います。
lShow the Selected Deformation Chain and Hide All Others（選択した変形チェーンを表示してその他すべてを非表示にする）ボタンをクリックして、選択したエレメントの変形
チェーンを表示し、現在表示されている他の変形チェーンは非表示にします。

lShow Selected Deformers（選択したデフォーマーを表示）ボタンをクリックして、現在表示されている他の変形チェーンとともに、選択したエレメントの変形チェーンを表示します。

選択した変形コントロールポイントがCamera（カメラ）ビューに表示されます。

10. Camera （カメラ）ビューで次の操作を行います。
l

ボディ部分を短くしたり長くしたりするには、コントロールポイントの1つをクリック＆ドラッグします。

ヒント:
また、それを選択してから矢印キーを押すことによって、どの方向にも変形ポイントをナッジすることができます。

163

第13章: デフォーマーの使用方法l

ボディ部分のカーブを変形するには、ベジエ曲線ハンドルの1つをクリック＆ドラッグ
します。

lデフォルトでは、あるポイントのベジェハンドルを回転させると、同じポイントの反対側のベジェハンドルも一緒に回転し、反対側のカーブに影響を与えます。 ベジェハン
ドルを反対側のハンドルとは無関係に回転させるには、このベジェハンドルをクリック
して選択します。 次に、Altキーを押したままこのハンドルをクリック＆ドラッグして回転させます。

l

デフォルトでは、Curve（カーブ）変形チェーン内のポイントをトランスフォームしても、後続のポイントをオフセットしません。 ポイントとそれに続くすべてのポイント
をオフセットするには、Ctrl (Windows/Linux)または⌘ (macOS)キーを押したまま、オフセットしたい最初のポイントをクリックしてドラッグします。

164Harmony 20 Premium スタートガイドlポイントとそれに続くすべてのポイントを回転させるには、後続のポイントを選択して回転させるポイントの後 にあるベジェハンドルをクリックします。 次に、Ctrl(Windows/Linux)または⌘ (macOS)キーを押したままそのハンドルをクリック＆ドラッグして回転させます。 それ以降のすべてのポイントは、このハンドルのポイントを中心に回転します。

l

四肢全体をオフセットするには、ルートポイントをクリックしてドラッグします。

165

第13章: デフォーマーの使用方法

l

四肢全体を回転させるには、ルートピボットポイントの後ろにある回転ハンドルをク
リック＆ドラッグします。

11. Timeline（タイムライン）ビューで、次のキーポーズを設定したいコマに移動します。
12. 次のいずれかを行って、現在のコマにキーフレームを追加します。
lTimeline（タイムライン）ツールバーで、Add Keyframe（キーフレームを追加）
ボタンをクリックします。

l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

13. デフォーマー（変形）のポイントをトランスフォームして、新しいキーポーズを作成します。
14. アニメーションが完成するまで前のステップを繰り返します。

Envelope （エンベロープ）変形をアニメートする方法
1. Timeline（タイムライン）ビューで、展開/折り畳み矢印を使ってキャラクターを折り畳みます。

166

Harmony 20 Premium スタートガイド

2. カットの最初のコマを選択します。

3. 1コマ後にモデルが消えないようにするには、次のいずれかを実行してExtend Exposure（コマを拡大）ダイアログを開きます。
lTimeline （タイムライン）で最初のコマを右クリックし、 Extend Exposure（コマを拡大）を選択します。

l

F5を押します。

4. Extend Exposure（コマを拡大）ダイアログで、カットのコマ数を入力し、確定します。 これにより、カット全体にモデルがエクスポージャー（可視化）されます。
5. それではここで、キャラクターの最初のポーズを作りましょう。 最初に、モデルの各レイヤーの最初のコマにキーフレームがあることを確認します。 これは、後で2番目のポーズを作成するとき、最初のポーズは影響されないことを確実にします。 これを行うには、次のいずれか１つの操作を行います。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

現在のコマにキーフレームが追加されます。

6. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。
7. Tools（ツール）ツールバーで、Animate Off（アニメートオフ）または

Animate Onion Skin

Range（オニオンスキン範囲をアニメート）モードが選択されている場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、マをアニメート）を選択します。

167

Animate Current Frame（現在のコ

第13章: デフォーマーの使用方法

8. 次のいずれかを行います。
lCamera, Timeline or Node（カメラ、タイムラインまたはノード）ビューで、アニメートしたい変形チェーンにリンクされている描画レイヤーの1つを選択します。

lTimeline（タイムライン）またはNode（ノード） ビューで、アニメートしたい変形グループ
または変形チェーンの一部を選択します。

9. Deformation（変形）ツールバーで、次のいずれかを行います。
lShow the Selected Deformation Chain and Hide All Others（選択した変形チェーンを表示してその他すべてを非表示にする）ボタンをクリックして、選択したエレメントの変形
チェーンを表示し、現在表示されている他の変形チェーンは非表示にします。

lShow Selected Deformers（選択したデフォーマーを表示）ボタンをクリックして、現在表示されている他の変形チェーンとともに、選択したエレメントの変形チェーンを表示します。

選択した変形コントロールポイントがCamera（カメラ）ビューに表示されます。

10. Camera （カメラ）ビューで次の操作を行います。
l

描画を変形するには、エンベロープに沿って配置されているコントロールポイントをク
リック＆ドラッグします。

168

Harmony 20 Premium スタートガイド

ヒント:
また、それを選択してから矢印キーを押すことによって、変形ポイントをナッジすることができます。

lエンベロープのコントロールポイントハンドルを使用して、描画のカーブを変更します。

lデフォルトでは、あるポイントのベジェハンドルを回転させると、同じポイントの反対側のベジェハンドルも一緒に回転し、反対側のカーブに影響を与えます。 ベジェハン
ドルを反対側のハンドルとは無関係に回転させるには、このベジェハンドルをクリック
して選択します。 次に、Altキーを押したままこのハンドルをクリック＆ドラッグして回転させます。

11. Timeline（タイムライン）ビューで、次のキーポーズを設定したいコマに移動します。
12. 次のいずれかを行って、現在のコマにキーフレームを追加します。
lTimeline（タイムライン）ツールバーで、Add Keyframe（キーフレームを追加）
ボタンをクリックします。

169

第13章: デフォーマーの使用方法l右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

13. デフォーマー（変形）のポイントをトランスフォームして、新しいキーポーズを作成します。
14. アニメーションが完成するまで前のステップを繰り返します。

Free Form（自由フォーム）変形をアニメートする方法
1. Timeline（タイムライン）ビューで、展開/折り畳み矢印を使ってキャラクターを折り畳みます。

2. カットの最初のコマを選択します。

3. 1コマ後にモデルが消えないようにするには、次のいずれかを実行してExtend Exposure（コマを拡大）ダイアログを開きます。
lTimeline （タイムライン）で最初のコマを右クリックし、 Extend Exposure（コマを拡大）を選択します。

l

F5を押します。

4. Extend Exposure（コマを拡大）ダイアログで、カットのコマ数を入力し、確定します。 これにより、カット全体にモデルがエクスポージャー（可視化）されます。
5. それではここで、キャラクターの最初のポーズを作りましょう。 最初に、モデルの各レイヤーの最初のコマにキーフレームがあることを確認します。 これは、後で2番目のポーズを作成するとき、最初のポーズは影響されないことを確実にします。 これを行うには、次のいずれか１つの操作を行います。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

現在のコマにキーフレームが追加されます。

170

Harmony 20 Premium スタートガイド

6. Tools（ツール）ツールバーでTransform（トランスフォーム）ツールを選択するか、またはShift + Tを押します。
7. Tools（ツール）ツールバーで、Animate Off（アニメートオフ）または

Animate Onion Skin

Range（オニオンスキン範囲をアニメート）モードが選択されている場合、それをクリックしてAnimate（アニメート）ポップアップメニューを開き、Animate Current Frame（現在のコマをアニメート）を選択します。
8. 次のいずれかを行います。
lCamera, Timeline or Node（カメラ、タイムラインまたはノード）ビューで、アニメートしたい変形チェーンにリンクされている描画レイヤーの1つを選択します。

lTimeline（タイムライン）またはNode（ノード） ビューで、アニメートしたい変形グループ
または変形チェーンの一部を選択します。

9. Deformation（変形）ツールバーで、次のいずれかを行います。
lShow the Selected Deformation Chain and Hide All Others（選択した変形チェーンを表示してその他すべてを非表示にする）ボタンをクリックして、選択したエレメントの変形
チェーンを表示し、現在表示されている他の変形チェーンは非表示にします。

lShow Selected Deformers（選択したデフォーマーを表示）ボタンをクリックして、現在表示されている他の変形チェーンとともに、選択したエレメントの変形チェーンを表示します。

選択した変形コントロールポイントがCamera（カメラ）ビューに表示されます。

171

第13章: デフォーマーの使用方法

10. Camera（カメラ）ビューで次の操作を行います。
lコントロールポイントの中心をクリック＆ドラッグし、位置を変更します。

ヒント:
また、それを選択してから矢印キーを押すことによって、変形ポイントをナッジすることができます。

lコントロールポイントの右にある紫色のハンドルをクリック＆ドラッグし、回転させます。

11. 意図したとおりに描画が変形されるまで、他のすべてのコントロールポイントについて繰り返します。

172

Harmony 20 Premium スタートガイド

12. Timeline（タイムライン）ビューで、次のキーポーズを設定したいコマに移動します。
13. 次のいずれかを行って、現在のコマにキーフレームを追加します。
lTimeline（タイムライン）ツールバーで、Add Keyframe（キーフレームを追加）
ボタンをクリックします。

l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

14. デフォーマー（変形）のポイントをトランスフォームして、新しいキーポーズを作成します。
15. アニメーションが完成するまで前のステップを繰り返します。

173

第14章: サウンドのインポートと口パクを追加する方法

第14章: サウンドのインポートと口パクを追加する方法

サウンドのインポート
アニメーションにサウンドを追加したい場合は、サウンド編集ソフトウェアでサウンドファイルを編集してミックスすることをお勧めします。 フルレングスのプレミックスされたサウンドトラックを使用することは、ポスト
プロダクション用にサードパーティのソフトウェアを使用する場合に、オーディオのタイミング、ミキシング、品質を維持することを確実にします。 別の優れた方法は、サウンドトラックを音楽、サウンドエフェクト、およびキャラクターのトラックに分けて、アニメーションを音声やサウンドと簡単に同期させることです。 さもなけ
れば、サウンドエフェクトをクリップし、必要に応じて音量をHarmonyで直接調節することができます。
プロジェクトをToon Boom Storyboard Proで作成する場合、プロジェクトのカットを別々のHarmonyカット
としてすべてエクスポートすることが可能です。 絵コンテのサウンドトラックはカットごとにカットアップされ、各片はエクスポートされたカットに挿入されるので、サウンドトラックをスプリットしインポートする時間を節約できます。
Harmonyは.wav、.aiffおよび.mp3のオーディオファイルをインポートすることができます。

注:
カット以上に長いサウンドトラックをインポートしても、カットの長さを延長しません。 サウンドのプレイバックはカット長の終了時点で停止します。

サウンドファイルのインポート方法
1. 次のいずれかを行います。
l

トップメニューからFile（ファイル） > Import（インポート） > Sound（サウンド）を選択します。

lXsheet（タイムシート）ビューでコマエリアを右クリックし、Import（インポート） > Sounds（サウンド）を選択します。

lXsheet（タイムシート）メニューからFile（ファイル） > Import（インポート） >Sounds（サウンド）を選択します。

lTimeline（タイムライン）メニューからImport（インポート） > Sounds（サウンド）を選択します。

Select Sound File（サウンドファイルを選択）ダイアログボックスが開きます。

174Harmony 20 Premium スタートガイド

2. Select Sound File（サウンドファイルを選択）ダイアログボックスから、サウンドファイルを探して選択します。
サウンドファイルはTimeline（タイムライン）ビューにレイヤーとして表示されます。 その波形がトラックに表示されるので、サウンドトラック内のサウンドエフェクトがどのコマで発生するかを視覚化するのに有用です。

サウンドトラックはXsheet（タイムシート）ビューの列として表示されますが、デフォルトでは波形は表示されません。 必要に応じて、サウンド列の波形を右クリックし、 Sound Display（サウンド表示） > Waveform（波形）を選択することによりサウンド列の波形を表示できます。

自動口パク検出
アニメーションに口パクを追加することはキャラクターが生きているように見せるために不可欠です。 しかし、それはまた、アニメーションプロセスの特に退屈な部分です。

この問題を解決するために、Harmonyは自動口パク作成機能を備えています。 この機能は、カット内のサウン
ドトラックのコンテンツを分析し、検出した各音素を、アニメーション業界の標準的なマウスチャートである次のマウスチャートの口形と関連付けます。

175

第14章: サウンドのインポートと口パクを追加する方法

注:
これらの口形に割り当てられた文字は標準的な識別子であり、作り出す予定のサウンドには対応していません。

これは、各口形を表すために使用できる英語の音素の近似値です。
l

A: m、b、p、hl

B: s、d、j、i、k、tl

C: e、al

D: A、El

E: ol

F: u、ool

G: f、phl

X:無音、はっきりしない音

自動口パク作成を行う際に、Harmonyは口形の描画を作成しません。 適正な口形に関連付けられた文字を列の各セルに挿入することによって、キャラクターの口のレイヤーの描画列を生成された口パクで単に塗りつぶすだ
けです。 したがって、自動口パク作成が機能するためには、キャラクターの口レイヤーにはすでにマウスチャー
トの各描画に対して口の描画が含まれているはずであり、これらの描画の名称には対応する文字が付いていなけ
ればなりません。

Layer Properties（レイヤープロパティ）ビューを使用して口パクのサウンド検出を生成する方法
1. Timeline（タイムライン）またはXsheet （タイムシート）ビューで、サウンドレイヤーを選択しま

176Harmony 20 Premium スタートガイド

す。
そのレイヤーのオプションがLayer Properties（レイヤープロパティ）ビューに表示されます。
2. Layer Properties（レイヤープロパティ）でDetect（検出）をクリックします。

Harmonyは選択したサウンドクリップを分析し、各サウンドセルに口パクの文字を割り当てます。
3. Map（マップ）ボタンをクリックしてLip-Sync Mapping（口パクマッピング）のダイアログボック
スを開きます。

4. Destination Layer（宛先レイヤー）メニューから、キャラクターのボイストラックに対応する口の位置を含むレイヤーを選択します。

177

第14章: サウンドのインポートと口パクを追加する方法

注:
選択されたレイヤーにシンボルが含まれている場合は、レイヤーに直接配置された描画を使用して口パクをマッピングするか、シンボルのコマを使用することができます。 描
画を使用したい場合や、ドロップダウンメニューから希望のシンボルを選択したい場合
は、Symbol Layer（シンボルレイヤー）フィールドでDon't Use Any Symbol（シンボルを使用しない）を選択します。

5. Mapping（マッピング）セクションで、対応する音素の右にあるフィールドに描画名またはSymbol（シンボル）コマを入力します。 描画にすでに音素文字で名称が付けられている場合は、このステッ
プをスキップできます。
6. OKをクリックします。
7. Playback（プレイバック）ツールバーで、Enable Sound（サウンドを有効化）

オプションを有効にします。
8. Playback（プレイバック）ツールバーでPlay（再生）ボタンを押して、Camera（カメラ）

ビューで結果を確認および視聴します。
自動生成される口パクを調整する必要がある場合は、口パクの手動によるアニメート (ページ178)を参照してください。

口パクの手動によるアニメート
キャラクターの対話の各コマでどの口元の描画がエクスポージャーされるべきかを選択することにより、カットの口パクを手動で作成できます。 このプロセスにはSound Scrubbing（サウンドスクラブ）機能を使用します
が、これは、Timeline（タイムライン）カーソルを移動するたびに現在のコマでサウンドトラックの一部を再生し、キャラクターの口に合う音素を特定できるようにします。 また、すべてのコマでエクスポージャーされる口描画を変更するために描画置換を使用します。

Timeline（タイムライン）ビューで口パクをアニメートする方法
1. Playback（プレイバック）ツールバーで、Sound Scrubbing（サウンドスクラブ）ボタンを有効にします。
2. Timeline（タイムライン）ビューで、赤い再生ヘッドをサウンドレイヤーの波形に沿ってドラッグします。
3. 然るべき口の位置のコマ、例えば 「お」音のために丸く開いた口に達したら、口形レイヤーのそのコマをクリックします。
4. Parameters（パラメータ）セクションで、口の形のレイヤーに留まって、カーソルがスワッピング
ポインターに変わるまで、描画名（多くの場合1文字）の上にカーソルを置きます。

178

Harmony 20 Premium スタートガイド

5. カーソルを引っ張って口形の名称のリストを表示し、目的のものを１つ選択します。 現在の描画は自動的に新しい選択に変わります。

Library（ライブラリー）ビューを使って口パクをアニメートする方法
1. Playback（プレイバック）ツールバーで、Sound Scrubbing（サウンドスクラブ）ボタンを有効にします。
2. Timeline（タイムライン）ビューで、赤い再生ヘッドをサウンドレイヤーの波形に沿ってドラッグします。
3. 然るべき口の位置のコマ、例えば 「お」音のために丸く開いた口に達したら、口形レイヤーのそのコマをクリックします。
4. Library（ライブラリー）ビューのDrawing Substitution（描画置換）ウィンドウで、スライダーをドラッグして口形を選択します。 現在の描画がプレビューウィンドウのものと入れ替わります。

Drawing Substitutions（描画の代替）ビューを使って描画を取り替える方法
1. 次のいずれか1つを実行して、Drawing Substitutions（描画の代替）ビューをワークスペースに追加します: 既存のビューの右上隅で、Add View（ビューを追加）ボタンをクリックし、Drawing

179

第14章: サウンドのインポートと口パクを追加する方法

Substitutions（描画の代替）を選択します。
lトップメニューからlWindows > Drawing Substitutions（描画の代替）を選択します。

lIn the top-right corner of any existing view, click on the

Add View button and selectDrawing Substitutions.
l

In the top menu, select Windows > Drawing Substitutions.

2. Playback（プレイバック）ツールバーで、Sound Scrubbing（サウンドスクラブ）ボタンを有効にします。
3. Timeline（タイムライン）ビューで、赤い再生ヘッドをサウンドレイヤーの波形に沿ってドラッグします。
4. 然るべき口の位置のコマ、例えば 「お」音のために丸く開いた口に達したら、口形レイヤーのそのコマをクリックします。
5. Drawing Substitutions（描画の代替）で、現在のコマでエクスポージャーする口のポーズをクリッ
クします。

ヒント:
また [を押して、選択した描画を前の描画に置き換え、]それを次の描画に置き換えることができます。

180Harmony 20 Premium スタートガイド

181

第15章: カットにエフェクトを追加する方法

第15章: カットにエフェクトを追加する方法
カットを作成したり、キャラクターをリギングしたり、アニメーションが完成したりすると、ぼかし、グロー、影、カラーフィルター、透明フィルターなどのエフェクトを追加したり、プロジェクトの質を向上させることができます。 エフェクトは、レイヤーやレイヤーのグループがカットでレンダリングされる方法を変更します。

エフェクトについてエフェクトとは、カットの構造に追加することができる特殊なタイプのノードです。 エフェクトノードが機能するためには、描画、合成、別のエフェクト、または画像を出力する他のノードの下に接続されている必要があります。 エフェクトノードは、入力ポートに送られた画像情報を変更し、処理された画像を出力ポートから出力します。 これにより、カットのどのエレメントがエフェクトの影響を受けるかを柔軟に判断できます。
一部のエフェクトは、マットレイヤーと言及され、影響するエリアを定義するのに使用される別のレイヤーにリンクする必要があります。 これの良い例はTone（トーン）エフェクトで、所定の形状の影をレイヤーに追加するのに使用されます。 単独では、Tone（トーン）エフェクトは接続されている描画に影響しません。 マットレ
イヤーと組み合わさると、Tone（トーン）エフェクトはマットの形状を使って描画に影を適用します。 たとえ
マットの形状が描画のアウトラインより外側に出ても、影は描画のアウトライン内にのみ適用されます。

182

Harmony 20 Premium スタートガイド

マットレイヤーとは、そのマットとしてエフェクトに接続されている単なる通常の描画レイヤーです。 このエ
フェクトは、マットレイヤーでの描画の形を取り、影響を受ける描画の領域を決定します。 マットレイヤーの色とディテールはエフェクトによって無視され、形状だけが考慮されます。
Node（ノード）ビューで、エフェクトは、その入力（上部）ポートによって影響することを意味する描画や合成に接続されていなければならず、その出力（底部）ポートはカットの主な合成に接続されていなければなりま
せん。

エフェクトでマットレイヤーを使用できる場合、それには、その左側にマットポートがあってマットレイヤーを接続できます。

マットポートの下にMatte（マット）アイコンがあります。 このアイコンをダブルクリックすると、マットを反転させることができます。これによりエフェクトは、マットとしてマット描画それ自体ではなく、マット描
画のネガティブスペースを使用します。 エフェクトのマットが反転すると、Matte（マット）はホワイトオンブ
ラックではなくブラックオンホワイトで表示されます。

.

エフェクトが接続されると、パラメーターを調整することができます。それには、パラメーターを選択し、Layer Properties（レイヤープロパティ）ビューを使用してパラメータを調整します。 また、ノードのLayer Properties（レイヤープロパティ）アイコンをクリックして、ダイアログにレイヤープロパティを開くこともできます。 必要に応じて、値を関数に変換することによって、エフェクトのパラメータをアニメートすることもできます。

183

第15章: カットにエフェクトを追加する方法

ヒント:
カットの他の場所で描画レイヤーのカットされていないバージョンを使用する必要がある場合、描
画レイヤーの出力ポートを合成の他の入力ポートに接続するか、必要に応じて他のエフェクトまたは合成に接続することで、接続されているエフェクトをバイパスすることができます。 これによって新しいケーブルが作成され、エフェクトへのレイヤーの接続は影響を受けないまま保持されます。

エフェクトの追加
Harmonyで、Node Library（ノードライブラリー）ビューからNode（ノード）ビューまでそれをドラッグし、その描画レイヤーと合成の間の仲介として接続することにより、エフェクトを追加することができます。 そして、Layers Properties（レイヤープロパティ）ビューのパラメータを調整し、マットやその他必要な入力レ
イヤーに接続することで、意図したエフェクトを得ることができます。
エフェクトや他のタイプのノードをNode（ノード）ビューに追加するには、まず最初にNode Library（ノードライブラリー）ビューでそれらを見つける必要があります。

Harmonyで新規プロジェクトを作成する場合、Node（ノード）ビューに表示されるデフォルトのノードシステ
ムは以下のようになります。

184Harmony 20 Premium スタートガイド

レイヤーがカットの合成にどのように接続されているかに注目してください。 エフェクトが機能するためには、
あたかもレイヤーの描画情報をそれが合成に達する前にフィルター処理されたかのように、レイヤーとその合成の間の中間物として接続される必要があります。

Node（ノード）ビューにエフェクトを追加する方法
1. Node Library（ノードライブラリー）ビューでエフェクトを選択し、それをNode（ノード）ビューにドラッグします。 Search（検索）ツールバーを使うとノードをより迅速に見つけることができます。

185

第15章: カットにエフェクトを追加する方法

2. エフェクトが機能するためには、それが描画とその合成の間の仲介役として機能しなければなりません。 既存の接続の途中にノードを追加するには、Altそのキーを押したまま、そのノードを接続上にドラッグします。

3. ノード名のすぐ左にあるLayer Properties（レイヤープロパティ）

アイコンをクリックし、

Layer Properties（レイヤープロパティ）ダイアログを開きます。

エフェクトのLayer Properties（レイヤープロパティ） ダイアログが表示されます。

注:
エフェクトのパラメータを設定したら、Library（ライブラリー）ビューにテンプレートとして保存して、パラメータを再設定しなくてもすばやく再利用することができます。テンプレートの作成および使用方法 (ページ226)参照。

186

Harmony 20 Premium スタートガイド

マットでエフェクトを追加
次のチュートリアルでは、マットでCutter（カッター）エフェクトを使用する方法を実例説明します。
Harmonyのいくつかのエフェクトは、影響する画像のエリアを決定するのにマットを使用します。

Cutter（カッター）エフェクトは画像の一部を切り取ります。 これを行うには、切り取る予定の描画とともにマットレイヤーにも接続されている必要があります。 カッターは、マットレイヤーで描画の形状を取り、この図形を描画レイヤーから切り取ります。 これは、背景エレメントの間でキャラクターを消したい場合や、キャラク
ターの中ほどに穴を切り取りたい場合に特に便利です。
マットを使用するすべてのエフェクトと同様に、Cutter（カッター）エフェクトにはInverted（反転）パラ
メータがあり、デフォルトでは無効になっています。 これを有効にすると、Cutter（カッター）は逆のエフェクトを持ちます。すなわち、マットの形状を描画から切り取るのではなく、描画からマットの形状の外側部分をすべて切り取って、マットで覆われている描画の部分のみを残します。
Node（ノード）ビューのMatte（マット）アイコンをダブルクリックすると、エフェクトのInverted（反転）パラメータをすばやく切り替えることができます。

Cutter（カッター）エフェクトの使用方法
1. 描画レイヤーを選択し、次のいずれかの操作をします。
Node Library（ノードライブラリー）ビューからCutter（カッター）lエフェクトを選択し、Node（ノード）ビューまでドラッグします。

187

第15章: カットにエフェクトを追加する方法

lNode（ノード）ビューで右クリックし、Insert（挿入） > Combine（結合） > Cutter（カッター）を選択します。

2. Altキーを押したまま、描画をカットの主要合成に接続するケーブルの上にCutter（カッター）ノードを移動します。 Cutter（カッター）ノードは、描画とその合成との間の仲介として接続されます。

1. Timeline（タイムライン）ビューのレイヤーリストの上にあるツールバーで、Add Drawing

Layer（描画レイヤーを追加）をクリックします。
2. Add Drawing Layer（描画レイヤを追加）ダイアログで、新しい描画レイヤーに「MatteDrawing」などのマットレイヤーに関連する名称を付け、Add and Close（追加して閉じる）をク
リックします。

3. 新しいマット描画レイヤーで、エフェクトのためのマットを描画します。 マットはシンプルな形にすることができますが、不透明なマット部分だけが考慮されるため、色で塗りつぶす必要があります。

注:
マットはまた、半透明領域を有することがでます。 マットの半透明領域で覆われている
描画の領域は、そのエフェクトの影響を部分的に受けます。

188Harmony 20 Premium スタートガイド

4. Node（ノード）ビューで、マット描画ノードの出力ポートをCutter（カッター）ノードの左入力（マット）ポートに接続します。

この時点で、マット描画ノードのアートワークと交差する描画レイヤーの領域は非表示になります。
5. Cutter（カッター）エフェクトを反転させたい場合は、マットレイヤー内のアートワークと交差する
アートワークは表示され、他のすべては非表示になるように、Cutter（カッター）ノードのMatte（マット）アイコンをダブルクリックしてInverted（反転）パラメータを切り替えます。 エ
フェクトのマットが反転すると、そのマットポートも反転して見えます。

マットで機能するエフェクトのその他2つの例として、Tone（トーン）とHighlight （ハイライト）のエフェク
トがあります。 Tone（トーン）エフェクトは、マットに基づいて描画に影を適用し、Highlight （ハイライト）
エフェクトはマットに基づいて描画にハイライトを適用します。 これらのエフェクトは、接続されている描画の外部には適用されません。そのため、輪郭の外に描画することを心配することなく、キャラクターのハイライトと影をマットレイヤーに簡単に描画することができます。

189

第15章: カットにエフェクトを追加する方法

これらのエフェクトを描画に追加する方法は、エフェクトの色、強度、レンダリングを設定するための余分なパラメータがあることを除いて、描画にカッターを追加するのとまったく同じです。

エフェクトのアニメート期待される結果を得るには、いくつかのエフェクトをアニメートする必要があるかもしれません。 たとえば、透過光/T光の半径をゆっくりと増減させてカット全体を脈動させたい場合や、Transparency（透明）エフェクトの透明度を0％から100％にして描画を消したい場合があります。
エフェクト内のほとんどの数値パラメータは、関数にアタッチすることができます。 関数を使用すると、キーフレームを追加し、各キーフレームを特定の値に設定することで、カットの異なるポイントで異なる値にパラメータを設定できます。 キーフレーム間では、パラメータの値は前のキーフレームの値から次のキーフレームの値に進みます。 描画レイヤーは、その座標を関数に関連付けてアニメートされます。 同様に、エフェクトは、そのパラメータを関数に関連付けることによってアニメートすることができます。
一部のエフェクトパラメータは、Timeline（タイムライン）ビューで直接アニメートできますが、すべてではありません。 Timeline（タイムライン）ビューでエフェクトのパラメータを展開すると、Timeline（タイムライン）ビューが乱雑にならないように、一部のパラメータを非表示にすることができます。 これらのパラメータは、Layer Properties（レイヤープロパティ）ビューまたはLayer Properties（レイヤープロパティ）ダイア
ログでアニメートすることができます。レイヤーダイアログには、レイヤーのすべてのパラメータが表示されます。

190Harmony 20 Premium スタートガイド

Timeline（タイムライン）ビューでエフェクトパラメータをアニメートする方法
1. Timeline（タイムライン）ビューで、アニメートしたいエフェクトを見つけて、その名称の右にある
Expand（展開）ボタンをクリックします。

Timeline（タイムライン）ビューで使用可能なパラメータに影響するパラメータのリストが表示されます。

2. Timeline（タイムライン）ビューの右側エリアで、アニメートするパラメータと同じ行で、エフェク
トの最初のアニメーションキーフレームを作成するコマを選択します。

3. 次のいずれかを行ってキーフレームを作成します。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

4. Timeline（タイムライン）ビューの左側のParameters（パラメータ）列で、次のいずれか１つを実行することにより、このキーフレームのパラメータの値を調整します。

191

第15章: カットにエフェクトを追加する方法

l

パラメータの値を長押ししてから、左にドラッグすると値が小さくなり、右に移動すると値が大きくなります。

l

パラメータの値をクリックします。 テキストフィールドが表示されます。 パラメータの新しい値を入力し、Enterを押します。

5. Timeline（タイムライン）ビューの右側領域で、エフェクトの2番目のアニメーションキーフレームを作成するコマをクリックします。

6. 次のいずれかを行って、エフェクトのアニメーションのために2番目のキーフレームを作成します。
lTimeline（タイムライン）ツールバーでAdd Keyframe（キーフレームを追加）ボタンをクリックします。
l

右クリックしてAdd Keyframe（キーフレームを追加）を選択します。

lF6を押します。

7. Parameters（パラメータ）列で、現在のキーフレームでパラメータの値を調整します。
8. この手順を繰り返して、必要に応じてエフェクトのアニメーションキーフレームを作成します。
9. アニメーションのキーフレーム間のタイミングを調整するには、最初のキーフレームを選択します。

192

Harmony 20 Premium スタートガイド

10. Timeline（タイムライン）ツールバーでSet Ease For Multiple Parameters（複数パラメータにイーズを設定）ボタンを押します。

Set Ease For Multiple Parameters（複数パラメータにイーズを設定）ダイアログボックスが表示されます。 このダイアログの関数グラフは、アニメーションの最初の キーフレームにフォーカスされます。アニメーションの右側には、そのすぐ隣に右を指している ベジェハンドルが表示されます。

11.

ベジェハンドルをクリックし、角度は問わず右にドラッグして、アニメーションのイーズインを調整します。

12. Apply/Next（適用/次へ）をクリックします。
Set Ease for Multiple Parameters（複数のパラメータにイーズを設定）ダイアログは、2番目のキーフレームに注目します。 これがアニメーションの最後のキーフレームの場合は、左に向く1つのベジェハンドルしかありません。 このキーフレームの後にさらにアニメーションキーフレームがある
場合は、2つのベジェハンドルがあり、それぞれが1つの方向を指します。

193

第15章: カットにエフェクトを追加する方法

13. 左の ベジェハンドルをクリックし、左に向かって任意の角度にドラッグして、前のキーフレームと現在のキーフレームの間のアニメーションのイーズアウトを調整します。

14. 右向きの ベジェハンドルがある場合は、それをクリックして任意の角度で右にドラッグして、現在のキーフレームと次のキーフレームの間のアニメーションのイーズインを調整します。

15. アニメーションのタイミングがカット全体で調整されるまで、前の手順を繰り返します。

194Harmony 20 Premium スタートガイド

Layer Properties（レイヤープロパティ）ダイアログでエフェクトをアニメートする方法
1. 次のいずれかを実行して、エフェクトのLayer Properties （レイヤープロパティ）を開きます。
lLayer Properties （レイヤープロパティ）ビューをワークスペースに追加し、Timeline（タイムライン） ビューまたはNode（ノード）ビューでエフェクトを選択します。

lTimeline（タイムライン）ビューで、エフェクトレイヤーをダブルクリックします。しかしその名称をダブルクリックしないでください。

lNode（ノード）ビューで、エフェクトノードを探し、Layer Properties（レイヤープロパ
ティ）

ボタンをクリックします。

2. エフェクトのレイヤープロパティで、アニメートするパラメータを探し、その右のFunction（機能）ボタンをクリックします。

パラメータの入力フィールドはグレー表示されます。 これは、一度関数にアタッチされたらパラメー
タを直接編集することができないためです。 このフィールドには、作成された関数の名称が次の形式で示されます。
ノード の名 称 : 関 数 の名 称 : 現 在 のコマ値
3. パラメータのFunction（関数）ボタンをもう一度クリックします。
Bezier Editor（ベジェエディタ）ダイアログが開きます。

195

第15章: カットにエフェクトを追加する方法

このダイアログでは、関数をアニメーション化することができます。 最下部の関数グラフは、カット
内の各コマ全体の関数の値を表すように作られています。
4. 関数グラフで、赤いカーソルをクリック＆ドラッグして、最初のアニメーションキーフレームを作成するコマに移動します。

5. エフェクトの最初のアニメーションキーフレームを作成するには、

Add Keyframe（キーフレー

ムの追加）ボタンをクリックします。
キーフレーム が作成され、関数グラフに表示されます。 表示されない場合は、関数グラフがコマ内にキーフレームを含むように配置されていないことが原因です。 関数グラフを移動して関数のキーフ
レームを表示するには、

Reset View（ビューのリセット）または

直方向のビューのリセット）ボタンをクリックします。

196

Reset View Vertically（垂Harmony 20 Premium スタートガイド

6. 次のいずれかを実行して、現在のコマでパラメータの値を調整します。
l関数グラフのValue（値）フィールドに、パラメータに望まれる値を入力します。

l関数グラフで キーフレームをクリックしてドラッグし、値を上げるには上に移動し、下に移動するには下に移動しますヒント:キーフレームを関数グラフのコマ外の値に設定する場合は、 1キーを押してズー
ムアウトすることができます。 また、2キーを押してズームインすることもでき
ます。

197

第15章: カットにエフェクトを追加する方法

7. 赤いカーソルをクリック＆ドラッグして、第2のアニメーションキーフレームを作成するコマに移動します。

8. エフェクトの第2のアニメーションキーフレームを作成するには、

Add Keyframe（キーフレームの追加）ボタンをクリックします。

9. 次のいずれかを実行して、現在のコマでパラメータの値を調整します。
l関数グラフのValue（値）フィールドに、パラメータに望まれる値を入力します。

l関数グラフで キーフレームをクリックしてドラッグし、値を上げるには上に移動し、下に移動するには下に移動します198Harmony 20 Premium スタートガイド

10. 最初のキーフレームと2番目のキーフレームの間でアニメーションのタイミングを調整する場合は、次の操作を行います。
l

最初のキーフレームのベジェハンドルをクリックして任意の方向に右にドラッグし、アニメーションのイーズインに影響を与えます。

l

2番目のキーフレームの ベジェハンドルをクリックして任意の方向に左にドラッグすると、199

第15章: カットにエフェクトを追加する方法

アニメーションのイーズアウトに影響します。

11. エフェクトをアニメートするために必要なすべてのアニメーションキーフレームを作成し、タイムア
ウトするまで、これらの手順を繰り返します。

アニメートされたキャラクターに基づいたEffect （エフェクト）の作成方法
次のチュートリアルでは、Effect （エフェクト）を他のHarmony機能と組み合わせて、アニメートされたキャラクターのドロップシャドーを簡単に作成する方法を実例説明します。 これらのステップを実行することにより、後でアニメーションを変更した場合でも、キャラクターのアニメーションに自動的に従うドロップシャドーを作成することができます。

アニメートされたキャラクターのためのドロップシャドーの作成方法
1. Node（ノード）ビューで、キャラクターのリグが合成を持つグループに入っていることを確認してください。 そうでない場合は、キャラクターの右にあるすべてのノードを選択し、次のいずれかの操作を行います。
l

選択項目を右クリックして、Group（グループ） > Group Selection
with Composite（合成を持つグループ選択）を選択します。

lNode（ノード）ビューの左上隅で、View Menu （ビューメニュー）, を開き、

Nodes（ノード） > Group Selection with Composite（合成を持つグループ選択）を選択します。
lCtrl +Shift + G (Windows/Linux)または⌘ + Shift + G (macOS)を押します。

200

Harmony 20 Premium スタートガイド

2. Node Library（ノードライブラリ）を使って、ノードシステムにPeg（ペグ）、 Apply-PegTransformation（適用-ペグ-トランスフォーム）、およびShadow（影）ノードを追加します。

3. キャラクターリグの出力ポートをShadow（影）ノードの入力ポートに接続します。

4. Shadow（影）ノードの出力ポートをApply-Peg-Transformation（適用-ペグ-トランスフォーム）
ノードの最も右の入力ポート（画像）に接続します。

201

第15章: カットにエフェクトを追加する方法

5. ペグの出力ポートをApply-Peg-Transformation（適用-ペグ-トランスフォーム）ノードの最も左の入力ポート（トランスフォーム）に接続します。

6. Apply-Peg-Transformation（適用-ペグ-トランスフォーム）ノードの出力ポートを、キャラクター
リグの接続のちょうど右にある、カットの主な合成に接続します。 この方法で、キャラクターリグの後ろに影が現れます。

7. Apply-Peg-Transformation（適用-ペグ-トランスフォーム） のPeg（ペグ）ノードを選択します。

202

Harmony 20 Premium スタートガイド

8. Tools（ツール）ツールバーで、Transform（トランスフォーム）

ツールを選択します。

9. Camera（カメラ）ビューで、ドロップシャドーのように見えるように、選択したものを拡大縮小、スキューします。

203

第16章: 描画ガイドの使用方法

第16章: 描画ガイドの使用方法
描画ガイドは、 カットに追加できる描画ツールであり、直線や直角、および等角投影、直線パースまたは曲線パースなどのグラフィック投影効果を使って背景やオブジェクトを描くのに役立ちます。 セルアニメーションでは、これはしばしばルーラー、T定規、三角定規、消失点などのツールを使って行われます。 ガイドを使うと、このようなツールをHarmonyで描画ツールと組み合わせて使用する方法をシミュレートできます。
Harmonyは、異なる種類の描画タスク用にそれぞれ設計された、さまざまな種類の描画ガイドをサポートしま
す。 Harmonyの描画ガイドのほとんどは、描画スペースに水平線と消失点を追加することによって機能します。 描画ガイドを使用している間、マウスカーソルを介して点線のガイドラインが表示されます。 これらのガイド線は、水平線に対して平行または垂直であるか、あるいはガイドの消失点の1つからマウスカーソルに向
かっています。 ストロークの描画を開始すると、描画ツールは、まるで定規に対して描画しているかのようにガイドの軸の1つに即座に固定されます。 オプションで、描画ツールを軸に対してロックすることなく、単なる視覚的な参照として描画ガイドを使用することができます。
Harmonyは、次のタイプの描画ガイドをサポートしています。
lRuler（ルーラー）を使用すると、通常の定規のように、単純な軸を配置および回転してからその軸に沿って線を引くことができます。

l

Square Grid（正方形グリッド）は、水平線に対して平行または垂直の線を引くのに役立ちます。

lIsometric Perspective（等角パース）ガイドは、x軸、y軸、z軸の1つに平行な線を引くのに役立ちま204Harmony 20 Premium スタートガイド

す。 各軸の角度は、必要に応じてカスタマイズできます。
平行投影とも呼ばれるこのタイプの疑似パースは、実際のパース、奥行きを縮めて描く短縮化、または
3Dレンダリングを使用せずに3Dオブジェクトおよび環境を描くために、しばしば2Dゲーム、コンピュー
タグラフィックス、および回路図で使用されます。 2Dアニメーションでは、低角度または高角度から長いパンの背景を描画するためによく使用されます。

l1-Point Perspective（1ポイントパース）ガイドは、水平線の真ん中にある単一の消失点からの線を描
くのに役立ちます。 それはまた、水平線に対して平行または垂直の線を描画するのにも役立ちます。
これは、カメラに面しているように直方体構造を描くのに有用です。

l2-Point Perspective（2ポイントパース）ガイドは、カメラフィールドの外側の地平線上にある2つの消失点の1つから線を引くのに役立ちます。 それは、水平線に対して垂直の線を描画するのにも役立ちます。
これは、特定の水平角から直方体構造を描くのに役立ちます。

205

第16章: 描画ガイドの使用方法

l3-Point Perspective（3ポイントパース）（上から見た図）ガイドは、3つの消失点のうちの1つから来る線を描くのに役立ちます。 2-Point Perspective（2ポイントパース）ガイドと同様に、2つの消失点
が水平線上に配置され、x軸またはz軸のいずれかに横線を描くために使用されます。 もう1つの消失点
は、水平線の下に配置され、y軸に線を引くのに役立ちます。
これは、高視点から立方体構造を描くのに便利です。

l3-Point Perspective（3ポイントパース）（下から見た図）ガイドは、3つの消失点のうちの1つから来る線を描くのに役立ちます。 2-Point Perspective（2ポイントパース）ガイドと同様に、2つの消失点
が水平線上に配置され、x軸またはz軸のいずれかに水平線を描くために使用されます。 もう1つの消失点
は、水平線の上に配置され、y軸に線を引くのに役立ちます。
これは、低視点から立方体構造を描くのに便利です。

206

Harmony 20 Premium スタートガイドl3-Point Perspective（3ポイントパース）（水平パン）ガイドは、曲線を成す水平線で、水平方向にパノラマ背景を描くのに役立ちます。 z軸上に線を引くのに役立てるために、水平線の中央に消失点が配置
され、横線のカーブを定義するために、2つの消失点がカメラフィールドの外側の水平線上に配置されます。 垂直線は水平線に対して垂直になるようにしています。
これは、水平方向にパンするように意図された背景を描画するのに便利です。 3-Point Perspective（3ポイントパース）（水平パン）ガイドで描かれた背景の上にカメラを水平にパンすると、カメラのy軸上での回転がシミュレートされます。

l3-Point Perspective（3ポイントパース）（垂直パン）ガイドは、曲線を成す垂直線で、垂直方向にパノラマ背景を描くのに役立ちます。 z軸上に線を引くのに役立てるために、水平線の中央に消失点が配置
され、水平線カーブを定義するために、2つの消失点がカメラフィールドの外側の水平線の上下に配置されます。 横線は水平線に対して平行になります。
これは、垂直方向にパンするように意図された背景を描画するのに便利です。 3-Point Perspective（3ポイントパース）（垂直パン）ガイドで描かれた背景の上にカメラを垂直にパンすると、カメラのX軸上での垂直回転がシミュレートされます。

207

第16章: 描画ガイドの使用方法

l4-Point Continuous Perspective（4ポイント連続パース） ガイドは、3 Point Perspective（3ポイントパース）（水平パン）ガイドと非常によく似ていますが、360°パノラマ背景全体を描くのに役立つように設計されていることを除きます。
このガイドは5つの消失点を使います。 横線を引くとき、それは消失点の1つを越えてアーチ状になり、周囲の2つの消失点に達することによって湾曲します。 これは、左端と右端の点が同じ基点を表すことを除いて、各消失点が基点の1つを表すパース効果を生み出し、ループの背景が効果的に作成されます。 4Point Continuous Perspective（4ポイント連続パース）ガイドで作成した背景は、水平方向にループして、Y軸上でカメラを完全に回転させるようにシミュレートすることができます。

l4-Point Perspective（4ポイントパース）(垂直パン) は2-Point Perspective（2ポイントパース）ガ
イドとよく似ていますが、縦線が曲線である点が異なります。そのため、縦方向にパンする背景を作成するのに使用できます。 2つの消失点は、カメラフィールドの外側の水平線上にあり、x軸とz軸に線を引くのに役立ちます。2つの消失点は、カメラフィールドの上下に配置されて、縦線のカーブを定義します。

208

Harmony 20 Premium スタートガイド

これは、直方体オブジェクトが斜めから見られるように垂直方向にパンするように意図された背景を描画するのに便利です。

l5-Point Perspective（5ポイントパース）（魚眼）ガイドは、x軸とy軸の両方に対して曲線の背景を描くのに便利です。 それには、水平線上の中心に1つの消失点があってそこからz軸上に線が描かれ、水平線の先端には2つの消失点があって横線のカーブを定義し、水平線の上下には2つの消失点があって縦線のカーブを定義します。
このガイドは、魚眼レンズスタイルの広角レンズ効果を使って背景を描画するのに使用できます。 それ
は、さまざまな方向にパンすることを意図した背景を描画するために使用することもできます。

209

第16章: 描画ガイドの使用方法

描画ガイドを使用するには、まずそれをカットのガイドリストに追加する必要があります。 ガイドに慣れるためには、まず、ガイドリストに1-Point Perspective （1ポイントパース）描画ガイドを追加することから始めます。

1-Point Perspective （1ポイントパース）描画ガイドをカットに追加する方法
1. Tools（ツール）ツールバーでいずれか

ブラシ、

鉛筆、

ストロークまたは

線ツールを選択します。

注:
描画ガイドは、これらのツールの1つが選択されているとき、 Camera（カメラ）または
Drawing（描画）ビューでのみ表示されます。

2. 以下のいずれか１つを実行して、Guide（ガイド）ビューをワークスペースに追加します。
lワークスペース内のビューの右上隅にあるAdd View（ビューを追加）

ボタンをクリックして、Guides（ガイド）を選択します。
lトップメニューからWindows > Guides（ガイド）を選択します。

3. Guides（ガイド）ビューで、

New Guide（新規ガイド）ボタンをクリックし、

Perspective（1ポイントパース）を選択します。
ガイドリストに新しいガイドが表示されます。

210

1-Point

Harmony 20 Premium スタートガイド

新しいガイドが追加されると、水平線に対するプリセット位置と角度、および消失点に対するプリセット位置が設定されます。 多くの場合、正しい視点から背景やオブジェクトを描画できるように、ガイドを調整する必要があります。

1-Point Perspective（1ポイントパース）ガイドを調整する方法
1. Tools（ツール）ツールバーでいずれか

ブラシ、

鉛筆、

ストロークまたは

線ツールを選択します。

注:
描画ガイドは、これらのツールの1つが選択されているとき、 Camera（カメラ）または
Drawing（描画）ビューでのみ表示されます。

2. Guides（ガイド）ビューで、

Enable Guides（ガイドを有効にする）オプションボタンがオンになっていることを確認します。
3. ガイドリストで、調整したい

1-Point Perspective（1ポイントパース）ガイドを選択します。

選択したガイドがCamera or Drawing（カメラまたは描画） ビューに表示されます。

211

第16章: 描画ガイドの使用方法

4. 次のいずれかを行います。
lガイドを回転させずに再配置するには、その消失点 をクリック＆ドラッグします。

l

ガイドを回転させるには、水平線をクリックしてドラッグします。

ヒント:l

マウスが水平線上に置かれると、マウスカーソルがに変わり、ガイドを回転させようとしていることを示します。
l

ガイドを回転すると、その角度はCamera or Drawing（カメラまたは描画）
ビューの左上隅に表示されます。

5. ガイドの調整を終えたら、Guides（ガイド）ビューでLock Guides（ガイドをロック）ボタンをクリックし、 描画中にガイドを誤って変更してしまわないようにすることができます。
ガイドを選択して適切に配置したら、それを使用して描画を開始できます。

描画ガイドで描画する方法
1. Timeline（タイムライン）またはXsheet（タイムシート）ビューで、描画を選択するか、または空のセルを選択して、次のいずれか１つを実行することにより新規に描画を作成します。
l

セルを右クリックして、Drawing（描画）> Create Empty Drawing（空の描画を作成）
を選択します。

l

Alt + Shift + Rを押します

2. Tools（ツール）ツールバーでいずれか

ブラシ、

択します。

212

鉛筆、

ストロークまたは

線ツールを選Harmony 20 Premium スタートガイド

注:
描画ガイドは、これらのツールの1つが選択されているとき、 Camera（カメラ）または
Drawing（描画）ビューでのみ表示されます。

3. Guides（ガイド）ビューで、使用したいガイドを選択します。
4. 描画中に誤ってガイドを編集しないようにするには、Guides（ガイド）ビューのLock Guides（ロックガイド）ボタンをオンにします。
5. 描画ストロークをガイドの軸に対してロックしたい場合は、オンにしたときに、Guide（ガイド）ビューのAlign with Guide（ガイドに揃える）オプションがオンになっているか確認します。 そうでない場合は、自由に描画できるようにそれをオフに切り替え、ガイドは参照としてのみ使用します。
6. 描画スペースの周りにマウスカーソルを移動します。 ガイド線が、描画ガイドの各軸に対してそれぞれマウスカーソルを通過していることを確認します。

7. 1つの軸とだいたい同じ角度でストロークを描き始めます。
Align with Guide（ガイドに揃える）オプションが有効なとき、描画ストロークは、あたかもルーラーで描画しているかのように、その角度に最も近い軸に揃えられます。

213

第16章: 描画ガイドの使用方法

ヒント:
また、左矢印と右矢印キーを押して各軸を循環させることにより、ロックする軸を手動で選l択することもできます。 選択した軸は他の軸よりも太字で表示されます。 すべての軸を循環させると、どの軸も太字になりません。つまり、描画ツールがロックされる軸は、再び、描画ストロークの角度によって決まるようになります。
描画中かどうかに関係なく、Alt キーを押したままにすると、ガイドラインの位置と角度をlロックできます。 ガイドラインはマウスカーソルの追従を停止し、特定の角度と位置に維持することができます。 これを使用して、同じ線を数回描画し、その長さと太さを調整できます。

ガイドでの操作が終わったら、それらを無効にすることができます。 描画ガイドの無効時には、描画スペースに表示されず、描画ツールの動作にも影響しません。

描画ガイドを有効または無効にする方法
1. Drawing Guide（描画ガイド）を有効または無効にするには、次のいずれか１つを行います。
lGuides（ガイド）ビューで、Enable Guide（ガイドを有効にする）

ボタンをクリックします。
lShift + Gを押します。

注:l

新しいガイドを追加すると、またはガイドリストでガイドを選択すると、ガイドは自動的に有効になります。

l

ガイドを無効にしたときに選択されたガイドは 、ガイドを再び有効にしたときに再度選択されます。

l

描画ガイドは、ブラシ、鉛筆、

ストロークおよび

線ツールツールでのみ機能します。 他のツールが選択されていると、描画ガイドはあたかも無効になっているかのように動作します。

214

Harmony 20 Premium スタートガイド

215

第17章: マルチプレーンの作成方法

第17章: マルチプレーンの作成方法
ライブアクションでは、カメラがカット内を移動するとき、カメラの近くにあるオブジェクトは、カメラから遠いオブジェクトよりもさらに遠くに移動するように見えます。 2Dアニメーションでは、同様のエフェクトをマ
ルチプレーンを作成することで実現できます。

Harmonyでは、いくつかのレイヤーに背景を作成し、それらをZ軸に広げて奥行きを追加し、その後カメラを結果として生じる環境に動かして印象的な遠近法の錯覚を作り出すことにより、マルチプレーンを作成できます。
次の例では、背景は6つの異なるレイヤーから構成され、それぞれがカメラから異なる距離にあるオブジェクトを描いています。 左側では、カメラを基準に各オブジェクトがどのように配置されているかを見ることができます。 右側では、コーナーからカットを見ているかのように、レイヤーがどのように相対的に配置されているかを見ることができます。 下側では、カメラの視点からカットを見ることができます。

216Harmony 20 Premium スタートガイド

Maintain Size（サイズを維持）ツールを使用して、通常のマルチレイヤーの背景をマルチプレーンにすることができます。 このツールを使用すると、レイヤーのサイズをカメラからの距離に比例して自動的に調整し、見た目の大きさをカメラの視点から維持しながら、レイヤーをカメラに近づけたり遠ざけたりすることができます。
このため、背景をデザインするときにレイヤーのサイズや位置を気にする必要がありません。
新しいHarmonyカットでは、別々のレイヤーに背景のさまざまなエレメントを描画します。 そして、以下の手順に従って背景をマルチプレーンにします。

Maintain Size（サイズを維持）ツールを用いてマルチプレーンを設定する方法
1. Animation（アニメーション）トップメニューのNo Z Dragging（Zドラッギングなし）オプショ
ンが無効になっていることを確認します。
2. 次のいずれかを行います。
lAdvanced Animation（高度なアニメーション）ツールバーで、

Maintain Size（サイズを維持）を選択します。
lトップメニューから、Animation（アニメーション） > Tools（ツール） >Maintain Size（サイズを維持）を選択します。

217

第17章: マルチプレーンの作成方法

lAlt + 6を押します。

3. Side（サイド）またはTop（トップ）ビューで、サムネールセクションにあるレイヤーを1つ選びます。 Timeline（タイムライン）ビューからもレイヤーを選択できます。
選択したレイヤーが、Top（トップ）、Side（サイド）、Camera（カメラ）ビューで強調表示されます。

4. カメラコーンの内側でZ軸に沿ってレイヤーをドラッグします。

エレメントはカットのZ軸上を移動しますが、Camera（カメラ）ビューでは同じ見かけ上のサイズを維持します。
Perspective（パース）ビューを使用して、さまざまな視点からマルチプレーンを表示できます。

Perspective（パース）ビューでマルチプレーンを表示する方法
1. 次のいずれかを行ってPerspective（パース）ビューを有効にします。
lCamera（カメラ）およびDrawing（描画）ビュータブの横にあるAdd（追加）ビュー
ボタンをクリックし、Perspective（パース）を選択します。

lトップメニューからWindows > Perspective（パース）を選択します。

218

Harmony 20 Premium スタートガイド

2. Perspective（パース）ビューを3次元すべてで回転するには、Ctrl + Shift (Windows/Linux)または⌘ + Shift (macOS)を保持し、クリックしてドラッグします。

219

第18章: 3D空間でオブジェクトをセットアップする方法

第18章: 3D空間でオブジェクトをセットアップする方法
Harmony Premiumでは、Z軸上でレイヤーを移動できるだけでなく、描画レイヤーで完全な3D操作を有効にすることも可能で、それらをX軸とY軸で回転させることができます。 これにより、カットの段階でさまざまな深さと角度の2Dレイヤーをレイアウトすることにより、3D空間をシミュレートできます。 カット環境の実際の3Dモデルを作成する必要なしに、複雑なカメラの動きを持つカットにリアリズムを加えるために使用できます。
次の例では、実際の3Dルームを構築するために部屋のさまざまな面をつくるレイヤーをレイアウトする方法を学習します。 始める前に、シンプルな長方形の部屋の各表面にレイヤーを作成します。 そして、これらの各レイヤーで、大きな色塗りの長方形を描き、壁や床、天井の表面を作ります。 希望に応じて、タイル、テクス
チャー、壁装飾、窓などの詳細を自由に追加し、表す部屋の名称に基づいて各レイヤーに必ず名称を付けてください。

3D空間でレイヤーを配置する方法
1. Camera（カメラ）ビューやDrawing（描画）ビュータブの横にある、Add View（ビューを追加）
ボタンをクリックし、Perspective（パース）を選択します。
Perspective（パース）ビューは、ワークスペースのCamera（カメラ）ビューやDrawing（描画）ビューと同じセクションに表示されます。 このビューでは、Camera（カメラ）の視点からではな
く、任意の角度や視点からカットを見ることができます。 このビューでは、通常のナビゲーション
キーボードショートカットが同じように機能しますが、Ctrl + Alt (Windows/Linux)または⌘ + Alt(macOS)を押して任意の角度と任意の軸でビューを回転することもできます。

220

Harmony 20 Premium スタートガイド

2. Timeline（タイムライン）ビューで新規レイヤーをダブルクリックして、Layer Properties（レイヤープロパティ）ダイアログボックスを開きます。
3. Transformation（トランスフォーム）タブでEnable 3D（3Dを有効化）オプションを選択します。

4. Rotation（回転）セクションでEuler Angles（オイラー角）オプションを選択します。

5. （x） Axis（（x）軸）フィールドに 90 と入力して、フロアが地面の上に平らになるようにフリップさせます。

221

第18章: 3D空間でオブジェクトをセットアップする方法

6. フロアの高さを位置決めするには、Layer Properties（レイヤープロパティ）のPosition（位置）セクションに値を入力して、Translate（転換）ツールかTransform（トランスフォーム）

ツールを使用します。

7. 他のピースについても、同様のプロセスを繰り返して配置します。
8. 壁を平行に配置する場合は、1つを配置したのちTimeline（タイムライン）ビューでWall（壁）レイ
ヤーを選択します。
9. 次のいずれかの操作で、レイヤーを複製します。
l

トップメニューからEdit（編集） > Duplicate（複製）を選択します。

l右クリックしてEdit（編集） > Duplicate（複製）を選択します。

10. レイヤーが複製されたら、Layer Properties（レイヤープロパティ）ウィンドウを使用して位置の値を入力するか、Translate（転換）またはTransform（トランスフォーム）ツールを使用します。 レ
イヤーを視覚的に配置する場合は、Camera（カメラ）、Top（トップ）またはSide（サイド）ビューを使用して正確に配置できるように配慮してください。

222

Harmony 20 Premium スタートガイド

11. 壁どうしが接するように配置する場合、壁の一端を延ばしてもう一方の壁と交差させる必要があります。 これにより、間に細い隙間ができることを防ぎます。

これで3Dの部屋が完成しました。

223

第18章: 3D空間でオブジェクトをセットアップする方法

注:Transform（トランスフォーム）ツールはAdvanced Animation（アドバンストアニメーショ
ン）ツールと同様、2Dレイヤーでのように3Dレイヤーでも使用できます。 Transform（トランスフォーム）ツールを使用すると、どんな軸上でも3Dレイヤーの位置を変更したり、回転したり、拡大縮小することができますが、3Dレイヤーをスキューすることはできません。 これらのツールは、Camera（カメラ）、Perspective（パース）、Top（トップ）およびSide（サイド）ビューの3Dレイヤー上で使用することができます。

224

Harmony 20 Premium スタートガイド

225

第19章: テンプレートの作成および使用方法

第19章: テンプレートの作成および使用方法
テンプレートはレイヤーまたはセルから作成します。 Timeline（タイムライン）またはNode（ノード）ビュー
上にあるものは、すべてテンプレートとして保存することができます。

テンプレートの作成
テンプレートをTimeline（タイムライン）ビューから作成する方法
1. Timeline（タイムライン）ビューで、複数のセルまたはレイヤーを選択します。
階層を折りたたみ、そのルートレイヤーを選択することによって、レイヤーの全階層からテンプレー
トを作成することができます。 これは、キャラクターリグやカットの背景に基づいてテンプレートを作成する場合に有用です。
2. Library（ライブラリー）ビューで、テンプレートを保存するフォルダーを選択します。 デフォルト
では、コンピューターに保存されているHarmony Premium ライブラリーという名のライブラ
リーが、Documents（ドキュメント）ホルダーのToon Boom Harmony Premium ライブラリーサ
ブホルダーにあります。
3. ライブラリーフォルダーがロックされている

場合は、右クリックしてRight to Modify（修正権限）を選択します。
4. 選択範囲を選択したライブラリホルダーにドラッグします。

5. Rename（名称変更）ダイアログボックスで、新しいテンプレートに名称をつけます。

226

Harmony 20 Premium スタートガイド

6. OKをクリックします。
Timeline（タイムライン）およびNode（ノード）ビューには、カットとその構造に関するさまざまな情報が表示されます。 マスターテンプレートとも呼ばれるキャラクターのメインテンプレートが、カットにインポートされるときにまさしく然るべき方法でリグされることを確実にするには、それが最初に作成されたカット内の他のすべての情報と同様に、すべての接続、エフェクト、合成、ノード、ペグ、グループ、描画、タイミングなどで作成されなければならりません。
Node（ノード）ビューはリグ構造を最も忠実に表現しているため、Timeline（タイムライン）ビューよりもむ
しろNode（ノード）ビューからマスターテンプレートを作成することが推奨されます。 Timeline（タイムライン）ビューから作成されたテンプレートは、Node（ノード）ビューでは表示されるが主要構造に正しく接続されていない余分な接続、エフェクト、およびグループ化を失うことがあります。

Node（ノード）ビューからテンプレートを作成する方法
1. Library（ライブラリー）ビューで、テンプレートを保存するフォルダーを選択します。
2. ライブラリーフォルダーがロックされている

場合は、右クリックしてRight to Modify（修正権限）を選択します。
3. Node（ノード）ビューでテンプレートを作成するためのノードを選択し、グループ化します。 ファ
イルを整然とまとめるため、Library（ライブラリー）に保存する前にカットアウトキャラクターリ
グをグループ化しておくことが非常に重要です。
4. トップメニューからEdit（編集） > Group（グループ化） > Group Selected Layers（選択したレイヤーをグループ化）を選択するか、Ctrl + G (Windows/Linux)または⌘ + G (macOS)を押します。 グループ化する前に、接続の下に合成があることを確認してください。これがないと、多数の接続がグループ外となる可能性があります。

5. Node（ノード）ビューでグループノードの黄色ボタンをクリックして、Layer Properties（レイヤープロパティ）ウィンドウを開きます。

227

第19章: テンプレートの作成および使用方法

6. Node（ノード）ビューでグループノードを選択して、Library（ライブラリー）ビュー内のテンプ
レートフォルダーにコピー&ペーストするか、Ctrl + CおよびCtrl + V (Windows/Linux)または⌘ +Cおよび⌘ + V (macOS)を押します。

7. Rename（名称変更）ダイアログボックスで新しいテンプレートに名称をつけ、OKをクリックします。

ヒント:
作成後にテンプレートの名称を変更する場合、それを右クリックしてRename（名称変更）を選択します。

テンプレートのインポート
テンプレート をTimeline（タイムライン）またはCamera（カメラ）ビューにインポートする方法
1. Library（ライブラリー）ビューで、インポートするテンプレートを選択します。
2. 選択したテンプレートをCamera（カメラ）ビューまたはTimeline（タイムライン）ビューの左側にドラッグします。

228

Harmony 20 Premium スタートガイド

テンプレートをCamera（カメラ）ビューにドロップすると、そのレイヤーがレイヤーリストの最上部に追加されます。 テンプレートをTimeline（タイムライン）ビューのレイヤーリストにドロップ
すると、それはドロップしたレイヤーとレイヤーの間に挿入されます。
テンプレートがカットの一部と同じレイヤー構造を持つ場合は、Timeline（タイムライン）ビューの右側にあるコマにテンプレートを直接ドロップすることができます。 新しいレイヤーをカットに挿入する代わりに、これはカットの描画とキーフレームをテンプレートからのそれに置換します。 これは、カットにすでに入っている文キャラクターのポーズまたはアニメーションテンプレートをインポートする場合に便利です。

229

第19章: テンプレートの作成および使用方法

テンプレートをNode（ノード）ビューにインポートする方法
1. Library（ライブラリー）ビューで、インポートしたいテンプレートまたはシンボルを選択します。
2. 選択したテンプレートをNode（ノード）かCamera（カメラ）ビューに、またはTimeline（タイムライン）ビューの左側にドラッグします。

230

Harmony 20 Premium スタートガイド

3. Node（ノード）ビューで、テンプレートをカットのComposite（合成）ノードに関連付けます。 これを行うには、アウトポートをクリックし、インポートが現れるまでComposite（合成）ノードに接続をドラッグします。

231

第20章: ムービーのエクスポート方法

第20章: ムービーのエクスポート方法
Export Movie（ムービーのエクスポート）ダイアログを使用すると、アニメーションをビデオファイルとしてエクスポートすることができます。 デフォルトで、Harmonyはフル解像度でカット全体をエクスポートします。 必要に応じて、カット内の特定のコマ範囲のみをエクスポートするか、より小さな解像度でエクスポートするかを選択できます。これは、時間やディスク容量を節約する必要がある場合に便利です。 ムービーをエクスポートする形式次第では、ビデオまたはオーディオの圧縮設定を品質またはディスク容量に合わせてカスタマイズすることもできます。

ムービーファイルのエクスポート方法
1. トップメニューからFile（ファイル）> Export（エクスポート） > Movie（ムービー）を選択します。
Export to QuickTime Movie（QuickTimeムービーにエクスポート）ダイアログボックスが開きます。

2. Output（出力）セクションでVideo Format（ビデオ形式）ドロップダウンを開き、ムービーファ
イルに適した形式を選択します。
lQuickTime Movie (*.mov): Apple QuickTime形式。 これはデフォルトのエクス
ポート形式であり、移植性に優れるため、また、複数のビデオコーデックから選択できるために推奨されます。

232

Harmony 20 Premium スタートガイド

注:lWindowsで、Apple QuickTimeはHarmonyQuickTimeムービーをエ
クスポートするためにインストールされる必要があります。 H.264、
MPEG-4、アニメーションを含めて、QuickTimeと互換性のあるコー
デックを使用するようにQuickTimeムービーのエクスポートを設定できます。

lmacOSで、HarmonyはApple AVFoundationを使用してQuickTime
ムービーをエクスポートします。これにより、H.264、Apple ProRes
422、Apple ProRes 4444などのコーデックを使用してエクスポートできます。

l

GNU/Linuxで、Harmonyは、OpenQuickTimeライブラリーを使用してQuickTimeムービーをエクスポートします。 これにより、ビデオのエクスポートはMotion-JPEG、Photo JPEG、PNG、または非圧縮（RGB）などの非専有形式でのみ可能になります。

l

H.264/MPEG-4 (*.mov): ほとんどのウェブブラウザでサポートされているH.264
コーデックを使用した単純なムービー形式。

注:l

この形式を使用する場合、追加のソフトウェアは不要です。 ただし、H.264/MPEG-4形式でムービーをエクスポートするのが初めての場合には、CiscoからOpenH264ライブラリーをダウンロードするように指示されます。 求められたらただYes（はい）をクリックします。
Harmonyは自動的にライブラリーをダウンロードした後、ムービーをエクスポートします。

l

この形式にはエンコードオプションはありません。

l

この形式は、最大4096×2304の解像度をサポートします。 各次元は16ピクセルの倍数でなければなりません。

l

この形式でエクスポートされたオーディオは、PCM 16ビットステレ
オ、22.05 kHzでエンコードされます。

lWindows Media Video (*.wmv): Windows Media Playerのネイティブ形式。

233

第20章: ムービーのエクスポート方法

注:lWindows Media Video (.wmv) ファイルは、Windows上でのみエクスポートできます。

lWindowsシステム以外のビデオプレーヤーやエディターは、通常はWindows Media Video (.wmv) ファイルを開けません。

3. Browse（参照）ボタンをクリックします。
4. 表示されるSave（保存）ダイアログで、ムービーファイルをエクスポートする場所を参照します。
5. File name（ファイル名）フィールドに、ムービーファイルに付けたいファイル名を入力します。
6. Save（保存）をクリックします。
7. Export Range（エクスポート範囲）セクションから、次の１つを実行します。
l

カット全体をレンダリングする場合は、All（すべて）を選択します。

l

カットの一部をレンダリングする場合は、Frames（コマ）を選択します。 次に、右側のフィールドには、エクスポートするシーンの最初のコマを入力し、他方のフィールドには、レンダリングするシーンの最後のコマを入力します。

8. Resolution（解像度）ドロップダウンを開き、次のいずれかを選択します。
l

カットと同じ解像度で ムービーをエクスポートしたい場合は、Same as Scene
Resolution（カットの解像度と同じ）を選択します。

l

カット解像度より小さい解像度で ムービーをエクスポートしたい場合は、3/4 of Scene
Resolution（カット解像度の3/4）、1/2 of Scene Resolution（カット解像度の1/2）、1/3 of Scene Resolution（カット解像度の1/3）または1/4 of Scene
Resolution（カット解像度の1/4）から選択します。

234

Harmony 20 Premium スタートガイドl

エクスポート解像度を手動で設定する場合は、Custom（カスタム）を選択します。 そして、Width（幅）およびHeight（高さ）フィールドに、ムービーに希望する解像度をピクセ
ル単位で入力します。

9. OKをクリックします。
10. Export to QuickTime Movie（QuickTimeムービーにエクスポート）ダイアログボックスで、OKを押します。
進行状況バーが表示されます。

11. ムービーファイルをエクスポートしたコンピューター上の場所を参照し、ダブルクリックしてそれをビデオプレーヤーで閲覧します。

235

用語集

用語集
2原画

カットアウトアニメーションでは、2原画とは、キャラクターを断片に分割して、アーティ
キュレーションのあるパペットを作成するアクションです。 キャラクターを分解するために、アーティストはキャラクターのモデルから手や腕といったパーツをカットして、別々のレイヤーにペーストします。 次に関節が固定され、ピボットが設定されます。 セルアニ
メーションにおける2原画は、一般的に2つのキーポーズ間にあるアニメーションポーズです。 キーポーズとはアニメーションのメインポーズです。分解は補助的なポーズとして、動きと回転カーブ（通常「ストーリーアーク」と呼ばれます）の描写に役立ちます。

CMYK

シアン、マゼンタ、イエロー、ブラックの頭文字をとったもの。 これらのカラーは標準モ
デルとして「オフセット印刷」と呼ばれるプロセスで使用されます。

dpi

ドットパーインチ（Dots per inch）は、電子化されたプリンターの解像度を表す一般的な単位です。 画面の解像度として用いられることもあり、この場合、より正確には「ピクセルパーインチ（pixels per inch）」と呼ばれます。 いずれの場合も、ドットは画像を形作る最小単位です。

film-

標準的な4:3ピクセルアスペクト比を満たすワイド画面フィルム形式に最適な解像度。

1.33

film-

16:9ピクセルアスペクト比を満たすワイド画面フィルム形式に最適な解像度。

1.66

HDTV

テレビ制作の現在の解像度基準である、High Definition Televisionの頭字語。 HDTV制作の解像度は1280×720（HD対応）か1920×1080（フルHD）のいずれかであり、それらのフレームレートは一般に23.976～30の範囲です。

HSV

色相（Hue）、彩度（Saturation）、および明度（Value）。 色相（色合い）、彩度（陰影）、および明度（明暗または輝度）でカラーを定義する手法。

NTSC

PAL

北米で使用されるレガシースタンダードのアナログテレビ放送システム。

テレビとコンピューター画面のヨーロッパ規格に最適な解像度。長方形ピクセルを異なる方向に表示します。

RGB

赤（Red）、緑（Green）、青（Blue）。 この3つのカラー成分の量を指定することで、カラーを定義する手法です。

236

Harmony 20 Premium スタートガイド

アクアクションポーズの主要中心線。 アクションポーズを描くとき、アクションラインを気にションすることでポーズが動的になり、そのシルエットがアクションの方向に合うようになりま

ライン

す。

アク

アクションがたどるパス。

ション
方向

アスペ

カット、コマまたはフィルム形式の幅と高さの寸法比率。 現在、最も人気のアスペクト比

クト比

は16：9です。 従来のディスプレイは4:3のアスペクト比を使用してきました。

アニマ

絵コンテ内のパネルを順番に並べ、各パネルが表すアクションの大まかな尺についてサウン

ティッ

ドトラックと同期するように各パネルのタイミングを調整して作ったムービー。 アニマ

ク

ティックは、絵コンテを最終的なムービーの非常に大まかなドラフトに変換し、各カットと各アクションに割り当てられた時間を決定し、そのアクションをサウンドトラックと同期させるために使用されます。

アニメ

アニ

日本のアニメ。

個々のコマを描画または編集することによって作成された動きのシミュレーション。

メー
ション

アル

透明度情報を持った画像チャンネル。 画像にはもともと赤、緑、青（RGB）という3つのファチャンネルがあります。 4番目のチャンネル（A）がアルファチャンネルです。 この4番目

チャンのチャンネルにはマットまたは透明度に関する情報が保存されています。 アルファチャンネル

ネルを持たない画像は常に不透明となります。

アン

アニメーションでは、アンダーレイはメインアニメーションの背後に配置された舞台装置のダーレ

特定部分です。

イ

イーズ

アニメーションにおいて、イーズは「速度」とも呼ばれ、動きの加速または減速を指します。 この動きは、機能カーブまたは一連のアニメートされた描画によって作成されます。
イーズインとイーズアウトには、スローインとスローアウトという用語も広く使われていま
す。

237

用語集

イーズ

アクションが徐々に減速すること。 「スローアウト」とも呼ばれます。

アウト

イーズ

アクションが徐々に加速すること。 「スローイン」とも呼ばれます。

イン

イン

階層を持つ3Dキャラクターとカットアウトパペットをアニメートするために主に使用されバースる機能。 インバースキネマティクスは、四肢のひとつ（手など）からパペットをアニメー

キネマ

トして、身体の他の部分を自然に動かします。

ティク
ス
（IK）

ウォー

キャラクターの歩行を描く、「その場」での一連の描画。 背景をパンすることで、移動しクサイているような錯覚を生み出します。 描画を無数に作らなくてもいいように、アニメーター

クル

は必ずキャラクター用のウォークサイクルを作成します。

オー

椅子や茂みなど、メインのアニメーションの前方に配置されたカット環境の一部。

バーレ
イ

オニオ

シーンの前の画面および次の描画を確認できる機能。

ンスキ
ン

カット

１つのカットから次のカットへ、あるコマから次のコマにまったく視覚効果なくトランジションするとき。

カット「カットアウトアニメーション」と呼ばれるプロセスは、複数のピースからなるキャラク

アウト

ターを1コマずつ動かしてアニメートするアクションです。 カットアウトアニメーションは

アニ

CGまたは紙を使った従来の手法で作成することができます。

メー
ション

カメラ
ブレ

カメラブレが発生するカットでは、カメラが複数の方向にわずかにすばやく動きます。 これによって衝撃や振動、あるいは道路のこぶといったものを表現します。

238

Harmony 20 Premium スタートガイド

カラー

カラーカードとは単色が塗られたカメラと同じ大きさのカードです。 背景画像がない場合

カードに、カラーカードを使って背景を単色で塗りつぶします。

カラー

円形で表示されたカラースペクトル。

ホイー
ル

キーフ

あらゆるアクションの開始および終了ポイントを指定する、アクション内にある重要な位レーム

置。 キーフレームは、ある軌跡の特定の瞬間（コマ）にあるコンピューター生成された位
置です。

キー

滑らかなトランジションの開始および終了ポイントを指定する、アクション内にある重要なポーズ位置。 キー、またはキーポーズは、動きを描写するアニメーションシーンの中で、メインとなる描画です。 例えば、腕を振っている場合、腕の動きの極点と極点にある腕がキーとなります。 この描画をフリッピングすることで、アニメーターはすべての描画がなくても動きの概要を確認できます。

キー
ボード

押されたときにアプリケーションで特定のコマンドを実行するために割り当てられている、キーボードキー、またはキーボードキーの組み合わせ。

ショー
トカッ
ト

キャプ

絵コンテでダイアログ、エフェクト、サウンド、またはスラッギングについての情報を書きション

込むテキストフィールド。

キャラ

アニメートされたフィルムの各キャラクターは、ポスターのような形で、さまざまな角度かクター

ら描かれます。これは「モデルシート」と呼ばれ、アニメーターの参考資料になります。

デザイ
ン

クリー

ラフな描画のテストおよび承認が行われた後、画像にあるすべてのノイズ（余分な線やメモンアッなど）が除去され、最終描画が作成されます。最終描画では、インク入れやペイント、撮影

プが可能になります。 クリーンアップ作業とは、ラフ描画上できれいな線をトレースして最終版を完成させること、またはスキャン作業で残った汚れと余分な線を除去することを指し
ます。

239

用語集

クロス

次のカットがフェードインすると同時にフェードアウトすることによって、１つのカットがディゾ

次のカットにトランジションするとき。

ルブ

コマ

アニメーションでは、「コマ」とはそのカットで描画が表示されるセルの数を指します。
描画をより長く表示するには、より多くのセルにわたってコマを引き延ばす必要があります。

コマ撮コンピューター生成されたフレーム補間がないキーフレーム。

りキー
フレー
ム

サイク

連続的な動きをシミュレートするために繰り返しが可能な一連のアニメーションコマ。 たル

とえば、キャラクターは、2つのステップを前に1つずつ進めながらアニメートし、次にこのアニメーションを循環させることによって歩行させることがよくあります。

サウン

再生ヘッドを前後に動かしながらリアルタイムにサウンドを聴くことができます。 口パク

ドスクを微調整する際に非常に便利です。

ラブ

サウン
ドト

アニメーションフィルムのサウンドトラックを個々のサウンドに分解して、各サウンドのコ
マごとの正確な位置を生成します。

ラック
分解

サム

参照用に使用される非常に小さな画像。

ネール

シーン

ストーリーやムービーの中で1つのまとまりを形成する、一連のカットまたはショット​。通常、場所や時間が同じものがまとまっています。

ジャン

2つのカット間の唐突なカット。 通常、ジャンプカットは視覚的に美しいものではありませプカッん。 一般的には、1つのカットが終了して、類似した画像で次のカットが始まる際に使用さトれます。 2つのカット間の差異を補うものがない分、少し飛躍しているように映ります。

ショッ

カットが発生するエリア全体を視聴者が確認できるカット。 例えば、ひとりの子供が家の240

Harmony 20 Premium スタートガイド

トの確
立前の地面で遊んでいたとすると、ショットの確立では、視聴者はアクションの中心点の周囲にある家、地面、通りの一部、建物のカットを確認できます。 これによって視聴者はス
トーリーの場所やカットの位置関係を把握することができます。

シンボル

シンボルはアニメーション、アートワークまたはレイヤーを単一のオブジェクトに統合し、1つのレイヤーでコントロールできるようにします。 カットアウトパペットの各ボディーパーツからシンボルを作成することもできます。 シンボルにはどんなものでも配置することができます。 シンボルを使ってパペットをアニメートしたり、まばたきのような、再利用可能なアニメーションを作成したりできます。

ストー

アクションが直線的に発生することはめったにありません。通常は、語り手がストーリー

リー

アークと呼ぶ形で展開します。 ストーリーアークの目的はキャラクターまたはシチュエー

アーク

ションを、ある状態またはシナリオから、次の状態または次のシナリオへと展開させることです。

スト

シーン全体を、最初の位置から最後の位置まで順に描く手法。 この手法にはプランニング

レートがほとんどありません。 キャラクターがどこで結末を迎えるか、そしてどのようにそこへ

アヘッ

行き着くかは、視聴者にもアニメーターにも予想できません。 自由でクリエイティブな手ド アニ法である一方、でたらめな結果を招くこともあります。

メー
ション

スト

実際のブラシや鉛筆のストロークを参考しない場合、ストロークは、カラーゾーンを定義しロークたり開いたカラーゾーンを閉じるために使用される目に見えない輪郭です。

スラッ

ダイアログとそれに対応するアクションの開始時間および停止時間を指定します。

ギング

スロー

アクションが徐々に減速すること。 「イーズアウト」とも呼ばれます。

アウト

スロー

アクションが徐々に加速すること。 「イーズイン」とも呼ばれます。

イン

セル

セルアニメーションで使用されるセル（「セルロイド」とも呼ばれます）は透明なシート
で、カメラに送られる前にアニメーションに仕上げ処理が施されます。 セルの前面に絵の輪郭が描かれ、次に裏面が彩色されます。

241

用語集

セルア

すべてのアニメーションシーンを紙に手描きしてから、スキャンやセルへのインク入れを行

ニメー

うアニメーション制作プロセス。

ション

ゾーン

カラーを塗ることができるエリア。

ダイア

ムービーまたはアニメーションでキャラクターが話す台詞。

ログ

タイム

ムービークリップにプリントされたタイミング情報。現在画面に表示されているカット、時

コード

間、分、秒を表します。

タイム

縦方向に列、横方向にコマが複数記載されたシートです。カットのタイミングを指示するたシートめに使われます。 各列はカットレイヤーを表します。 各列の描画番号は、表示する必要がある特定コマ全体にわたって示され、反復されます。 タイムシートはアニメーター、ディ
レクターおよびその他のスタッフが使用して、画像のシーンとタイミング、ダイアログ、サウンドエフェクト、サウンドトラック、カメラ動作を追跡します。 「ドープシート」とも呼ばれます。

タイム

カットのエレメント、タイミング、キーフレームを横方向に表したもの。

ライン

ダブル

ダブルバウンスウォークのキーフレームとパッシング点では、直立姿勢で描かれた基準線よバウン

り身体が低くなります。 中割りでは身体がこの線より上になるため、跳ねているように見

ス

えます。

ウォー
ク

テンプ

あらゆるプロジェクトで再利用可能な、ライブラリーに保存されているアセット。 描画、

レート

一連のキーフレーム、サウンドファイル、パネル、カットアウトキャラクター、エフェク
ト、軌跡、アニメーションなど、アニメーションで使用されるあらゆるものがテンプレートになります。

ドープ

特定の描画を一定範囲のコマに割り当てます。

ドープ

画像のシーンとタイミング、ダイアログ、サウンドエフェクト、サウンドトラック、カメラ

シート

動作を追跡するために、アニメーター、ディレクターおよびその他のスタッフが使用しま242

Harmony 20 Premium スタートガイド

す。 「タイムシート」とも呼ばれます。

ドラッ
グ

アイテムをクリックして押したままマウスカーソルを移動してアイテムを移動する操作。
これは、マウスの左ボタンかペン先端で行うことができます。

トラン

切り替わる2つのカットの間に置かれたエフェクト。 よく使用されるトランジション効果はジショ

クロスディゾルブとワイプです。

ントレー

ラフアニメーションが、クリーンアップとラインまたは鉛筆の最終テストを通過した後、各

ス&ペ

描画は最終的なアニメーションに向けてトレースおよびペイントされます。 デジタル化がイント進んだ現在では、従来のセルロイドまたはアセテートの手法以外にもさまざまな方法で行われることがあります。

ナッジ

選択したエレメントを、キーボードの矢印キーを用いて少しだけ（上下、左右、前後に）動（微調

かすこと。 選択範囲をほんの少し、正確に移動させる際にはナッジを使用します。

整）

パッシ

パッシング点は、キャラクターの歩行シーンを描くときに、片方の脚がもう片方の脚を追いング点越すポイントです。

パネル

絵コンテにおいて、パネルは1つのカットの1つのコマです。 カットは1つまたは複数のパネルからなります。

パレッ

パレットまたはマスターパレットは、キャラクターまたはプロップに割り当てられた色のグト/マループです。 プロジェクト全体を通じてパレットを使用することで見た目の一貫性が保た

スター

れ、アニメーションの途中でのカラーが変わることを回避します。 「マスターパレット」

パレッとも呼ばれます。

ト

パレッ

パレットスタイルは既存のパレットの第2バージョンで、色合いと明度にわずかな違いがあトスタります。 パレットスタイルを使用してパレットの夜間バージョンを作成することができまイル

す。 「クローンパレット」とも呼ばれます。

パン

カットの任意の方向にカメラを動かすこと。

ピクセ

モニターやテレビ画面に表示される画像の最小要素。 ピクセル（pixel）とは画素（picture

243

用語集

ル

element）を短縮した呼称であり、グラフィック画像内にある単一の点を指します。 画像の小さなサンプルであるピクセルは、「ドット」とも呼ばれ、正方形をしています。滑らかなフィルタリングによって作られた、非常に小さなセクションです。 デジタル画像を拡大していくと、ピクセルが見えてきます。ピクセルは、さまざまな色と明度を持った小さな正方形に見えます。

ビット

ピクセルのメッシュと、その各ピクセルの個々の色で定義された画像。 ビットマップグラ

マップ

フィックは、高度に詳細な、または写実的なアートワークにとってベクターグラフィックより好ましいことで知られています。 しかし、ビットマップグラフィックは、画質を損なわずに拡大縮小、回転、または傾斜させることはできません。

ピボッ

ペグまたは描画が回転するポイント。

トファス

アクション終了時の劇的な加速。

トアウ
ト

ファス

アクション開始時の劇的な加速。

トイン

フィー
ルド

フィー
ルド

カメラの位置とステージまでの距離を記録し追跡するために、セルアニメーションで使用されている測定ユニット。

アニメーションおよびレイアウトアーティストがカメラフィールドのサイズとカメラ動作を定義するために使用するすべてのフィールドユニットを含むガイド。

チャー
ト

フェー

フェードインまたはフェードアウトは、シーンを開始または終了するために使用されるトラ

ドイン

ンジション効果です。 フェードインが発生すると、完全な透明から完全な不透明へと、最/初のカットが徐々に現れます。 フェードアウトが発生すると、完全な不透明から完全な透

フェー

明へと、最後のカットが徐々に消えていきます。

ドアウ
ト

フォ

メインのアクションによって引き起こされる二次的な動き。 例えば、マントを着たキャラ

244

Harmony 20 Premium スタートガイド

ロース

クターが走っているとします。 メインのアクションは、走っている身体です。 マントもそルーの動きに従うことになりますが、同時に動くわけではなく、数コマ遅れて反応し、メインのモーションカーブをなぞります。

フォフォワードキネマティクスは主に、階層を持つ3Dキャラクターとカットアウトパペットをワード

アニメートするために使用されます。 肩などの親パーツの1つからパペットをアニメートしキネマて、腕の残りの部分を単一のピースとして連携させて動かすために使われます。

ティク
ス

フリッ

セルアニメーションにおけるフリッピングとは、アニメーションシーンの描画を非常にすば

ピング

やくめくり、アニメーションを動かすアクションです。 フリッピングは、オブジェクトのミラートランスフォームを作成する作業でもあります。

フレー

フレームレートはコマが再生されるスピードです。 通常は1秒あたりのコマ数で計算されまムレー

す。 例えば、カットは1秒間に12、24、25、30、60コマ、または任意のコマ数で再生する

トことができます。 これは、撮像装置が「コマ」と呼ばれる固有の連続的な画像を生成す
る、周波数（速度）の測定値です。 この用語は、コンピューターグラフィックス、ビデオ
カメラ、フィルムカメラおよびモーションキャプチャーシステムでも同じように使われます。 フレームレートは多くの場合1秒あたりのコマ数（fps）で表され、プログレッシブス
キャンモニターではヘルツ（Hz）で表されます。

フレー

2つのキーフレーム間に作成される、コンピューター生成された動き。 キーフレーム間にフム補間

レーム補間を作成するかしないかを選択することができます。

ペー

ペーパーレス作画とは、デジタルでアニメートを行う作業のことです。 ペーパーレス作画

パーレ

でメインとなる作業は、ソフトウェアで直接1コマごとにアニメーションを描くことです。

ス作画

ペグ

セルアニメーションで、セルレイヤーが動く際にアクションを正確に登録するためのツール。 より高度なパペットリギングを行うデジタルアニメーションでは、ペグレイヤーを使用することができます。 ペグレイヤーは、描画を含まない軌跡レイヤーです。 これはモーションパスで、これを使用してパス関節を追加することができます。 デジタルアニメー
ションにはインバースキネマティクス（IK）ツールを使用することもできます。

ベク

ベクターベースの画像は点とベジェ曲線で構成されています。 コンピューターは点を読み

ター

取ってセグメントをトレースし、これらをつなぎ合わせて画像の形状を再現します。 ベク
ター画像には固定されたサイズや解像度はありません。 システムがセグメントを再計算し

245

用語集

て形状を再構築するため、グラフィックを好きなだけ拡大、変形することができます。 計算が終了するとベクター画像はピクセルに転換され、表示されます。

ベジェ

フランス人数学者ピエール・ベジェによって考案された、曲線を定義する手法。 ベジェ曲曲線

線は数学的曲線またはパラメトリック曲線です。 ベジェ曲線はコントロールポイントによって定義されます。 Harmonyでは、ベジェ曲線には開始点、終了点、および開始点と終了点の間の曲線に影響を与える2つの内部コントロールポイントがあります。

ペンタ

マウスと連携して、またはマウスの代わりに使用して、コンピューター画面でマウスポイン

ブ/ペタ（「カーソル」と呼ばれることもあります）を動かすデバイス。

ン

ポーズ

ポーズトゥポーズ アニメーションプロセスは、「キーポーズ」と呼ばれるすべてのメイン

トゥアクションポーズを作成し、その後キーの間に補助的なポーズを配置する作業です。 この

ポーズ

補助的なポーズは「2原画」と呼ばれます。 最後にアニメーターが中割り描画で隙間を塗りアニ

つぶし、滑らかなアニメーションを実現します。

メー
ション

ホール
ド

アニメーションでキャラクターが1つの位置に留まって動かないコマ。 ホールドは任意の2つのキーフレーム間に作成できます。

マウス

口パクに使用される、8つのアニメーション音素（A、B、C、D、E、F、G、そして沈黙をチャー表すX）に基づくチャート。

トマス

キャラクターやプロップに割り当てられた色のグループ。 パレットを利用することで制作ターパの全過程を通じて見た目の統一性が保たれ、作品全体で確実に同じ色を使用することができレットます。 単に「パレット」とも呼ばれます。

マルチ

複数階層の描画を通して1つのカットに奥行きを与えるエフェクト。 マルチプレーンのカッ

プレー

トでは、カメラから異なる距離にレイヤーを配置することで、カメラが移動した際に奥行きンがあるかのような錯覚を与えます。 マルチプレーンを利用すると、すべての遠近感と縮尺は自動的に計算されます。

モーコンピューター生成されたフレーム補間があるキーフレーム。

ション

246

Harmony 20 Premium スタートガイド

キーフ
レーム

モー
フィン

起点の描画と終点の描画の間に、コンピューター生成された描画を作成する機能。 モー
フィング機能で作成されたアニメーションは他のプロジェクトで再利用できます。

グ

モデル

制作時に各アーティストが従わなくてはならない、キャラクター、プロップ、または場所の/カ

最終的なデザイン。 色指定（カラーモデル）はアニメーションのペイントに使用する必要

ラーモがある公式のカラーデザインです。

デル

ライト

特定のレイヤーで作業しながら透かして他のレイヤーを見ることができるデバイス。

テーブ
ル

ライブ

あらゆるプロジェクトやカットで再利用できるテンプレートとアセットを収めたストレージ

ラリー

エリア。

ラフ

ラフとはアニメーション映画で、参照用に使われるものの、最終イメージの一部にはならな
い描画を指す一般的な名称です。 レイアウトはラフになります。 アニメーションやデザインの概要となるスケッチです。 ラフは主にスケッチの線と図形からなりますが、デザインの詳細が含まれることもあります。

リギン

カットアウトパペットのさまざまなパーツを取り付けるプロセス。

グレイア

絵コンテとアニメーションをつなぐステップ。 モデルに基づいて絵コンテを配置する作業ウトです。 つまり、モデルパックのデザインに従ってキャラクターを描き、アニメーターが作業を開始できるようにすることです。 レイアウトアーティストは背景を描き、カットとカメラの動きに合わせたカメラおよびフィールドガイドを作成します。 最後に、アニメー
ターがモデルに基づいてメインのアクションポーズを描きます。

レイア
ウト

背景を描き、カメラとフィールドガイドを作成してカットとカメラの動きを一致させるアーティスト。 モデルに基づいてメインのアクションポーズを描きます。

アー
ティス
ト

247

用語集

レイア

アニメーターが作業を開始できるようにモデルに基づいて（正しい縮尺で）絵コンテを配置

ウトと

する作業。

ポーズ

レイア

絵コンテとアニメーションをつなぐステップ。

ウトプ
ロセス

レイア

アニメーションを計画して第一段階に着手する際に、カットの主な特徴を描いたもの。参照

ウト計用に使用されます。

画

レイ

アニメーションにおけるレイヤーは、個々の列、レベル、またはキャラクターです。 カッヤートのレイヤーが重ね合わされて最終的な画像となります。

レンダ

コンピューターによるアニメートの最終ステップ。 レンダリング中、コンピューターは画

リング

面に表示される各ピクセルを取り込んですべての構成要素を処理し、モーションブラーを追加してから最終イメージを作り出します。 合成プロセス後に最終イメージを計算するプロ
セスです。

ローレ
ゾ

ウェブ用のビデオに理想的な形式。品質よりビデオのサイズとダウンロードの速さが優先されます。 ローレゾ画像では細部は表現されません。

ロトス

アニメーターが実写映画の動きを1コマごとにトレースしてアニメーションに使用する技

コープ術。 実写映像をスケッチして、アニメートされたシーンを作成します。

安全フ

カットのコマの中央にあるゾーンで、テレビフレームによってクロップされる心配がありま

レーム

せん。 TVコマはオリジナルのコマサイズから縁をカットするため、安全フレームを維持することで、フィルムがテレビで上映されても、カットのメインアクションをはっきり視認で
きます。

音素

解像度

言語の音の単位。

通常ピクセルで計算されるカットのサイズ。 例えば、NTSCの解像度は720 x 480です。 解
像度は、HDTV、film-1.33、film-1.66、NTSC、PAL、低など、最終出力と一致する必要があります。

248

Harmony 20 Premium スタートガイド

回転テーブ

アニメーションディスク/テーブルと同じく、描画中に作業スペースを回転して、より快適な作業を可能にするデバイス。

ル

絵コン
テ

アニメーション内のすべてのカットやショットを視覚的に確認できる設計図。 絵コンテでは、何が起こるか、いつ起こるか、カットのオブジェクトがどのように配置されるかが指定
されます。

機能

エレメント、その他の軌跡およびエフェクトパラメータを付け加えることができる、コン
ピューター生成された動き、軌跡、またはパス。 機能カーブにキーフレームとコントロー
ルポイントを追加することで、機能をコントロールすることができます。

軌跡

エレメントがなぞる、コンピューター生成されたパスや軌跡。 コントロールポイント、
キーフレームおよび速度によって軌跡をコントロールすることができます。

脚本

映画やTV番組の情報がすべて含まれる脚本。 アニメーションでは、場所の説明、ダイアロ
グ、時間など、すべてが脚本に記載されています。 プロジェクトの第一歩は脚本からス
タートします。

口パク

キャラクターの口を、ダイアログサウンドトラックのサウンドに同期させるプロセス。 ダ
イアログのサウンドに合うように口の形が1コマごとに調整されるため、まるでキャラク
ターが話しているかのような錯覚を与えます。 鳥がさえずったり、月に向かって狼が吠えるなど、口パクは台詞だけでなくあらゆるサウンドシーンに利用できます。

合成

合成とは、レンダリングの前にカットのエレメントすべてを合成して、最終的な成果物を作成する作業です。 例えば、合成アーティストはカットのすべてのアニメーションシーン、背景、オーバーレイ、アンダーレイをインポートして、正しい位置に配置します。 アー
ティストは次にカメラフレームを設定し、必要であればアニメートします。 最後にアニメーターがプロジェクトのすべてのCGエフェクトを作成します。

仕上げ

仕上げプロセスは、カラーモデルに従って、空白ゾーンをペイントして最終的なアニメー
ション描画のラインに彩色するアクションです。

自動描画をスキャナーに自動的にフィードする手法。複数の描画がシートフィーダーにスタックフィーされます。 スキャナーが起動すると、ユーザーが操作しなくても描画が連続してスキャン

ド

されます。

249

用語集

自動口

エレメントの描画を、サウンド用に生成されたマウスチャートに自動的にマッピングしま

パク作

す。 これによってボイストラックを口パクする時間を節約できます。

成軸オブジェクトが回転する仮想ライン。 2DグラフィックスにはX （水平）とY （垂直）の2つの軸があります。 3DグラフィックスにはX （水平）、Y （垂直）およびZ （深度）の3つの軸があります。 常に回転し続けるアニメーションでは、オブジェクトがどの軸を中心に回転するか、軸要素によって指定されます。 負の数はアニメーションを反時計回りに回転させ、正の数はアニメーションを時計回りに回転させます。

手動口

口の位置の描画を手動で取り替えて、ボイストラックに一致させること。 このプロセスで

パク検

は、サウンドスクラブ（コマごとに分割された音波を聴くこと）と描画置換の両方が用いら

出

色域

色指定

れます。

特定のデバイスが描写できる色彩の範囲。

アニメーションをペイントする際に使用しなければならない公式のカラーデザイン。 モデルはキャラクターやプロップ、場所の最終的なデザインであり、各アーティストはこれに従って制作にあたる必要があります。

色収差

光学において、色収差（CA）、色消しまたは色彩変形は変形のひとつであり、レンズの不具合により、すべての色を同一の光軸点に合わせることはできません。

速度

アニメーションにおいて、速度は「イーズ」とも呼ばれ、動きの加速または減速を指します。 機能カーブまたは一連のアニメーション化された描画によって生み出されます。 イー
ズインとイーズアウトには、スローインとスローアウトという用語も広く使われています。

中割り

キーポーズの間にある描画。 ポーズ間の滑らかなトランジションを生み出すために描かれます。

背景

カメラのフィールドを塗りつぶし、キャラクターやプロップの背後にあるアートワーク。
通常、このアートワークはアクションが行われる舞台装置や舞台を表します。

立体

実際に異なる2つの画像を出力する画像またはムービーで、それぞれが人間の目の1つの視3D

点からのものです。 3Dディスプレイやバーチャルリアリティゴーグルといった特別な装置を通して見たり投影したりすると、これによって、画像内のエレメントが実際に視聴者の目の前にあるかのような錯覚が生じます。

250