テキストの周りを長方形の一筆書きにしようとしたらグラッフィックが表示されない

​@Friendly_Glitter4640 さん、こんばんは

１個のマスクを使用して角丸付四角の枠を徐々に表示する方法を説明します。

１．マスクの頂点の操作方法

マスクには「バウンディングボックス表示」と「パス表示」があり、最初の作成時、「楕円形マスク」は「バウンディングボックス表示」になり、「長方形マスク」と「ペンマスク」は「パス表示」になります。

「バウンディングボックス表示」と「パス表示」は、マスク内をダブルクリックする毎に切り替わります。

ここでは、マスクの「パス表示」で、頂点の移動、追加、削除、頂点の切替等を説明します。いずれも「ペンツール」をクリックして操作します。

・移動は、「頂点」の上へカーソルを置き、「矢印」に「〇」マークが表示されたら移動方向へドラッグ＆ドロップします。

・追加は、パス上で「頂点」を追加する位置へカーソルを置き、「ペン」に「＋」マークが表示されたらクリックします。

・削除は、「Ctrl」キーを押しながら、パス上の削除する「頂点」の上へカーソルを置き、「ペン」に「－」マークが表示されたらクリックします。

・切替は、「Alt」キーを押しながら、パス上の切替する「頂点」の上へカーソルを置き、「山形」マークが表示されたらクリックします。ベジェ曲線の頂点と直線の頂点を切り替えることができます。

・切替は、「Alt」キーを押しながら、パス上の切替する「頂点」の上へカーソルを置き、「山形」マークが表示されたらクリックします。ベジェ曲線の頂点と直線の頂点を切り替えることができます。

２．長方形マスクを１個使用する方法（v26.0）

①長方形シェイプツールで枠線を描きます。角丸付きでもOKです。

ここでは、長さの比は、長辺：短辺＝２：１ で、描画時間は長辺２秒、短辺１秒で計６秒とします。

②ビデオトラックで対象のクリップを選択し、「ツール」パネルから「長方形マスクツール」をクリックします。

③ドラッグ＆ドロップして「長方形マスク」を下図の位置付近に作成します。「長方形マスク」は周囲に４点の丸い「頂点」がある「パス表示」です。

すると、「エフェクトコントロール」パネルの「割り当てられていないマスク」項に「長方形マスク（01）」が作成されます。

「長方形マスク（01）」の「トランスフォーム」の「位置」の右側数値で、「長方形マスク」下端を枠より少し下へ移動します。

＊「長方形マスク（01）」の「トランスフォーム」の「位置」の右側数値で「長方形マスク」下端を枠より少し下へ移動します。

＊各プロパティの数値は、一般的にそのままスクラブすれば「1」ずつ、「Shift」キーを押しながらスクラブすれば「10」ずつ、「Ctrl」キーを押しながらスクラブすれば「0.1」ずつ増減します。

④続いて、長方形マスクを「トランスフォーム」の「位置」の左側数値で、左上角丸より少し離れた位置へ移動します。

＊「トランスフォーム」の「位置」の左側数値で、水平移動します。

⑤「再生ヘッド」をクリップの左端へ移動し、「長方形マスク（01）」の「パス」の「アニメーションのオン/オフ」アイコンをクリックします。

＊「再生ヘッド」をクリップの左端、右端へ移動するには、対象のクリップのあるビデオトラックの「トラックターゲット」を「オン」にし、矢印キー（↑（戻る）、↓（進む））で行うと便利です。

⑥「再生ヘッド」を02；00Fへ移動し、「長方形マスク」の右辺の上下の頂点を「Shift」キーを押しながら選択し、一方の頂点をそのまま「長方形マスク」の右上角丸のR止まり位置までドラッグ＆ドロップします。

すると、「パス」の「再生ヘッド」位置に「キーフレーム」が自動的に作成されます。

➆頂点の追加、移動を行います。

「頂点Ａ」は、「長方形マスク」の上辺の右側「頂点」付近に作成します。

「頂点Ｂ」は、「長方形マスク」の下辺の中央付近に作成します。

「頂点Ｃ」は、「角丸」のR中心へドラッグ＆ドロップで移動します。

⑧「再生ヘッド」を02；03Fへ移動し、「長方形マスク」の右辺の上側の頂点を右回りで90°回転した位置へドラッグ＆ドロップで移動します。続いて、「頂点Ｄ」を、「長方形マスク」の先端の右側「頂点」付近に作成します。

すると、「パス」の「再生ヘッド」位置に「キーフレーム」が自動的に作成されます。

⑨「再生ヘッド」を03；00Fへ移動し、「長方形マスク」の先端の左右の頂点を「Shift」キーを押しながら選択し、一方の頂点をそのまま「長方形マスク」の右下角丸のR止まり位置までドラッグ＆ドロップします。続いて、「頂点Ｅ」を、「長方形マスク」の先端の右側「頂点」付近に作成します。

すると、「パス」の「再生ヘッド」位置に「キーフレーム」が自動的に作成されます。

⑩「再生ヘッド」を03；03Fへ移動し、「長方形マスク」の先端の右側の頂点を右回りで90°回転した位置へドラッグ＆ドロップで移動します。続いて、「頂点Ｆ」を、「長方形マスク」の先端の下側「頂点」付近に作成します。

すると、「パス」の「再生ヘッド」位置に「キーフレーム」が自動的に作成されます。

⑪「再生ヘッド」を05；00Fへ移動し、「長方形マスク」の先端の上下の頂点を「Shift」キーを押しながら選択し、一方の頂点をそのまま「長方形マスク」の左下角丸のR止まり位置までドラッグ＆ドロップします。続いて、「頂点Ｇ」を、「長方形マスク」の先端の下側「頂点」付近に作成します。

すると、「パス」の「再生ヘッド」位置に「キーフレーム」が自動的に作成されます。

⑫「再生ヘッド」を05；03Fへ移動し、「長方形マスク」の先端の下側の頂点を右回りで90°回転した位置へドラッグ＆ドロップで移動します。続いて、「頂点Ｈ」を、「長方形マスク」の先端の下側「頂点」付近に作成します。

すると、「パス」の「再生ヘッド」位置に「キーフレーム」が自動的に作成されます。

⑬「再生ヘッド」を06；00Fへ移動し、「長方形マスク」の先端の左右の頂点を「Shift」キーを押しながら選択し、一方の頂点をそのまま「長方形マスク」の左上角丸部のマスク下端までドラッグ＆ドロップします。

＊マスク下端とマスク先端がピッタリ一致するようにズームレベルを上げて（400、800％等）調整します。一致しないと、枠に隙間が生じます。

うまく修正できない場合は、再生ヘッドを１フレーム進め（06；01F）、２個の頂点を枠線外へドラッグ＆ドロップで移動すれば隙間は出なくなります。

⑭「長方形マスク（01）」を「割り当てられていないマスク」項から「不透明度」項へドラッグ＆ドロップで移動します。

これで枠が伸びるように描画されます。

⑮再生して確認します。

・角丸部の描画速度の調整

角丸部描画終了時のキーフレームの位置を移動して調整します。作例では３フレームになっていますので、早める場合は２フレーム等に、遅くする場合は４フレーム等に角丸部描画終了時のキーフレームをドラッグ＆ドロップして変更します。

・一周の描画時間の調整（キーフレームで変更）

キーフレーム全体の時間を比例的に「長く」または、「短く」します。

全体の時間を6秒から3秒および2秒にする例

現在（6秒） 00；00F ⇒ 02；00F ⇒ 02；03F ⇒ 03；00F ⇒ 03；03F ⇒ 05；00F ⇒ 05；03F ⇒ 06；00F

変更（3秒） 00；00F ⇒ 01；00F ⇒ 01；02F ⇒ 01；15F ⇒ 01；17F ⇒ 02；15F ⇒ 02；17F ⇒ 03；00F

変更（2秒）00；00F ⇒ 00；20F ⇒ 00；21F ⇒ 01；00F ⇒ 01；01F ⇒ 01；20F ⇒ 01；21F ⇒ 02；00F

・一周の描画時間の調整（「速度・デュレーション」コマンドで変更）

対象のクリップをネストし、その上で右クリックして開いたコンテキストメニューから「速度・デュレーション」を選択し、開いた「クリップ速度・デュレーション」ウィンドウで「速度」欄に「％」を入力し（速度が２倍なら「200」と入力）、「OK」をクリックします。

＊ネストしないと「クリップ速度・デュレーション」ウィンドウで「速度」欄がグレーで入力できません。

・一周の描画時間の調整（「レスポンシブデザイン-時間」で変更）

「レスポンシブデザイン-時間」は、グラフィッククリップのデュレーションを伸縮しても、イントロ、アウトロのデュレーションは不変で、イントロとアウトロの間のデュレーション（枠が一周するデュレーション）が伸縮するという機能です。

従って、次のような関係式が成り立ちます。

クリップのデュレーション ＝ 枠が一周するデュレーション ＋ アウトロのデュレーション

ここでは、クリップのデュレーションを11秒にします（枠が一周するのに６秒、一周後静止した状態を５秒）。そして、一周後静止した状態の５秒をアウトロに設定します。

ビデオトラックのクリップを選択し、「シェイプ（01）」レイヤーの選択を解除すると、「レスポンシブデザイン-時間」項が表示されます。

再生ヘッドを最後のキーフレーム位置（06；00F）に移動し、「キーフレームコントロール」部の「グラフィック文字」右端の「青いハンドル」を再生ヘッド位置までドラッグ＆ドロップするか、または「プロパティ」パネルの「レスポンシブデザイン-時間」項の「アウトロの長さ」に「00；00；05；00」と入力します。

すると、アウトロが５秒に設定されます。

「枠が一周するデュレーション」を２秒にする場合、「クリップのデュレーション」は、

クリップのデュレーション ＝ 枠が一周するデュレーション ＋ アウトロのデュレーション

                                                 ＝ ２秒 ＋ ５秒 ＝ ７秒  となります。

以上で完成です。

不明なところは問い合せ下さい。

添付して頂いた画像を拝見しますと、「V1にあるひとつのグラフィッククリップに、文字と長方形が入っている状態」になっていますね。

これは、文字を打った後、シーケンスのV1のクリップを選択したまま長方形を描いたからだと思います。

リンク先の動画では、1’00”あたりでシーケンスを拡大していますが、そのタイミングで文字を入れたグラフィッククリップの選択を外しています。そのため、長方形を描いたときに新しいグラフィッククリップがV2にできています。

というわけで、文字を入力した後、シーケンスの適当な箇所をクリックするなどしてそのグラフィッククリップの選択を外してから、長方形を描いていただくと、リンク先の動画のようにうまくゆくのではないかなと思います。

こんばんは、​@Friendly_Glitter4640 さん

＞タイムラインにグラッフィックが表示されなくて困っています。

１個のクリップにテキストとシェイプが入ってしまっていますね。

テキストクリップを選択したまま、長方形ツールでシェイプを描いたから、シェイプはテキストクリップの中に作成されています。

「プロパティ」パネルに「シェイプレイヤー」と「テキストレイヤー」が作成されていますので分かります。

ですから、タイムラインのテキストクリップは選択を解除してから、長方形ツールでシェイプを描いていただけますか。そうすればグラフィッククリップがテキストクリップとは別に作成されます。

【以下参考です】

①再生ヘッドをクリップを作成する先頭に移動し、「長方形ツール」で、ドラッグ＆ドロップで「長方形シェイプ」を作成します。「整列と変形」項の「水平方向に中央揃え」と「垂直方向に中央揃え」アイコンををクリックします。

すると、「長方形シェイプ」は画面の中央に配置されます。

クリップは再生ヘッド位置から作成されます。

②「アピアランス」項で「塗り」のチェックを外し、「ストローク」にチェックを入れて、「ストロークの色」と「幅」を設定します。

すると、シェイプの塗り部分が透明になり、ストロークが表示されます。