初めての方:labelmake.jpとは?

ビジュアルモードのテンプレート作成&編集の使い方 - 2020/05/30

ビジュアルモードのテンプレート作成&編集の使い方のサムネイル

ビジュアルモードのテンプレート作成&編集画面はイラストレーターのような画面でドラックアンドドロップでテンプレートを作成するモードです。この記事ではビジュアルモードのテンプレート作成&編集の使い方を解説していきます。

*テンプレートの作り方と使い方をまだ読まれていない場合は先にそちらの記事をご確認ください。

テンプレートの入力項目を追加

こちらの記事各モードで共通するポイントを参考にテンプレートの情報を入力した後に入力項目を作成を作成していきます。

ここで作成した入力項目はラベル作成画面での入力欄になります。 (PCの場合はテーブル、スマートフォンの場合はフォーム)

さっそく下記の画像の赤枠の部分を参考に入力項目を作成してみましょう。

入力項目を追加


テンプレートの入力項目を編集

入力項目を作成したあとは下記の画像の赤枠に入力項目名を入力してください。 この項目は必須入力で、後から追加する入力項目名と被らないようにしてください。

入力項目名を入力

入力項目名を入力したあとは、サイズや位置を編集してください。

入力項目を編集のサイドバーから位置,サイズを編集することもできるし、画像にあるように青い矢印で指しているところは選択中の入力項目でマウスで位置、サイズを変えられます。

記入例に文字を入力して実際の表示を確認してください。 記入例に入力した文字は表示の確認だけでなく、作成したテンプレートを読み込んだラベル作成画面でのサンプル読み込みに利用されます。

サンプル読み込み


入力項目のタイプ

入力項目のタイプは下記の11パターンあります。

文字

  • text

    文字入力の場合は文字の配置(Alignment)や文字間隔(CharacterSpacing)、文字サイズ(FontSize)、行間隔(LineHeight)を設定できます。

*文字の場合は入力項目の高さは無視され、入力された文字にしたがって折り返します。


画像系

  • image

    ラスターイメージ(jpeg, png)が配置できます。

  • svg

    ベクターイメージ(svg)が配置できます。

*記入例の入力方法は文字とは異なり、ファイルを選択してください。


バーコード系

  • QRコード(qrcode)

    漢字を含まない500文字以下

  • カスタマーバーコード(japanpost)

    郵便番号は数字(0-9)のみ、住所表示番号は英数字(0-9,A-Z)とハイフン(-)が使用可能です。詳しい仕様は日本郵便のこちらの郵便番号・バーコードマニュアル をご覧ください。

  • EAN13 = JAN13(ean13)

    有効文字は数値(0-9)のみ。標準タイプはチェックデジットを含まない12桁

  • EAN8 = JAN8(ean8)

    有効文字は数値(0-9)のみ。短縮タイプはチェックデジットを含まない7桁

  • CODE39(code39)

    CODE39は数字(0-9)、アルファベット大文字(A-Z)、記号(-.$/+%)、半角スペースに対応しています。

  • CODE128(code128)

    コンピュータのキーボードから打てる文字(漢字、ひらがな、カタカナ以外)が可能

  • NW-7(nw7)

    NW-7は数字(0-9)と記号(-.$:/+)に対応しています。スタートコード/ストップコードとして、コードの始まりと終わりはアルファベット(A-D)のいずれかを使用してください。

  • ITF14(itf14)

    有効文字は数値(0-9)のみ。 チェックデジットを含まない13桁です。

*チェックサムの入力は不要で自動で入力されるため、省略してください。


効率的な入力方法

キーボードショートカット

キーボードで下記のコマンドに対応しています。

  • 選択中の入力項目を移動

    • 選択中の入力項目を矢印キーで移動(Shiftキーを押しながらの場合は0.1mmずつ)
  • 選択中の入力項目を削除

    • Windows: Backspace
    • Mac: Delete
  • 選択中の入力項目をコピー

    • Windows: Ctrl + c
    • Mac: Cmd + c
  • 選択中の入力項目をペースト

    • Windows: Ctrl + v
    • Mac: Cmd + v
  • 戻る

    • Windows: Ctrl + z
    • Mac: Cmd + z
  • 進む

    • Windows: Ctrl + y
    • Mac: Cmd + Shift + z

ガイドを作成

ガイドを設定すれば入力項目の位置,サイズを綺麗に合わせることができます。

ガイドの作成方法はイラストレーターと同じです。下記の画像の緑枠の定規のエリアからドラッグすることで作成できます。削除するときはガイドをドラッグして定規の位置までもどしてください。

ガイドを作成


デザインができたらプレビュー

デザインができたら下記の画像の赤枠の「Preview PDF」のボタンを押して出来上がりをPDFファイルで確認してみましょう。

プレビュー


テンプレートをダウンロードして使う

プレビューしたデザインで問題なければダウンロードして使ってみましょう。

下記の画像の赤枠の部分をクリックしてテンプレートをダウンロードしてください。後ほど読み込んだ時にわかりやすいようにテンプレート名は「レターパック改」と変更しています(この例ではビジュアルモードを使っていますがクラシックモードでも同様です。)

修正したテンプレートをダウンロード

次はどのテンプレートでもいいので、ラベルの作成画面にいき、下記の画像の赤枠の部分をクリックして先ほどダウンロードしたテンプレートを読み込みます。(この画面は変更される可能性があります)

テンプレートの読み込み

テンプレートが読み込まれると左のテンプレートの部分が「レターパック改」となっており、先ほどダウンロードしたテンプレートが読み込まれていることがわかります。

テンプレートの読み込み後

あとは他のテンプレート同様に必要な枚数を選択し、情報を入力しPDF作成を押すことでPDFファイルを作成することができます。

また、読み込んだテンプレートを保存のボタンから入力情報ごと保存すれば毎回読み込まなくても好きな時に呼び出すことができます。

--

おわり

テンプレートの作成は若干難しいと感じましたか?感想や実際にやってみた感想などをコンタクトやフィードバックから教えていただければ嬉しいです。

ぜひ色々なテンプレートを作ってlabelmake.jpで活用してみてください!

テンプレート作成&編集はこちらから

それでは!

シェア

スポンサードリンク