After Effectsのダイナミックテキストボックス

ダイナミックテキストボックスを作成する方法は?

    1. テキストレイヤーを作成し、名前をtextLayerに変更します。
    2. 長方形のシェイプを作成します。
    3. SizeプロパティをAlt+クリックし、下記のエクスプレッションを貼り付けます。
// edit horizontal padding in pixels
var horizontalPadding = 100;
// edit vertical padding in pixels
var verticalPadding = 50;
// text layer
var textLayer = thisComp.layer("textLayer");

-50%
-50%
00時間 : 00 : 00
Happy Holidaysサイト全体セール
今すぐ購入

// bounding box around text
var bbox = textLayer.sourceRectAtTime(time,true);
// box’s width + padding
[bbox.width * textLayer.scale[0] / 100,
bbox.height * textLayer.scale[1] / 100] +
[horizontalPadding, verticalPadding]

    1. PositionプロパティをAlt+クリックし、下記のエクスプレッションを貼り付けます。
  1. var textLayer = thisComp.layer("textLayer");
    var box = textLayer.sourceRectAtTime(time, false);
    textLayer.position - textLayer.anchorPoint +
    [box.left*textLayer.scale[0] / 100,
    box.top * textLayer.scale[1] / 100] +

    [box.width * textLayer.scale[0] / 100,
    box.height*textLayer.scale[1] / 100] / 2;

    ボックスを角丸にする方法は?
    シェイプボックスのRoundnessプロパティを開き、値を大きくします。
    パディングを変更する方法は?
    最初のエクスプレッションでhorizontalPaddingverticalPaddingを変更します。

    Our Bestsellers

    Our Bestsellers