aeのインデックスの適用expression_html/css_WEB-ITnose

ae はサイドバー メニューを作成します

今日説明するのは、ae 式のインデックスです。インデックスはテキスト アニメーションで使用されます。以下の図を参照してください。 >

css では、index は Z 軸上の要素のレベルを表すために使用されます。ae では、次のようにレイヤー番号を表すために使用されます。 >

インデックスをうまく使用すると、効率が向上し、アニメーションの各レイヤーを正確に制御するのに役立ちます。

ここではインデックスの適用について説明しますので、その他の点については説明しません。興味のある方はソース ファイルをダウンロードしてください。

次は簡単な手順です:

1. 「My Work」というテキストを入力し、中央揃えにして、アンカー ポイントを左側の境界線に移動します。以下に示すように、レイヤーを中央に表示できます (アンカーポイントを変更せずに試すことができます):

2. Ctrd+d で「My Works」をコピーします" レイヤーを作成し、「My Collection」という名前を付け、位置属性を展開します (右クリックして x 座標と y 座標を分けることができます)。

alt キーを押しながら、x 位置の前のコード テーブルをクリックします。 、式を追加し、その x 位置を "My Works" と結合します。 " は "My work" の x 位置に関連付けられます).transform.xPosition*index により、距離が 1、2、3、4 倍になります。 , 5 「My work」の x 位置に基づいて

以下に示すように:

3. 引き続き 3 つのレイヤーをコピーし、「My Resume」という名前を付けます。以下に示すように、「情報を変更」および「ログアウト」します。

4 に示すように、「My Works」の x 位置にキーフレームを追加し、出入りするアニメーションを作成します。下の図:

このように、「My Works」の x 位置のキー フレームを変更するだけで、他のレイヤーを大幅に制御できます。

テキストチュートリアルでは詳細に説明できませんし、チュートリアルが書かれていることも少ないため、表現が明確でない可能性があります。興味がある場合は、ソースファイルをダウンロードして自分で見てください。それを理解できる方は歓迎します。