![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/7d3227d4-237e-4e26-9d1b-d0bb62abd6e6_rw_600.jpg?h=065a428bb525342afe61fb96b96fb282)
1. その他のトランスフォームプロパティ
1.1 スケール
位置プロパティ同様に、スケールプロパティにも2箇所キーフレームを追加する。下映像では、キーフレームの時間位置は、位置プロパティと同じ時間位置に追加している。1個目のキーフレームはスケールを100%、2個目のキーフレームはスケールを200%に設定している。
1.2 回転
さらに、回転プロパティのキーフレームを2箇所追加する。下映像では、1個目のキーフレームは0回転、2個目のキーフレームは2回転で設定している。
1.3 不透明度
不透明度プロパティのキーフレームを2箇所追加する。キーフレームの位置はその他のキーフレームの中間程度の時間位置に1個目のキーフレームを追加する。2個目はその他のキーフレームの2個目のキーフレームと同じ時間位置とする。1個目の不透明度は100%、2個目の不透明度は0%とする。
1.4 プロパティ表示のショートカット
After Effectsでは多数のコンテンツレイヤーそれぞれに対して、多数のプロパティを調整していく。全てのプロパティを表示していると下図のようにタイムラインが下方向に長くなるため、特定のプロパティのみを表示するショートカットが用意されている。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/377eee9a-fcde-4fe0-83d3-eec9d004ca23_rw_1200.jpg?h=a9352c9c0dcb9f3ac6aac6a91e1653ac)
レイヤーを選択した状態でショートカットキーを押すことで、対象のプロパティのみが表示される。もう一度同じキーを押して非表示になる。
a:アンカーポイント
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/469822d6-2522-41e9-82bc-3137b1582e6f_rw_1200.jpg?h=3f3ad568ebcb0137d7f4059f3ec993c2)
p:位置
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/068624b5-5fbf-453c-9c0e-a23e9bab86f8_rw_1200.jpg?h=a0b2d9570380fe0b1a238ce2d02f67d7)
s:スケール
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/8a164fc6-e181-478d-9f9f-b236b728e2dd_rw_1200.jpg?h=baab2f0683dd4728e30cc0db1ed872d0)
r:回転
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/583cd399-4657-4c59-ac98-0d470a1a2425_rw_1200.jpg?h=f9c88a7101ae85c83b9ee59e064259d9)
t:不透明度
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/a3b61ba4-88c4-4877-a293-807a8ca1221e_rw_1200.jpg?h=becf6630332a21c7a535c69c22f827b8)
u:キーフレームがあるプロパティ全て
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/d4a02335-aa17-4434-ae47-b875230594bb_rw_1200.jpg?h=6b84385f0f7f59acf816819673c6142b)
u2回:数値変更したプロパティ全て
※シェイプレイヤーは任意形状を作成するので形状や色に関わるプロパティも全て開かれる
※シェイプレイヤーは任意形状を作成するので形状や色に関わるプロパティも全て開かれる
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/27c696fc-7f0d-4796-b803-da2cd649f368_rw_1200.jpg?h=b71ba3e04002d4836acc3aa0ee8e4782)
2. イージング(速度調整)
2.1 イージングとは
等速ではなく、徐々に加速したりゆっくり減速することで、動きに緩急をつけることができる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/52bcfe51-0d51-4320-9203-bea5069b3aa8_rw_1200.jpg?h=bea5fa2780363a805e58f3b7dd5c02fd)
After Effectsではイージーイーズ、イージーイーズイン、イージーイーズアウトの3種類があり、状況により使い分ける。下図は3つのキーフレームの真ん中のキーフレームに対して適用したもの(グラフエディター表示)。慣れないうちはイージーイーズのみを利用して理解していく。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/56fc67e8-cd76-47c3-8318-f85fa23cf507_rw_1200.jpg?h=bd73ed3dcd4ecfd731cef821edaf115c)
2.2 位置プロパティのイージング操作
他のプロパティのキーフレームはアニメーションの状態がわかりにくくなるので外しておく。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/c643b380-6625-4b8c-bef0-b280cae8e340_rw_600.jpg?h=a2e4470b4c6802c541a78920ccd71df6)
◆を右クリックして表示されるメニュー > キーフレーム補助 > イージイーズ(F9 or fn+F9)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/8ee726ae-ad6c-45cc-a240-dbdf942b5adb_rw_1200.jpg?h=07e3c5aa6b6750e290d90bc10d820ce9)
各状態のキーアイコン。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/2eeea2aa-7a0a-4a6d-ad57-cf8301c75816_rw_600.jpg?h=2b3ad62e1c2507b64c80460d12963905)
イージーイーズインの後にイージーイーズアウトを適用するとイージーイーズになる。逆の手順も同じくイージーイーズになる。
2.3 始点にイージーイーズ(or イージーイーズアウト)
グラフエディターの状態(紹介のみ)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/e93e0ad7-0fc6-4711-95d8-6c1ccd6580d5_rw_600.jpg?h=1174577af4032a5bde415d1b2a0a090d)
2.4 終点にイージーイーズ(or イージーイーズイン)
グラフエディターの状態(紹介のみ)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/d2553e81-0395-4183-8a6b-49fe8f284161_rw_600.jpg?h=378328c57364f624291f0323b096b289)
2.5 イージングのリセット(リニアに戻す)
Cmd+キーをクリックでリニア(◆アイコン)に切り替えることができる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/b9188cb0-98c5-4944-9f1e-7f646149d7f3_rw_600.jpg?h=7b3c0441c5585f9a032f24b19f5740ac)
リニア(◆アイコン)にCmd+キーをクリックすると自動ベジェ(●アイコン)になる。
2.6 グラフエディターの利用(紹介のみ)
アニメーションの緩急を微調整していく場合はグラフエディターを利用して調整していく。イージングの設定だけでもUI操作で扱いやすくなる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/a2d2010c-ae5b-49d9-96f3-aaf238298232_rw_1200.jpg?h=0d888fd04049bbe0ff54e1d58d7ac338)
3. タイムラインの各種操作
タイムラインにはスイッチや情報を表示することができるが、全てを表示するには多すぎるのでタイムライン左下のボタン(下図)を押すことで、表示状態を切り替えながら操作を行う。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/ea900f57-31f1-4482-8a94-b4cfbed2ba75_rw_600.jpg?h=9eca97a892486b7ce126af17294ad85a)
上図の左から以下の表示/非表示を行うボタン。
・スイッチ
・転送制御
・イン/アウト/デュレーション/伸縮
・レンダリング時間
・スイッチ
・転送制御
・イン/アウト/デュレーション/伸縮
・レンダリング時間
下図は全てのスイッチと情報を表示した状態。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/6ad99852-28d7-4de7-935f-98b8d4400d65_rw_1200.jpg?h=ff12ec0ad0523b7b1bec6cbfbdd9765b)
レイヤーの各ボタンと情報の紹介。
表示/ソロ/ロック
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/dcac888f-5133-497f-9269-aff221e030df_rw_600.jpg?h=87ecea9901e1b6c9e36dfcb79a5ef33f)
シャイ/連続ラスタライズ/品質/エフェクトの有効化/フレームブレンド/モーションブラー/調整レイヤーの有効化/3Dレイヤー
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/d3599b16-6a3a-47dc-a812-54858c2a9f96_rw_600.jpg?h=954bfeeabb9ecfb55b5690004408a7b1)
合成モードリンク/下の透明部分を保持/トラックマット
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/214b42a8-7b6e-45d1-936e-380e220fe681_rw_600.jpg?h=ecafeb05798ed7d4e9f866b6a0365a00)
親とリンク
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/2d366e98-dc7d-4a9a-8666-31263940d9fc_rw_600.jpg?h=e359e024d01f08f200bad291c7ae7381)
イン/アウト/デュレーション/伸縮
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/7861e063-c9df-48e4-b832-ebb6c2a2f277_rw_600.jpg?h=a25e6702518bbdb79ceccf2010f72547)
4. レイヤーの開始/終了位置の調整
レイヤーの開始位置と終了位置は下図の部分をドラッグして調整する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/797e3363-f36a-4561-b22c-08afc5b88ad2_rw_1200.jpg?h=c5b7a754d2ec63cb8640d4f199f5477c)
上記のマウス操作だけでなく、ショートカットで調整することもできる。
時間インジケータ位置に開始点と終了点を移動するショートカット。
・開始点:[
・終了点:]
・終了点:]
トリミングのショートカット。
・IN点:Option + [
・OUT点:Option + ]
・IN点:Option + [
・OUT点:Option + ]