--- title: 名札テンプレートの作成方法詳細 description: 名札テンプレートは、四角形、画像、テキストのオブジェクトで構成されています。 オ… url: "https://manual.amnimo.com/docs/amp-evms/template-details-evms/" updated: "2025-12-19" category: eVMS / アムニモポータブル（統合ビデオ管理システム） --- # 名札テンプレートの作成方法詳細 名札テンプレートは、四角形、画像、テキストのオブジェクトで構成されています。 オブジェクトの表示順序は奥から、四角形 → 画像 → テキストです。同じ種類のオブジェクトについては、後から追加されたものが手前に配置されます。 **NOTE** 各名札テンプレートには、最大で 10 個の四角形と 5 個の画像を含めることができます。 ## オブジェクト追加-四角形 ### 四角形の追加 「 テンプレートデザイン 」画面にて、［ 四角形追加 ］をクリックします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-05-1.webp) テンプレート上でドラッグして四角形を描きます。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-06-1-1024x458.webp) ### 四角形の色選択 カラースケールバーで色味を選択します。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-07.webp) 明度と彩度を設定します。 明度と彩度の設定は、カラースケール上での選択か、RGB値の入力で行うことができます。 | カラースケール | RGB値 | | --- | --- | | ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-08-01.webp) | ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-08-02.webp) | テンプレート上では、操作に連動して四角形の色が変化します。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-09-1024x447.webp) ### 四角形の塗りつぶし ［ 塗りつぶし ］にチェックを入れます。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-10-1024x559.webp) 塗りつぶしの透明度を調整する場合は、調整バー上で透明度を選択します。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-11-1024x622.webp) ### 四角形の位置・大きさ・形の調整 四角形の位置を移動するには、テンプレート上の四角形を選択しドラッグします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-12-1024x459.webp) 四角形の形と大きさを変更するには、四角形の任意の角を選択しドラッグします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-13-1024x454.webp) 四角形の大きさと形は、幅と高さの数値を入力することでも変更できます。 ※ 幅と高さの最大値は1、最小値は0です。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-13-01.webp) ## オブジェクト追加-画像 **NOTE** 追加可能な画像のサポート対象は以下の通りです。 ・対応形式：PNG、JPG、JPEG ・最大ファイルサイズ：500KB ### 画像の追加 「 テンプレートデザイン 」画面にて、［ 画像追加 ］をクリックします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-14.webp) エクスプローラーから追加する画像ファイルを選択します。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-15.webp) テンプレート上に追加した画像が表示されます。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-16-1024x460.webp) ### 画像の位置・大きさの調整 画像の位置を移動するには、テンプレート上の画像を選択しドラッグします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-17-1024x461.webp) 画像の大きさを変更するには、画像の任意の角を選択しドラッグします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-18-1024x459.webp) 画像の大きさと形は、幅と高さの数値を入力することでも変更できます。 ※ 幅と高さの最大値は1、最小値は0です。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-18-01.webp) ## オブジェクト追加-テキスト ### テキストの追加 「 テンプレートデザイン 」画面にて、［ テキスト追加 ］をクリックします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-19.webp) 「フィールドを選択」画面にて、追加するテキストをします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-20.webp) テンプレート上に追加した画像テキストが表示されます。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-21-1024x473.webp) ### テキストの色選択 カラースケールバーで色味を選択します。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-22.webp) 明度と彩度を設定します。 明度と彩度の設定は、カラースケール上での選択か、RGB値の入力で行うことができます。 | カラースケール | RGB値 | | --- | --- | | ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-23-01.webp) | ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-23-02.webp) | テンプレート上では、操作に連動してテキストの色が変化します。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-24-1024x470.webp) ### テキストのフォントサイズ調整と太字設定 フォントサイズを調整するには、調整バー上でサイズを選択します。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-25-1024x390.webp) テキストを太字にする場合は、［ B ］をクリックします。。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-26-1024x401.webp) ### テキストの配置設定 「 テキスト配置 」から、右揃え、中央揃え、左揃えを選択しクリックします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-27-1024x438.webp) ### テキストの位置・幅の調整 テキストの位置を移動するには、テンプレート上のテキストを選択しドラッグします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-28-1024x470.webp) テキストの大きさを変更するには、テキストボックスの任意の縦の辺を選択しドラッグします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-29-1024x469.webp) テキストの大きさは、幅の数値を入力することでも変更できます。 ※ 幅の最大値は1、最小値は0です。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-29-01.webp) ## オブジェクト削除 「 オブジェクト一覧 」にて、削除したいオブジェクトの右側にある削除アイコンをクリックします。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-30-1024x556.webp) オブジェクトが削除されました。 ![](https://manual.amnimo.com/wp-content/uploads/2025/12/E1803-31-1024x343.webp)