トランスフォームレイヤー

トランスフォームレイヤーで描き、動画またはビデオの変形をキーフレームすることができます。キーフレームカーブのシステムを活用すると、描きまたは動画を簡単にトランスフォーム及び動かすことができるようになります。

新規トランスフォームレイヤーを作成するには、ダイヤモンドアイコンをタップします。選択したレイヤーを新規トランスフォームに自動的にリンクします。トランスフォームレイヤーにリンクしたレイヤーは子レイヤになり、階層構造を作成します。

トランスフォームレイヤー上の三つのアイコンは他のレイヤータイプにない、特徴的で、よく使う機能となります。

カーブアイコンをタップすると、トランスフォームレイヤーのカーブエディタをタイムラインスペースに表示します。カーブエディターからキーフレームの位置スケール又は回転数値を編集することができます。
目のアイコンをタップすると、トランスフォームレイヤーを有効・無効にすることができます。
グローバルアンカーポイントを設定すると、アンカーポイントは全ての子レイヤーに共通しています。
個別アンカーポイントを設定すると、各子レイヤーのアンカーポイントは独立し、個別に調整することができます。もう一度アイコンをタップすると、グローバルアンカーポイントに切り替えます。

各子レイヤーの個別アンカーポイントを調整するには、カーブエディターを開きます。

レイヤーメニューのアイコンをタップすると、以下のオプションを表示します。

トランスフォームレイヤーを複数します。
トランスフォームレイヤーと子レイヤー同士複製します。
フレーム化アイコンをタップすると、トランスフォームレイヤーで変形した内容をフレームに変換します。新規描きレイヤーが作成されますが、トランスフォームレイヤーの内容は削除されず、無効にした状態になります。

階層構造

トランスフォームレイヤーに複数のレイヤーをリンクすることができます。トランスフォームレイヤーにリンクされたレイヤーは子レイヤーになり、子レイヤーをリンクしたトランスフォームレイヤーは親レイヤーになります。子レイヤーは親レイヤーの設定に従います。

トランスフォームレイヤー以外のレイヤータイプを親レイヤーとして設定することができません。逆に子レイヤーとして設定できるレイヤータイプが複数あります。描きレイヤー、トランスフォームレイヤーとビデオレイヤーは子レイヤーとして設定可能です。

トランスフォームレイヤーを選択すると、子レイヤーとのリンクが表示されます。子レイヤーがトランスフォームレイヤーの右側に押しやります(インデント)。

トランスフォームレイヤー名の下にある矢印アイコンをタップすると、子レイヤーを非表示にします。

子レイヤーをリンクしたトランスフォームレイヤーが別のトランスフォームレイヤーの子レイヤーになることができます。その場合は階層構造の段階が増えます

トランスフォームレイヤーにリンクされたレイヤーのレイヤー名の隣にダイヤモンドアイコンを付けます。

子レイヤーをトランスフォームレイヤーにリンクするには、レイヤーを長押ししながら、上下にドラッグすると、移動します。トランスフォームレイヤーの真ん中へドラッグし、ドロップすると、リンクします。レイヤーをドロップできる位置はレイヤーの間にあるオレンジ色の線で示します。

レイヤーをトランスフォームレイヤーの上にドラッグドロップすると、リンクせずに、レイヤースタック内の順番を変えます。その場合は移動したレイヤーとトランスフォームレイヤーが無関係です。

レイヤーをトランスフォームレイヤーの真ん中にドラッグドロップすると、トランスフォームレイヤーにリンクします。ドロップしたレイヤーはそのトランスフォームレイヤーの子レイヤーになります。トランスフォームレイヤーはドロップしたレイヤーの親レイヤーになります。

レイヤーをトランスフォームレイヤーと子レイヤーの間にドラッグドロップすると、トランスフォームレイヤーにリンクし、既存の子レイヤーの上に配置されます。ドロップしたレイヤーはそのトランスフォームレイヤーの子レイヤーになります。トランスフォームレイヤーはドロップしたレイヤーの親レイヤーになります。

レイヤーを子レイヤーの上にドラッグドロップすると、トランスフォームレイヤーにリンクし、既存の子レイヤーの下に配置されます。ドロップしたレイヤーはそのトランスフォームレイヤーの子レイヤーになります。トランスフォームレイヤーはドロップしたレイヤーの親レイヤーになります。

タイムライン

新規トランスフォームレイヤーを作成すると、選択したレイヤー(描きレイヤーまたはビデオレイヤー)に自動的にリンクします。 レイヤーをトランスフォームレイヤーの真ん中にドラッグドロップし、リンクします。トランスフォームレイヤーのリンクを外すには、カーブエディターを開きます。

カーブアイコンをタップすると、カーブエディターを開き、他のオプションにアクセスすることができます。
カーブエディターを開くと、レイヤースタックの代わりにトランスフォームオプションが表示されます。
 
トランスフォームレイヤーの下にトランスフォーム数値があります。数値の変更に合わせて子レイヤーの内容を変形します。
 
トランスフォーム数値の下にトランスフォームレイヤーにリンクした子レイヤーのリストがあります。
 
子レイヤーリストにレイヤーを追加するには、カーブエディター表示からレイヤースタック表示に戻り、トランスフォームレイヤーの真ん中にレイヤーをドラッグドロップします。子レイヤーをトランスフォームレイヤーにリンクすると、リストに追加します。
 
子レイヤーリストから外すには、カーブエディター表示からレイヤースタック表示に戻り、トランスフォームレイヤーからレイヤーをドラッグし、トランスフォームレイヤーの外側にドロップします。
アイコンをタップすると、レイヤースタック表示に戻ります。

キーフレームとカーブ

子レイヤーをトランスフォームレイヤーにリンクすると、タイムライン上でキーフレームを追加することができます。描きレイヤーをリンクした場合はキーフレームアニメーションの希望のタイミングに合わせて動画用紙の尺を伸ばしてください

トランスフォームレイヤーでトランスフォームできる素材は描き、動画またはビデオです。

トランスフォームレイヤーを使用すると、変形ツールと似ているトランスフォームボックスが表示されます。ボックスのハンドルをドラッグし、内容をトランスフォームすることができます。

描画を1本指で長押ししながら、トランスフォームボックスをドラッグすると、ガイドラインが表示されす。ペンシルをボックスの横線、縦線、対角線、中心にドラッグし、近づくと、その先スナップします。

サイドバーメニューのオプションは以下の通りです。

ズームと回転ジェスチャーを有効・無効にするアイコンです。有効にすると、トランスフォームボックス自体をペンシルで調整できると共に、指で描画の拡大縮小と回転ができます。無効にすると、指でトランスフォームボックスを調整することが可能ですが、指で描画の拡大縮小と回転ができません。

前のキーフレームに移動します。

次のキーフレームに移動します。

トランスフォームボックスの内容を水平に反転します。

トランスフォームボックスの内容を垂直に反転します。

変形操作をリセットします。

キーフレームを作成するには、トランスフォーム数値を変更するかカーブをダブルタップします。

キーフレームを作成する前、希望のフレーム及びタイミングを選択します。

カラー丸の隣にある黒いダイヤモンドをタップすると、キーフレームを作成することができます。

キーフレームされたパラメーター(位置、スケール、回転)を白いダイヤモンドアイコンで示します。

キーフレームを外すには、もう一度白いダイヤモンドアイコンをタップします。

選択した内容のトランスフォームボックスの移動、拡大縮小、回転により自動的にキーフレームを作成します。

トランスフォームボックスを調整すると、位置のXY座標、スケールのXY座標と回転座標が変わります。変更によりカーブの表示を合わせます。

新規キーフレームのタイミングはタイムライン上で選択したタイミングとなります。キーフレームをタイムライン上でドラッグし、移動することができます。移動に合わせて座標の数値が変わります。

描画をを1本指で長押ししながら、ペンシルでキーフレームを移動すると、座標の数値を変更せずキーフレームの位置を水平方向に変更することができます。
描画を2本指で長押ししながら、ペンシルでキーフレームを移動すると、座標の数値を変更せずキーフレームの位置を垂直方向に変更することができます。
X位置は選択した内容の縦軸を示します。単位がピクセルです。
Y位置は選択した内容の横軸を示します。単位がピクセルです。
Xスケールは選択した内容の幅を示します。単位がパーセントです。
Yスケールは選択した内容の縦を示します。単位がパーセントです。
回転は回転軸に合わせて選択した内容のを回転させます。設定にある「x」は回転数を示します。「+ 0°」は回転数とプラスになる角度を示します。
 
座標の数値を変更するには、数値上でペンシルや指で左右にスライドするかトランスフォームボックスを移動します。数値をダブルタップすると、入力パネルが開き、数値を入力することができます。
 
不透明度は絵の可視化を表します。単位はパーセントです。0は完全透過になり、100は完全不透明と表します。
目のアイコンタップすると、カーブを表示・非表示にします。
キーフレームを選択するには、キーフレームをタップします。選択したキーフレームはオレンジ色になります。

複数のキーフレームを選択するにはダブルタップ・ドラッグ操作を行います。

複数のキーフレームの選択の場合は表示されたカーブのキーフレームが選択されます。特別なカーブのキーフレームを選択するには、他のパラメータの目のアイコンをタップし、選択から外すカーブを非表示にします。

全てのカーブのキーフレームを選択するには、パラメーターから全てのカーブを表示し、選択します。

キーフレームを選択すると、タイムラインの上にアクションパネルが開きます。

キーフレームを削除します。
キーフレームをコピーします。
選択したタイミングにキーフレームを貼り付けます。

二つのキーフレームの間にあるカーブの勾配を調整できるアイコンです。カーブの種類によって動きの加速度が変わります。カーブの勾配を調整すると、イージーイーズイン・アウトを作ることができます。

こちらの事例にはYの位置のカーブをベジエカーブに設定しました。複数のカーブの勾配に応じて動きの加速が変わります。

こちらの事例にはキーフレームの位置が先と同じ位置ですが、カーブを直線タイプに設定しました。

機能リクエスト

学校法人購入

Apple School Managerでのコンテンツの購入のやり方に関して、こちらのユーザーガイドをご覧ください。

その他

テクニカルサポート

パートナーシップ

お問い合わせありがとうございます

メッセージが送信されました
近日中に改めてご連絡させていただきます