これは何

起動→新規コンポジション作成

とにもかくにも、まずはAfter Effectsを起動します。
若干レイアウトは違うかもしれませんが、こういう画面が出てくると思います。

画面の中心あたりにある「新規コンポジション」を選択します。

するとコンポジション設定というウィンドウが出現します。
設定する箇所がたくさんありそうに見えますが

この3つだけ設定すればだいたい大丈夫です。
また、後から変えることもできるので、何も触らず次に進んでしまっても構いません。

少し表現は違いますが、ソフトウェア開発でいうコンポーネントのようなものだと思ってください。
扱いやすい単位でコンポジションを作り、それらを組み合わせて1つのモーショングラフィックスを作ります。

小さいコンポジションならレイヤー1枚だけも有り得ますし、大きめのコンポジションだと複数枚のレイヤーや色々なエフェクトを組み合わせて構成します。

また、はじめからコンポジションとして作ることも、ある程度バラバラに作ったあとにコンポジション化することもできます。¹

※これは「細かいことは良いから早く動かしてみたい」という方は読み飛ばしても大丈夫なセクションです。

はじめてのコンポジションを作ったことですし早速要素を配置して動かしたいのですが、先に設定を変えたり概念を理解しておいた方が良い箇所があります。

まず、After Effects > 環境設定 > 一般設定からアンカーポイントを新しいシェイプレイヤーの中央に配置にチェックを入れます。

ここにチェックを入れていないと、要素を配置した際にアンカーポイントが「シェイプの中心」ではなく「コンポジションの中心」に配置されてしまいます。²

初期設定では、CSSでいうtransform-originがcenterでもtop leftでもなく、全然関係ない箇所に設定されてしまうようなイメージです。
座標を計算してアニメーションを作るとして、非常にやりづらいのでチェックを入れるのを強く推奨します。

PhotoshopやIllustratorと同様に、ドラッグして図形を描画できるのですが、Webなどに慣れた人だったら以下の方法をオススメします。

スクリーンショット	説明
	上部にあるツールバーから図形ツールを長押しして、好きな図形を選ぶ
	選択できた状態（スクリーンショットでは長方形を選択）でマークをダブルクリック
	コンポジションの幅と高さいっぱいに長方形が描画される
	レイヤーから、`シェイプレイヤー > コンテンツ > 長方形 > 長方形パス > サイズ`を開き、値を調整（例では1280x720）