テンプレートの作成

テンプレートを作成するには、に移動します。 ビルド > テンプレートの基本. 「デザイナー」または「開発者」を選択します。このページで、画像とテキストレイヤーを追加できます。また、レイヤーの順序を変更したり、レイヤーのサイズや位置を変更したり、画像やテキストにシャドウ効果と光彩効果を適用することもできます。

関連トピック テンプレートの基本 トレーニングビデオ。

NOTE
以前のバージョンのAdobe Dynamic Media Classicで作成されたテンプレートを編集すると、「キャンバスレイヤーを追加しますか?」というプロンプトが表示されます。 を選択 不可 ベースレイヤーの追加を回避する。 誤ってを選択した場合 はい、を削除します &allowCanvasPrompt および &layer=0 url 内の修飾子を使用して、を押す Enter または 戻る.

初期テンプレートの作成 creating-the-initial-template

テンプレートセットを作成すると、 保存後の公開 オプションは、次の方法でセットとセットのメンバーに影響します。

保存後の公開 保存前にオプションを選択しますか?
保存後のセットの状態
保存後のセットメンバーの状態
はい
公開
公開
いいえ
非公開
セットメンバーの公開または非公開の状態が維持される。

手動でのアセットの公開手動でのアセットの非公開も参照してください。

既存のテンプレートからテンプレートを作成できます。テンプレートを開き、次を選択します 名前を付けて保存 ​を選択し、[ 名前を付けて保存 ] ダイアログ ボックスに新しい名前を入力します。

初期テンプレートを作成するには:

  1. 初期テンプレートを作成するには、次のいずれかの方法を使用します。

    • 最初に 1 つまたは複数のPSDを選択します:参照パネルで、テンプレートに必要なPSDファイルまたは画像を選択し、に移動します。 ビルド > テンプレートの基本.

    • テンプレート画面から開始:に移動します ビルド > テンプレートの基本. 「デザイナー」または「開発者」を選択します。

  2. キャンバスサイズを入力ダイアログボックスで、テンプレートの幅と高さの値を入力します。

  3. アセットライブラリでフォルダを選択して、テンプレートにする PSD ファイルまたは画像をテンプレート画面にドラッグします。

  4. 作業が完了したら、ページの右下隅付近で、次のことを確認してください 保存後の公開 が選択されています(デフォルト)。

  5. を選択 保存.

  6. テンプレートを保存するフォルダを選択し、テンプレートの名前を入力して、 Submit.

    Adobe Dynamic Media Classicでは、キャンバス(テンプレートを定義するためのテンプレート画面上の領域)に画像を収めるために、必要に応じて画像を縮小します。

テンプレートセットの編集 editing-a-template-set

公開済みセットと非公開テンプレートセットのどちらを編集した場合でも、 保存後の公開 オプションは、次の方法でセットとセットのメンバーに影響します。

セットが既に公開されているか?
保存後の公開 編集を保存する前に選択したオプション
保存後のセットの状態
保存後のセットメンバーの状態
はい
はい
公開
公開
はい
いいえ
公開
既存のセットメンバーは、公開済みの状態を維持します。 編集中に追加した新しいセットメンバーの公開または非公開の状態が維持される。
いいえ
はい
公開
公開
いいえ
いいえ
非公開
既存のセットメンバーおよび編集中に追加した新しいセットメンバーの公開または非公開の状態が維持される。

手動でのアセットの公開手動でのアセットの非公開も参照してください。

テンプレートセットを編集するには:

  1. グリッド表示で、テンプレートセットを参照し、画像の下で次を選択します 編集.
  2. 必要に応じてテンプレートを変更します。
  3. 編集が完了したら、ページの右下隅付近で、次のことを確認します 保存後の公開 が選択されています(デフォルト)。
  4. を選択 保存 ​を選択し、ストレージフォルダーを選択して、セットの名前を入力してから、 保存.

テンプレートの削除

テンプレートセットを削除すると、セット自体がごみ箱に移動されます。 ただし、そのセット内のメンバー(または「子」)は影響を受けません。代わりに、それぞれのメンバーが既存の公開済み状態または未公開状態を保持します。

手動でのアセットの公開手動でのアセットの非公開も参照してください。

テンプレートを削除するには:

  1. グリッドビュー、リストビューまたは詳細ビューで、1 つ以上のテンプレートを選択します。
  2. グローバルナビゲーションバーで、に移動します。 ファイル > 削除 > 削除.

テンプレート画面について understanding-the-template-screen

テンプレート画面には、レイヤーを操作したり、パラメータ化するためのツールがあります。

テンプレート画面で次のツールを使用して、テンプレートを作成します。

  • パン:レイヤーの選択、キャンバス内での移動、サイズ変更または回転が可能です。

  • テキスト:テキストレイヤーを作成します。 カンバス上をドラッグしてテキストレイヤーを作成し、レイヤーにテキストを入力します。参照: テキストレイヤーの作成.

  • プレビュー:プレビュー画面を開き、ズームビューアでテンプレートを表示します。 Web サイトまたはアプリケーションのユーザーに、テンプレートがどのように表示されるかを確認できます。

  • パラメーターの概要 「パラメーターの概要」画面を開きます。 テンプレート内の各レイヤーの名前と、各レイヤー上のアクティブにしたパラメータの名前が表示されます。

  • テキストエディター v4.3 とテキストエディター v4.2:最大限の機能を備えた最新のテキストエディターを使用します。 テキストエディター v4.3 を使用するか、以前のテキストエディターであるテキストエディター v4.2 を使用するかを選択できます。テンプレートを作成する場合、デフォルトではテキストエディター v4.3 が選択されています。 以前のテンプレートを編集する場合は、テキストエディタ v4.2 が初期設定で選択されます。テキストエディター v4.3 では、現在、ワードラップをサポートしていません。ワードラップを使用する古いテンプレートを編集する場合は、テキストエディター v4.2 を使用して、テンプレートの忠実性を完全にそのまま維持します。 古いテンプレートでワードラップが使用されていない場合は、テキストエディター v4.3 を選択して、多くの新機能を利用できます。 例えば、余白を増やす、余白を減らす、すべて大文字のテキストを設定する、自動調整テキストをコピーする、などの操作が可能です。

    note note
    NOTE
    テキストエディター v4.2 は、Adobe Dynamic Media Classicのオプションとして削除される予定です。 可能な場合は、テキストエディター 4.3 を使用することをお勧めします。 この ワードラップ オプションは、テキストエディターの今後のリリースで組み込まれる予定です。
  • デザイナーと開発者:自分の役割を最もよく表すオプションを選択します。

  • キャンバス:テンプレートを定義するために使用できる領域の合計をピクセル単位で定義します。 デフォルトサイズは 300 × 300 ピクセルです。 レイヤーは、カンバス上に配置されます。

  • [ 画層 ] リスト:テンプレート内のレイヤーの名前をリストします。 レイヤーを選択するには、「レイヤー」リストで名前を選択します。「レイヤー」リストには、レイヤーに効果を追加したり、レイヤーを削除したり、レイヤーの順序を変更したり、レイヤーをパラメータ化するためのツールがあります。参照: レイヤーの操作.

  • 「レイヤーのプロパティ」領域:この領域には、レイヤーの背景色、不透明度、サイズおよび位置を変更するためのツールが表示されます。 また、キャンバスの背景色、不透明度、サイズも変更できます。 また、シャドウ効果と光彩効果を調整することもできます。参照: レイヤーの操作.

画像レイヤーの作成 creating-image-layers

  1. アセットライブラリからカンバスに画像をドラッグします。

    画像の ID 名が「レイヤー」リストに表示されます。

    note note
    NOTE
    必要に応じて、Adobe Dynamic Media Classicは画像レイヤーを作成する際に、カンバスに収まるように画像を縮小します。

テキストレイヤーの作成 creating-a-text-layer

  1. 「」を選択します テキスト ツール。

  2. ドラッグして、カンバスまたは画像にテキストボックスを作成します。

  3. 開いたテキスト画面で、「プレビュー」タブで次のいずれかの操作を行って、テキストを追加します。

    • テキストボックスにテキストを入力します。「テキストフィールドにフィット」を選択してテキストボックスにテキストを合わせます。
    • クリップボードからテキストボックスにテキストをペーストします。
  4. を選択 適用 ​を選択し、テキスト画面を閉じます。

テキストの書式設定 format-text

テキストレイヤー内のテキストの書式を設定するには、次の手順を実行します。

  1. 「レイヤー」リストで、編集するテキストのテキストボックス名をダブルクリックします。テキストエディタが表示されます。

  2. テキストエディターのテキストボックスで、書式設定するテキストを選択します。 すべてのテキスト、テキストの一部、または個々の文字を選択できます。

  3. 次の書式設定オプションのいずれかを指定し、次のいずれかを選択します 適用.

    • フォント: フォント メニューでフォントを選択します。 目的のフォントがメニューに表示されない場合は、Adobe Dynamic Media Classicにアップロードできます。 フォントを参照してください。

    • フォントサイズ:メニューからフォントサイズを選択するか、ボックスに特定のサイズを入力するか、 または 下へ 矢印は 2 点でサイズを増減します。

    • カラー:テキストのカラーを選択します。

    • 太字, 斜体、または 下線:テキストを選択してから、テキストに適用する書式設定のタイプに対応するアイコンを選択します。

    • すべて大文字, 上付き、または 下付き:テキストを選択してから、テキストに適用する書式設定のタイプに対応するアイコンを選択します。

    • 整合性:テキストレイヤー内のテキストを左揃え、中央揃えまたは右揃えにする整列ボタンを選択します。

    • トラッキング:単語間のスペースを調整する数値を入力または選択します。

    • カーニング:文字間のスペースを調整する数値を入力または選択します。

    • 行間:行間の間隔を調整する数値を入力または選択します。

    • ベースライン シフト:選択した文字を、周囲のテキストのベースラインを基準にして上下に移動する数値を入力または選択します。 このオプションは、分数を手動で設定する場合や、インライングラフィックの位置を調整する場合に特に便利です。

NOTE
を選択 取り消し 最後のアクションを元に戻す場合。 を選択 やり直し 選択した後にアクションを取り消す場合 取り消し.

段落の書式設定 format-paragraphs

  1. 「レイヤー」リストで、編集するテキストのテキストボックス名をダブルクリックします。テキストエディタが表示されます。

  2. 書式設定する段落を選択します。

  3. 次の書式設定オプションのいずれかを指定し、次のいずれかを選択します 適用.

    • 整合性:をクリックして、整列のタイプを指定します。 左揃え, 中央揃え, 右揃え、または 両端揃え.

    • 段落の終了位置の揃え:段落の最後の行の位置揃えのタイプを指定する場合に選択します。最後の行を左揃え、最後の行を中央揃え、最後の行を右揃えにします。

    • 行間:段落内のすべての行間の間隔を調整する数値を入力または選択します。

    • すべてインデント:テキストのインデントを増やす場合に選択します。

    • インデントの削除:テキストのインデントを減らす場合に選択します。

    • 最初の行をインデント:テキストの 1 行目のインデント幅を指定します。

    • 段落の前のスペース:段落のテキストの 1 行目の上に表示するスペースの量を指定します。

    • 段落の後のスペース:段落のテキストの最後の行の下に表示するスペースの量を指定します。

    • 垂直揃え:テキストボックス内でテキストを垂直方向に表示する場所を「上」、「中央」、「下」から選択します。

    • テキストの方向:テキストの表示方向を「右から左」または「左から右」から選択します。

テキストレイヤーのプロパティの調整 adjust-text-layer-properties

  1. 基本テンプレート画面で、調整するテキストボックスを選択します。

  2. レイヤーのプロパティパネルで、必要に応じて、次のオプションを選択します。

    • テキストを縮小する(テキストエディター v4.2 のみ):このオプションを選択すると、テキストボックスに収まるようにテキストが縮小されます。

    • ワードラップ(テキストエディター v4.2 のみ):テキストを折り返すかまたは折り返し方法を指定するには、折り返しオプションを選択します。

    • ラップ:テキストがテキストボックスに収まるようにテキストを折り返します。テキストボックスが水平方向に小さすぎます。

    • 折り返しなし:テキストボックスが水平方向に対して小さすぎる場合にテキストを折り返さず、代わりにテキストの一部を切り取ります。

    • 改行なしラップ:テキストボックスに収まるようにテキストを折り返し、単語は区切られません。

    • 位置:キャンバス上のテキストボックスの場所を指定します。

    • パディング:レイヤーの長方形に余白を追加したり切り抜いたりします。 「左」、「上」、「下」、「右」で、追加または削除するピクセル数を指定します。 切り抜きに余白または負の数を追加する場合は、正の数を入力します。

テキストソースコードの表示と編集 view-and-edit-text-source-code

テキストエディターの「ソース」タブに表示される情報は、参照用です。 ソースコードの編集に精通している場合にのみ、テキストを編集してください。

  1. 「レイヤー」リストで、編集するテキストのテキストボックス名をダブルクリックします。テキストエディタが表示されます。

  2. テキストエディターで、テキストのソースコードを表示するには、 ソース タブをクリックします。

  3. 必要に応じて、テキストを確認または編集します。

    プレビュー表示とソース表示を切り替えても、変更は反映されないままです。

  4. を選択 適用 をクリックして編集をレンダリングします。

レイヤーの操作 working-with-layers

「レイヤー」リストと「レイヤーのプロパティ」領域を使用して、レイヤーを操作します。レイヤー重なり順を変更したり、サイズと位置を変更したり、レイヤーを回転させたり、レイヤーの背景色、前景色、不透明度および描画モードを指定することができます。

また、カンバスのサイズを変更したり、背景色を選択したり、不透明度設定を変更することもできます。

レイヤーの並べ替え reordering-layers

レイヤーの順序を変更すると、特に透明度やオーバープリントが関係する場合に、外観に影響を与える可能性があります。 変更を確定する前に、必ず結果をプレビューしてください。

  1. テンプレート内のレイヤーの順序を変更するには、次の手順のいずれかに従います。

    • 「レイヤー」リストで、レイヤーを選択します。次に、を選択します または 下へ リスト内の正しい位置に配置するために、必要な回数だけ配置します。
    • 「レイヤー」リストで、レイヤーを上または下にドラッグします。

レイヤーとキャンバスのサイズと位置の変更 changing-the-size-and-position-of-layers-and-the-canvas

レイヤーは、カンバスに収まるサイズでなければなりません。レイヤーまたはカンバスのサイズは、手動またはサイズ値を入力して変更することができます。レイヤーの位置は、手動またはオフセット値を入力して変更することができます。また、レイヤーを回転させることもできます。

NOTE
Adobe Dynamic Media Classicでは、テンプレートとまったく同じサイズの画像プリセットを作成することをお勧めします。 画像プリセットのサイズをテンプレートのサイズと同じにすることで、テンプレートの最終出力サイズとシャープオプションが正しく設定されます。この画像プリセットを作成したら、テンプレートプレビュー画面のプリセットを適用メニューから選択できます。 画面には、画像がサーバから配信されたときにどのように表示されるかが示されます。参照: 画像プリセットの設定.
  • レイヤーのサイズの変更:レイヤーまたはキャンバスのサイズを変更するには、レイヤー一覧でレイヤーまたはキャンバスを選択し、次のいずれかの方法を使用します。

  • サイズの手動変更:レイヤーまたはキャンバスのコーナーを選択してドラッグします。 テキストレイヤーでは、レイヤーの辺をドラッグすることもできます。Shift キーを押しながらドラッグすると、サイズは変更されますが、縦横比(シェイプ)は維持されます。

  • レイヤーサイズの測定の入力:「レイヤーのプロパティ」領域の「W (幅)」および「H (高さ)」テキストボックスに、ピクセル単位の値を入力します。

レイヤーのサイズを変更できるとともに、パディングすることもできます。パディングするには、「レイヤーのプロパティ」領域の「左」、「右」、「上」、「下」ボックスにパディング値を入力します。パディングにより、ベースレイヤーの周囲からオフセットさせるためのマージンが現在のレイヤーに追加されます。パディングは、ドロップシャドウや光彩(外側)効果を追加し、これらの効果を目立たせたい場合に便利です。パディングにより、レイヤーのサイズが増加し、拡張されたパディング領域に背景色が表示されます。ベースレイヤーは、レイヤーの新しいサイズを基準に自動的に再配置されます。例えば、現在のレイヤーがベースレイヤーの中央にある場合、レイヤーの左側を広げると、レイヤーはベースレイヤーの右方向へ移動します。

  • レイヤーの位置の変更:キャンバス上のレイヤーの位置を変更するには、レイヤー一覧でその名前を選択し、次のいずれかの方法を使用します。

  • 手動で位置を変更する:ポインターをレイヤーの境界近くに移動しますが、レイヤーの境界上には移動しません。4 方向の矢印カーソルが表示されたら、選択してドラッグを開始します。

  • 位置オフセット測定の入力:X および Y テキストボックスに、X および Y オフセット測定を入力します。 これらの値は、アンカーポイントの x および y オフセット(ピクセル単位)を表します。

  • レイヤーの回転:回転ボックスには、レイヤーを回転させた角度が一覧表示されます。 レイヤーを回転させるには、「レイヤー」リストでレイヤーの名前を選択して、次のいずれかの手順に従います。

  • 手動での回転:カーソルをレイヤーの近くに移動しますが、レイヤーの角には移動しません。 カーソルが回転カーソルに変わったら、レイヤーの隅をドラッグします。15°単位で回転させるには、Shift キーを押しながらドラッグします。

  • 次数の測定の入力:レイヤーを回転させる角度の数を入力します。 正の角度値を指定すると時計回りに回転します。反時計回りに回転させるには、負の値を指定します。

レイヤーまたはレイヤー効果を非表示にする:

レイヤー名またはエフェクト名の横にある目のアイコンを選択すると、レイヤーまたはレイヤーエフェクトを非表示にすることができます。 非表示になったレイヤーは、プレビューまたは出力で表示されません。レイヤー情報は URL から削除されません。代わりに、 hide=1 は URL に追加され、レイヤーがビューで非表示になっていることに注意します。 以下に例を挙げます。

layer=5&src=is{PortalCo/title}&pos=274,192&effect=-1&.effect=Drop Shadow&blendmode

layer=5&src=is{PortalCo/title}&pos=274,192&hide=1&effect=-1&.effect=Drop Shadow&blendmode

背景色、不透明度、描画モードを決定する

レイヤーまたはカンバスの背景色、不透明度、および描画モードを選択するには、レイヤーまたはカンバスを選択して、次のいずれかの手順に従います。

  • 前景色:を選択 前景色 シャドウまたは光彩のカラーを変更するには、カラースウォッチを選択します。 また、ボックスにカラー値パラメータを入力することもできます。背景色は、透明化の設定が有効なレイヤーにのみ適用されます。例えば、値札の部分的に透明なレイヤーや、テキストフィールドの背景に適用されます。透明化の設定がオンになっている PSD、TIFF または PNG 画像で構成されるレイヤーは、背景を透明にすることができます。

  • 背景色:を選択 背景色 また、色見本を選択して、パッド領域の色を変更できます。

  • の不透明度:不透明度スライダーをドラッグして、レイヤーを半透明にし、下にあるイメージの一部が透けて見えるようにします。 100 パーセントの設定は不透明で、0 パーセントは透明です。

  • ブレンドモード:Photoshopで使用可能なブレンドモードの 1 つをシミュレートするには、オプションを選択します。 標準、ディザ合成、明るく、暗く、乗算、スクリーンのいずれかのオプションを選択します。これらのオプションは、カンバスではなく、レイヤーで利用できます。

レイヤーへのシャドウ効果と光彩効果の使用 using-shadow-and-glow-effects-on-layers

レイヤーにシャドウまたは光彩を適用することができます。シャドウまたはグローは、選択したシャドウまたはグローのオプションに応じて、レイヤーの周囲に適用され、内側または外側に広がります。 シャドウとグローのエフェクトが適用されたPSDファイルがテンプレートのソースになっている場合は、Adobe Dynamic Media Classicでこれらのエフェクトを調整できます。

シャドウ効果または光彩効果を適用した後に、テンプレート画面の「レイヤーのプロパティ」領域でサイズ、色、不透明度および位置を調整できます。

レイヤーへのシャドウまたは光彩効果の適用 applying-a-shadow-or-glow-effect-to-a-layer

  1. 「レイヤー」リストで、レイヤーを選択します。

  2. 「」を選択します Add Effect メニューからオプションを選択します。

    • ドロップシャドウ:レイヤーの右下にシャドウを適用します。

    • シャドウ (内側):レイヤーのすべてのエッジの内側にシャドウ効果を適用します。

    • 光彩(外側):レイヤーのすべてのエッジに光彩効果を適用します。

    • 光彩(内側):レイヤーのすべてのエッジの内側に光彩効果を適用します。

効果を適用すると、効果名が「レイヤー」リストに表示されます。エフェクトを削除するには、「レイヤー」リストでエフェクトの名前を選択してから、 削除.

NOTE
ドロップシャドウまたは光彩の効果が、下のレイヤーが表示できるほど大きくない場合に表示されないことがあります。 シャドウや光彩が表示されない場合は、レイヤーにパディング値を追加するか、レイヤーの順序を変更することを検討してください。 詳しくは、レイヤーとカンバスのサイズと位置の変更およびレイヤーの順序の変更を参照してください。

シャドウまたは光彩効果の調整 adjusting-a-shadow-or-glow-effect

シャドウ効果と光彩効果を調整するには、まず「レイヤー」リストで名前を選択します。そして、テンプレート画面の「レイヤーのプロパティ」領域で設定を変更します。

  • カラー:「カラー」ボタンを選択し、カラー見本を選択してシャドウまたは光彩のカラーを変更します。 また、ボックスにカラー値パラメータを入力することもできます。

  • の不透明度:スライダーをドラッグして、効果の強さを決定します。 不透明度の低い効果のほうが透明度が高くなります。

  • ブレンドモード:Photoshopで使用可能なブレンドモードの 1 つをシミュレートするには、オプションを選択します。 標準、ディザ合成、明るく、暗く、乗算、スクリーンのいずれかのオプションを選択します。

  • サイズ:「X」ボックスと「Y」ボックスに測定値を入力して、シャドウ効果を拡大または縮小します。 サイズオプションは、内側のシャドウとドロップシャドウでのみ利用できます。

  • 拡大:スライダーをドラッグして、効果を内側または外側に拡張します。

  • ブラー:スライダーをドラッグして、エフェクトのエッジのぼかしを制御します。 ぼかしが強い効果のほうが、ぼかし量が多くなります。

レイヤーをマスク masking-layers

「レイヤー」リストには、レイヤーのマスクまたはアルファチャンネルの使用方法を指定するマスクボタンがあります。マスクボタンを使用して、背景レイヤーの効果を、テンプレート内の特定のレイヤーまたは親レイヤー全体に適用することができます。[ 画層 ] リストで画層を選択し、 マスク これらの状態を切り替えるには:

  • レイヤーの背景を不透明にする。
  • レイヤーの内容を反転して、レイヤーの背景を黒一色で塗りつぶす。
  • レイヤーの背景を黒一色で塗りつぶす。
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26