X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

無料プレミアムアクセス

プレミアムハブの記事、プロジェクトファイルとから、各チュートリアルビデオの最初の10%の私たちのライブラリ全体にアクセスするオンラインチュートリアルのライブラリを

今すぐ無料アカウントを作成しよう!

After Effectsの:シェイプレイヤーのインデックスの階層
Google翻訳で翻訳さ

Check out our After Effects: Motion Tracking and Stabilization course!

私は最近、あなたが使ってできるいくつかの記事書いたレイヤーを図形にテキストを変換する 。例の一つは、単に複製されたストロークの効果に建てられたシェイプレイヤー"を使用して輪郭形状に複数のストロークを追加しました。

これは設定することは非常に簡単ですが、それは手動ですべてのストロークの幅と色を操作することは非常にlengthlyプロセスすることができます。あなたが青の色に基づいて20ストロークを持っていると、すべての緑に基づいてされることをしたいと幅を2倍にすれば、それは変更することが本当に苦痛となり得る!

だから、動的にこれを行うことは可能でしょうか?よく、はい!最初のストロークのいくつかの式のスライダーにストロークの幅と色をリンクすることにより、後続の重複したストロークは、あなたが一度にすべてをコントロールできるようにスライダーにリンクされます。

すべての重複したストロークが少し、広い暗いまたは明るい、あるいは各ストロークの幅と明るさをランダム化することができるようになったように、またそれぞれのストロークを相殺することができればwouldntのそれは素晴らしいこと!さてあなたはあまりにもそれを行うことができます!

問題は、シェイプレイヤーの内容を対象とし、各ストロークの効果のインデックスを見つけるかどうか。私の言いたいことHERESに。


コンプレイヤインデックス

After Effectsコンポジションの各レイヤーには、インデックス番号が付けられています。トップレイヤーは、1のインデックスを持っています。それは、レイヤの任意のタイプの、ソリッド、調整レイヤーまたはNullオブジェクトとすることもできます。

その下のレイヤ2のインデックスを持ち、などなど。あなたは下の画像で確認できます。インデックス番号は、レイヤの色で右側にあります。

The Layer below it has an Index of 2


インデックス番号を持つ一般的なトリックは、追加、積またはインデックス番号によって、その位置、不透明度などを割って、元のレイヤーの複製をオフセットすることです。

位置とインデックスが何もしないものと等しいかどうかという不透明度に式を追加することで、その次に、レイヤのインデックスでXの位置を乗算し、レイヤのインデックスで不透明度を分割しない場合。

duplicate of the original Layer by adding, multiplying or dividing its position, opacity, etc by its Index number


私はレイヤーを複製するときに、私はこれを取得。

the result


物のこのタイプは、そのインデックス番号を使用して、重複した3DテキストレイヤーのZ位置をオフセットすることにより擬似的な3Dテキストを作成するために使用されます。標準的なもの!


シェイプレイヤー内のインデックスを検索する

今すぐシェイプレイヤーは、それらが多くの異なる要素を保持できるということでミニ組成のようなものです。彼らは、単一または複数のパス、塗りつぶし、ストロークとひだや膨張のようなベクトルの効果、オフセットパス、ツイスト、ジグザグ、角丸やウィグルのパスを(イラストレーターのアニメーション版がエッジを粗くする)を含めることができます。

これらの要素は、[追加]を使用してグループ化することができます

先頭から開始することができます。空のシェイプレイヤーをHERESに。これは、2つの項目の内容が含まれており、変換。

an empty Shape Layer


あなたは、 レイヤを作成すると、

イムは、[追加]ボタンをクリックする3つの図形を追加するつもり。病気楕円、サークルやポリスターを追加。

Adding three shapes


今私は、FillおよびStrokeので、病気これらはあまりにも[追加]ボタンを使用して追加する必要があります。

Fill and stroke


今私は、基本的な構造を持っている。

the basic structure


問題HERESに。私は私のストロークの効果を複製すると新しいストロークが自動的に私のコンプレイヤの例のようにインデックス番号に基づいてサイズが増加しているでしょう。

しかし、私のストロークの効果もインデックス番号がありますか?よく、はいそれはありませんが、レイヤのインデックスよりも見つけることが少し難しくなります。

私はImがストローク1秒の幅でこの気の利いた表現を使用するつもりで自分のストロークの幅を増加させることができるインデックス番号を見つけるには。

値= thisProperty.propertyGroup(1)。propertyIndex

これはどのようにして動作しますか?内訳はHERESに...

値=

thisProperty -実際のストローク1の効果。

のPropertyGroup(1) -目次ですthisProperty(ストローク1)保持するコンテナ。

propertyIndex -私の内容の内部thisPropertyのインデックス(ストローク1)を得た。

あなたのPropertyGroupは()私は脳卒中効果のコンテナを見つけるために私のスタートポイントから後方に階層をドリルアップすることができます見ることができます。 (1)脳卒中の影響から、最大最初のレベルです。 のPropertyGroup(2)二つのレベルアップthisProperty、すなわち実際のシェイプレイヤーから内容を保持するコンテナ、なる!ストーク幅にこれを加えると何が起こるか見てみましょう。

さてあなたは私のストロークの幅が今5pxのか見ることができます!

stroke width at 5px


ストローク1が内容の内部に第五項目であるためです!

Stroke 1 as fifth item in content


[OK]を、そうクール厥、私は、インデックス番号を持っている!私は形状を取り除くために選択した場合はどうなる後でそれが私のインデックス番号をスローします!

さて私は、グループ内のすべての私の形を置くことによってラウンドは得ることができます。追加と選択するグループを、その中に図形を移動するために行く。私は後で各シェイプのために別の塗りつぶしを追加することにした包み病気であっても、そこに私の塗りつぶしを移動する。 IVEはそれ個人用図形]という名前。

place all shapes in a group


今私のストロークは、コンテンツ内の2番目のアイテムとして2PXです。

stroke value changes to 2px


今私は単に私の最初のストローク1ピクセルを作るために私の式から一方を減算することができますより多くの一貫した構造を持っている!

。値= thisProperty.propertyGroup(1)propertyIndex - 1

今私はいくつかのものを行うことができます!最初の病気の発現のスライダーを使用してシェイプレイヤーにマスターの幅のコントロールを追加します。 1から100ピクセル。

Master width control


その後、病気のいくつかの括弧内に私の表現をラップし、乗算記号を追加し、スライダーの値に鞭を選択してください。このように私は私のストローク幅の相対的な値を制御することができます。

control the relative value of my stroke width


私は病気もpropertyIndexによってストロークの不透明度を分割複製する前に。

divide the Stroke Opacity by the propertyIndex as well


それぞれの重複は、その高いインデックスの数で割ったものとして、より透明になります!

raise the Master width slider to expand the stroke


と私はそれぞれの脳卒中が増加し、不透明度のフェードを複製した場合! Horray!

duplicate each Stroke increases and the Opacity fades


私はストロークを拡大した場合には、それぞれの重複のための作品!

If I enlarge the Stroke it works for each duplicate!


ここでは、働くすべての式を見ることができます。

All the expressions working


我々はそれらをに入れ、そのグループのためと私はいくつかの図形を削除するとそれはまだ動作します!

result so far


これで、遠くどこに行きたいとして、これを取ることができます。私は自分自身私はボタンをクリックするだけで、マルチストローク設計要素を作成することができるこのテクニックを使用して、本当に便利なアニメーションプリセット作った、私だけでシェイプまたはパスを追加します。

Add a shape or path


それは、ランダムシードのコントロールで明るさとストロークの幅のためのランダムまたは線形のオプションがあります。あなたがなどなどを反転できるStartとEndの明度のためのコントロール

random seed control


一度このテクニックのシェイプレイヤーは全く新しい意味を取る知っている!自分自身でそれをお試しください!

Check out our After Effects: Motion Tracking and Stabilization course!

Toby Pitman

Toby Pitman | Articles by this author

For the past 20 years Toby has worked as a professional guitarist, programmer and producer. Clients include Sir Paul McCartney, George Michael, Shirley Bassey, Yusuf Islam, Giles Martin as well as the London 2012 Olympic Ceremonies. He has also worked extensively in TV, Advertising and Film. As well as composing himself he has also worked alongside many composers like David Arnold, Clint Mansell and Simon Franglen on many major film releases. An expert in synthesis and sound design Toby has also lectured for Apple on their Logic Pro music software which he has used since its days on the Atari. He has also worked as an educator for the International Guitar Foundation and the Brighton Institute of Modern Music teaching guitar. In his spare time (of which there is very little) he moonlights as a motion graphics artist specialising in Cinema 4D and After Effects.

Comments

Aug 27, 2012
Great tutorial, i had some questions which i cant seem to find the answer for, i want to do the following. I have a shape with a stroke, now i want to zoom in and out of the shape but without changing the stroke width, is that possible without a expression.
Aug 28, 2012
tobypitman
Well you could always just Keyframe the Stoke width manually.

Ideally you'd want to do this finding the distance of the object to the camera using an expression.

You may find that actually 'zooming' the camera will be trickier to work out so moving the camera in would be best.

Good Luck!
Feb 16, 2013
Declan
Great info regarding how to access various shape properties via expressions, really useful thanks
Dec 20, 2013
Dennis
Great tutorial. I have a question; how can I change the color of the stroke depending on the index number. If indexnumber is even color one or if indexnumber is odd than color two.

Greets,
Dennis
Dec 21, 2013
Dennis
Got it, with 2 color effect controlers (color1 and color2)

i=(thisProperty.propertyGroup(1).propertyIndex - 1)%2;
if (i==0) {effect("color1")("Color")}
else {effect("color2")("Color")};
You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link