After Effectsで次のようなものを作成するために知っておく必要があること：
プロジェクトと作曲の作り方
AEを起動すると、を押しCmd+Nて、1つのコンポジションを含む新しいプロジェクトを作成できます。
既にプロジェクトを開いている場合、を押すとCmd+N新しいコンポジションのみが作成されます。
このプロジェクトでは、2つのコンポジションを使用しました。GUIcompとGUIとそのアニメーションを保持します。iphone背景とGUIコンプの両方を保持するコンプ。
GUIアニメーションを含む2番目のコンポジションは、画面と同じサイズにするか、少なくとも同じアスペクト比にする必要があります。後で、画面に配置するときに、アスペクト比がオフの場合は奇妙に見えるかもしれません。
AEへの画像のインポート
After Effectsには.psdファイルをインポートするための非常に優れたシステムがありますが、.psdファイルを置き忘れたり、移動したり、名前を変更したりすると、エフェクトがそれを見つけることができず、毎回映像を交換する必要があるため、使用しません個別にレイヤーします。
たとえば、画像のフォルダをプロジェクトにインポートすると、あなたも。画像フォルダーの名前を変更すると、1つの画像フッテージを置き換えるだけで、失われたすべての画像が復元されます（すべての失われた画像が同じフォルダーに存在する限り）。また、このようにすっきりしています。
画像をプロジェクトにインポートする方法
左側のプロジェクトパネル内を右クリックします。 Import > Multiple files
...または、ファイルをそのパネルにドラッグするだけです
slicyを使用して、Photoshopから画像をエクスポートしました。
個別の画像ファイルとして保存するオブジェクト
基本的に、すべての移動オブジェクトを個別に保存する必要があります。いくつかの静的オブジェクトを個別に保存する必要がある場合もあります。
このプロジェクトでは、ヘッダーとフッターを1つとして保存することもできましたが、ヘッダーには最初のボタンを覆う影があったため、それらを個別に保存する必要がありました。
以下は、画像ファイルをAEにインポートする前にphotoshopで保存した方法の内訳です。
アニメーション101
位置アニメーション：
- 位置アニメーション：
- タイムラインの左側のリストでオブジェクトを選択します。
- 押す P
- 選択したレイヤーの下にあるストップウォッチアイコンをクリックします。これにより、タイムインジケータが存在する場所（タイムラインの赤い線）に、最初のキーフレームが自動的に追加されます。
- タイムラインで時間インジケータを前に移動します。ドラッグするかCmd+{Arrow left or right}、Cmd+Shift+{Arrow left or right}
- コンポジションビューアで、オブジェクトを移動したい位置にドラッグします（Shift+arrow keysPhotoshopのように、または数値をドラッグして、を使用することもできます）。
- 別のキーフレームがタイムラインに表示され、アニメーションが作成されました。
- を押すとアニメーションを再生できます space
キーフレームを互いに近づけてアニメーションを高速化したり、キーフレームを互いに遠ざけて遅くしたりします。
一時停止後もアニメーションを継続します。
シナリオ：何かをAからBにアニメーション化し、Xミリ秒だけ一時停止してからBからCに移動したい
Bをアニメーション化したら、タイムラインを先に進み、左側のキーフレームアイコンをクリックします。 
グレー表示されるはずなので、心配しないでください。その位置にキーフレームがないことを意味します
キーフレーム＃2と新しく作成されたキーフレーム＃3トランスフォームは同じ値を持つため、これら2つのキーフレームの間に一時停止があります。その後、タイムラインを先に進み、値を再度変更することにより、通常のアニメーションを続行できます。
回転や不透明度などの他のもののアニメーション化
今回は、それらすべてが位置アニメーション（...ドラッグなし）と同じように機能することを伝えたいと思います。
下のホットキーを押すと表示される数値スライダーを使用するだけです。
さまざまな変換方法のホットキー：
- P - ポジション
- T -不透明度
- R - 回転
- S -スケール
- A - アンカーポイント
オブジェクトを選択し、これらのホットキーのいずれかを押してアニメーションを開始します。何も選択しないと、コンプ内の各オブジェクトの変換メソッドが表示されます。
オブジェクトを他のオブジェクトにスレーブする方法
[コンプ]パネルでは、すべてのオブジェクトに[親]ドロップダウンリストがあります。
これを使用して、オブジェクトの親を定義できます。
その後、親を移動すると、子要素も一緒に移動することに気付くでしょう。親要素にアタッチするアニメーションについても同様です。
回転する親オブジェクトをアニメーション化すると、子が追従します...
アニメーションに弾力性を追加する
そのため、ボタンアニメーションが壁に止まるのではなく、非常に伸縮性のある方法で止まることに気付いたかもしれません。
After Effectエクスプレッションを使用してこれを実現できます（さらに多くのことができます）。
Expressionスクリプトをアニメーションに適用するにはAlt+{mouse click}、ストップウォッチを使用してスクリプトに貼り付けます。
ボタンアニメーションで使用した式
最初の3つの変数amp, freq, decayを編集して、異なる結果を得ることができます。
この同じスクリプトを動きベースのアニメーションに適用できます。たとえば、不透明度アニメーションは影響を受けません。
こちらにもあります。
amp = .1;
freq = 1.0;
decay = 9.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}}
if (n == 0){ t = 0;
}else{
t = time - key(n).time;
}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{value}
イージング...
したがって、これは、上記の式スクリプトのように、アニメーションの直線性をはるかに低くすることができる別のことです。
その「タッチインジケーターサークル」でイーズイーズを使用して、少し人間のような動きを見るようにしました。
1つまたは複数のキーフレームを選択して、そのうちの1つを右クリックできます。
次に、リストから： Keyframe assistant > Easy Ease
私は怠け者だからよくイージーイースを使います...
写真または発生しませんでした...
以下は、イージングとこの特定の式スクリプトがアニメーションに大きな影響を与える可能性があることを示す単純な位置アニメーションです。
アニメーション化されたコンプ/フッテージを画面に配置する
GUIをアニメーション化したら、デバイスの画面に配置します。
- コンポジション内に画像を配置するように、GUIコンプをiPhoneコンプ内に配置します。
- プロジェクトパネルでiPhoneカンプをダブルクリックします
- GUIコンプを選択
- トップメニューから
Effects > Distort > Corner pin
- 次に、各コーナーをドラッグして、デバイス画面のコーナーに合わせます。
.gifへのエクスポート
AEにはこれを行うためのネイティブメソッドはありませんが、心配する必要はありません。方法があります。
私はこれを好む：
- でコンポジションをクリックします
Projects panel
Composition > Add to render queue Cmd+Ctrl+M- 次に、タイムラインが通常配置される下部で、エクスポートするものと場所を選択します。
- 通常、ロスレス.movをエクスポートします
- 「レンダリング設定」をクリックすると、フレームレートを選択できます。それ以外の場合は、コンプフレームレートを使用します
- 次に、右上隅またはそのパネルのレンダリングを押します。
- エクスポートされたファイルを見つけて、Photoshopで開きます。
- ウェブ用に保存 Cmd+Shift+Alt+S
正直それほど悪くない...
ビデオファイルとしてエクスポートする
したがって、上記の方法はロスレスファイルのエクスポート方法を示していますが、ビデオファイルをエクスポートする方法ではありません。
あなたはこのようにします：
- プロジェクトファイルを保存します。
- 内のコンポジションをクリックし
Projects panelます（複数ある場合）
Composition > Add to adobe media encoder queue Cmd+Alt+M- プリセットを右の列から左の列にドラッグします
- プレイを押します。
- エクスポートフォルダを選択しない場合、デフォルトではプロジェクトファイルのすぐ隣に移動します。
映像の交換方法
AEはファイルを見つけることができませんか？これを行う：
- プロジェクトパネルで不足している映像のいずれかを右クリックします
- リストから
Replace footage > File...
- 映像やものを見つける
その他の便利なホットキー
- U-コンプで使用されているすべてのキーフレームを表示します（何も選択されていない場合）。たとえば、複数のキーフレームを一度に移動する必要がある場合に非常に便利です。
- U（ダブルタップ）-変更されたすべてを明らかにします。
- E（ダブルタップ）-使用されているすべての式を表示します。
- J -前のキーフレームに移動します。
- K -次のキーフレームに移動します。
- space -カンプを再生します
- Iまたはhomeキー-現在の時間インジケータをタイムラインの先頭に移動します。
- Cmd+K -現在の構成設定。
- Cmd+I -ファイルをインポートします。
- Alt+{Arrow keys left and right} -キーフレームを選択し、ホットキーを押して移動します。
- Alt+Shift+{Arrow keys left and right} -キーフレームを選択し、ホットキーを押して移動します。
プロジェクトファイルが見つかりhereます。
