Known Participant

Question

エッセンシャルグラフィックステンプレートの作成方法を教えていただきたいです

Forum|Forum|4 years ago
December 30, 2021
3 replies
1015 views

背景（長方形を二つ重ねて枠があるようなもの）付のテキストのテンプレートを作成したいです。

背景はテキストの長さに応じて縦横自動で伸びるようにしたいです。

またテキストについて二つのテキストを用意したいです。

完成イメージとしては

「

あああああ

いいいいいいいいいいい

」

というようなものにしたく「あ」と「い」は別の色を使いたいので別のテキストで管理できればと思っております。

しかし「あ」の部分については入力の必要が無い場面もあり、「あ」のテキストに入力が無い場合は「い」を上詰めで入力開始したいです。

また文字が画面いっぱいになった場合は自動で折り返してくれるとうような機能も付けられたらうれしいです。

このような形でテンプレートの作成は可能でしょうか？PremiereProのみでなくAfterEffectsも利用できる状況にあります。

アドバイスよろしくお願いいたします。

Windows10

22.1.2

FAQ

This topic has been closed for replies.

M

Mukaida

Community Expert

エッセンシャルグラフィックスが新機能として搭載された当初は、After Effectsで作成した「モーショングラフィックステンプレート」を読み込んで使用するものだったため、希望する機能を追加したい場合はAfter Effectsで作成して意図した動作ができたならテンプレートを書き出してPremiereで使用できるようになります。

テンプレートは、標準で搭載されている物の他に、Adobe Stockや素材を販売しているサイトで入手することもできます。

After Effectsでもメニューのプロパティを操作するだけでは、flafla125さんが希望するテンプレートは作成できないので、エクスプレッションというキーフレームを自動化するためのプログラムを書かなければなりません。

サンプルで作ったテンプレートの動画を添付しています。
・テキストカラー：
初期設定の色に別の色を上塗りするような機能ですが、テキストレイヤーの「アニメーター」で作成できるため、エクスプレッションを使わなくてもできます。
色は文字単位または割合（%）で上塗りできます。

・伸縮するテキストボックス：
先の返信に記載しているエクスプレッションを使ってコントロールしています。

・モーショングラフィックス書き出し：
タイムラインで正常に動作するようになったらエッセンシャルグラフィックスパネルに必要なプロパティをタイムラインからドラッグしてテンプレートを作成します。

・Premiere動作：
書き出したテンプレートをPremiereのタイムラインに配置して操作します。

Community Expert

flafla125さん

＞背景（長方形を二つ重ねて枠があるようなもの）付のテキストの・・・

ちょっと意味が良く分からないのですが、ここでは同心の2個の長方形に枠を付けるという意味に解釈しました。下図のようなイメージでしょうか。

＞「あ」のテキストに入力が無い場合は「い」を上詰めで入力開始したいです。

左詰めではないでしょうか。「横書き文字ツール」で「あ」の最左端でクリックして赤カーソルを出し、「Del」キーを押せば「あ」は削除され、「い」は左に移動します。

＞文字が画面いっぱいになった場合は自動で折り返してくれるとうような機能・・・

通常は、１クリック後テキストを入力していくにつれて赤い入力ボックスは伸びますが、この場合は「Enter」キーで改行が必要になります。

また、最初に、赤い入力ボックスをドラッグして作成してからテキストを入力すれば、枠の右端迄入力されると自動で改行します。

＞背景はテキストの長さに応じて縦横自動で伸びるようにしたいです。

「レスポンシブデザイン-位置」機能を使用するとできます。

ここではテキストレイヤーを「親レイヤー」、２個のシェイプレーヤーを「子レイヤー」として説明します。

①テキストと２個の長方形の枠をレイアウトします。長方形枠はシェイプで作成します。

②親レイヤーの変更に追従する子レイヤーの「シェイプ01」レイヤーを選択します。

「レスポンシブデザイン - 位置」の「追従」項で、親レイヤーの「あああいいいいい」テキストレイヤーを指定します。

次に、子レイヤーを追従させる親レイヤーの各エッジを定義します。右側の図で中央の四角をクリックして上、下、左、右のピンを青くします。なお、解除するには、中央の四角を再度クリックします。

③「シェイプ02」レイヤーも上記②と同様に行います。これで完成です。

④テキストの文字数変更、フォントサイズ変更、位置移動、スケール、回転等に対し、枠はテキストに自動で追従するようになります。

下記リンクも参考にご覧になって下さい。

レスポンシブデザイン機能のグラフィックへの追加 (adobe.com)

150kw

Community Expert

＞背景（長方形を二つ重ねて枠があるようなもの）付・・・

もしかしたら、下図のような境界線付き長方形でしょうか。

その場合なら、シェイプレイヤー１個で作成できます。

「アピアランス」項で、「塗り」にチェックを入れ色を指定すれば背景が作成されます。「境界線」にチェックを入れ、色と太さを指定すれば境界線が作成されます。

また、現在のバージョンではテキストに背景を付けることができます。「アピアランス」項で、「背景」にチェックを入れ、不透明度、サイズ、角Rを指定します。

M

Mukaida

Community Expert

以前、同様の質問に回答したリンクを貼っておきます。
premiere pro エッセンシャルエフェクトのサイズ調整 - Adobe Support Community - 12375398

二重の長方形は、一つの長方形に塗りと線を追加すれば作成できます。
テキストの色は、After Effectsのテキストレイヤーにある「アニメーター」で塗りを追加すれば色に変化を付けられます。
After Effects でのテキストのアニメート

M

Mukaida

Community Expert

＜追記＞

参考リンクは、長方形を固定する一例のため、質問の内容と異なっていました。

下記の内容でエクスプレッションを書き直せば、長方形のスケールを自動で変更できます。

テキストレイヤー「スケール」のエクスプレッションは削除して、~~テキストレイヤーのスケール~~ 長方形「スケール」に下記エクスプレッションを追加。

let w = thisComp.layer("テキストレイヤー名").sourceRectAtTime().width;
let h = thisComp.layer("テキストレイヤー名").sourceRectAtTime().height;
[w + 30 , h + 30] // 数値は余白範囲のため任意の値を設定

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded