テンプレートエディターの使い方

クイックスタート

テンプレートを開き、好きなところを変更して、仕上がりを確認し、保存してブースに読み込みます。これで一通り完了です。

1. エディターを開きます。My Templatesに移動し、自分で作成したテンプレートを開いてEdit layoutを選ぶか、購入したテンプレートでCustomize a copyを選びます。テンプレートにglitzycoinsを使うと、Design from scratchで何もない状態から始められます。
2. 変更するものを選びます。キャンバス上の写真ウィンドウまたはテキストをクリックするか、Layersリストから選びます。設定はPropertiesに表示されます。
3. 変更します。ドラッグして移動し、点をドラッグしてサイズを変更し、丸いつまみをドラッグして回転します。または、Propertiesに数値を入力します。
4. 仕上がりを確認します。Previewを押します。各ウィンドウにサンプル写真が入り、ゲストから見たときの配置を確認できます。
5. 保存します。Saveを押すか、Ctrl S（Macでは⌘ S）を押します。保存するたびに新しいバージョンが作られるので、いつでも前の状態に戻せます。
6. ブースに読み込みます。Glitzycamアプリで設定 → テンプレート → Glitzycam Webを開き、テンプレートを探して読み込みます。ブースに同じテンプレートがすでにある場合、アプリに置き換えるかどうかを確認するメッセージが表示されます。置き換える場合はReplaceを選択します。

テンプレートの構成

どのテンプレートも、いくつかのレイヤーを同じように重ねて作られています。エディターでは、ここに挙げた名前が表示されます。

クリックして拡大 この画像を拡大

✕

テンプレートは、背景、写真ウィンドウ（図では枠と呼んでいます）、写真の上に重ねるオーバーレイのフレームでできています。これらを重ねると、完成した印刷物になります。

図の各パーツがエディターのどこにあるかを紹介します。

エディターを開く

できることは、テンプレートの作成者によって異なります。

作業スペース

パソコンでは、エディターはウィンドウ全体に表示され、4つの部分で構成されます。

1234 クリックして拡大 この画像を拡大

✕

パソコンのエディターで、テンプレートの最初の写真ウィンドウが選択されています。

選択、移動、サイズ変更

写真ウィンドウもテキストも、同じ方法で操作できます。

複数のアイテムを選択すると、PropertiesでAlign（選択範囲またはキャンバスに整列）、Space evenly（3つ以上のアイテムを横または縦に等間隔で配置）、Match size（幅、高さ、または両方をそろえる）、共通の枠線やテキストの設定を使えます。

写真ウィンドウ

写真ウィンドウには、ゲストの写真が1枚入ります。セッションの1枚目はウィンドウ1に、2枚目はウィンドウ2に入り、以降も同様です。

• 追加する。LayersでAdd windowを選びます（スマートフォンでは画面下部のWindow）。ウィンドウは表示中の範囲の中央に追加されます。テンプレートには最大12個まで配置でき、少なくとも1個必要です。
• 撮影順を設定する。各ウィンドウのバッジに表示される数字が、セッション内での順番です。順番を変えるには、PropertiesのShot orderの下にある矢印を使うか、Layersでウィンドウ横の点線のつまみをドラッグするか、Ctrl/⌘と[または]を押します。
• サイズと形。ウィンドウのサイズは50 × 50ピクセルからテンプレート全体まで設定できます。最初は長方形です。ハート形や円形など、ほかの形にする方法はウィンドウの形をご覧ください。
• 枠線。Borderで太さを0〜40ピクセルに設定し、色を選びます。色は12色のスウォッチ、カラーピッカー、または16進コードから選べます。最後に使った6色はRecentに表示されます。枠線はウィンドウの端を中心に描かれるため、半分は外側に出ます。
• 回転。角度を入力するか、90°回転ボタンを使うか、つまみをドラッグします。
• 複製または削除。PropertiesのWindowセクション、Ctrl/⌘ D、またはDeleteを使います。削除したアイテムは、表示される通知のUndoから元に戻せます。

ウィンドウの形

ウィンドウは長方形でなくてもかまいません。テンプレートビルダーで選べる20種類の形から選べます。円、ハート、アーチ、星、六角形などがあります。

1. ウィンドウを1つ、または複数選択します。PropertiesでShapeを開きます。
2. 形にポインターを合わせると、写真を入れた状態でキャンバス上の見た目を試せます。クリックするまでは変更されません。タッチ画面ではタップで選択でき、Undoで元に戻せます。
3. 使いたい形をクリックします。通常のウィンドウに戻すにはNo shapeを選びます。ウィンドウを1つ選択しているときは、形の下にあるボタンで、すべてのウィンドウに同じ形を一度に適用できます。

• 形の作り方。ブースで描画できるウィンドウの形は長方形だけです。そのため、テンプレートビルダーと同じように、オーバーレイで形を作ります。形の外側に残る角は背景で塗りつぶされ、形に沿って枠線が描かれ、形の部分が切り抜かれて写真が見えるようになります。これは保存時に行われ、プレビューで仕上がりを確認できます。
• オーバーレイは保持されます。エディターでは元のオーバーレイが保存済みのものと一緒に保持されるため、エディターを閉じた後でも形を変更または削除できます。ブースとダウンロードしたパッケージで使われるのは、完成したオーバーレイのみです。
• ウィンドウの枠内に描かれたオーバーレイの内容は置き換わります。リボンやフレームなどのアートがある場合、形を設定したウィンドウは、その部分を背景で塗り直します。アートを残すには、ウィンドウを移動するか、形を設定しないでください。
• 枠線は形に沿って描かれます。Borderで設定した太さと色は、枠ではなく形に沿って描かれます。
• 背景が必要です。背景がないと、角を合わせるものがないため、まず背景を追加してくださいと表示されます。
• 回転できます。ウィンドウを回転すると、形も一緒に回転します。
• ウィンドウが重なる場合。形のある2つのウィンドウが重なると、一方の角にはもう一方のウィンドウではなく背景が表示されます。

テキスト

テキスト項目は、作品に含まれていない言葉を追加するためのものです。ゲストの名前、ハッシュタグ、毎回変更する日付などに使えます。

1. 追加する。LayersでAdd textを選びます（スマートフォンでは下部バーのText）。パソコンではキャンバス上でそのまま入力できます。Your text hereが選択されているので、最初のキー入力で置き換わります。指やペンで操作すると、PropertiesのContentフィールドが開き、キーボード入力に切り替わります。
2. 完了する。Escを押すか、別の場所をクリックします。もう一度編集するには、テキストをダブルクリックするか、選択してEnterを押します。
3. スタイルを設定する。PropertiesでFont、Size（8～200ピクセル）、Colorを選びます。新しいテキストは、背後の画像で読みやすい方の色（黒または白）で始まります。
4. ボックスの形を整える。テキストは左揃えで、ボックスの幅に合わせて折り返され、ボックス内で縦方向の中央に配置されます。ボックスの点をドラッグするか、WidthとHeightを設定するか、Fit height to textを押します。

背景、オーバーレイ、キャンバスサイズ

作品は2つの画像で構成されます。写真の下にある背景と、写真の上に重なるオーバーレイです。どちらもテンプレート全体に表示されます。

画像を置き換える

1. テンプレート自体の設定を表示する。何も選択されていない状態にするため、空のキャンバスをクリックするか、Escを押します。
2. Replace…を選ぶ。Artworkの下にあるBackgroundまたはOverlayカードで選び、JPEG、PNG、WebPファイルを選択します。エディター上のどこにでも画像をドロップするか、Ctrl/⌘ Vで貼り付けることもできます。その場合、エディターにUse this picture as…と表示され、画像に透過部分があるとオーバーレイが候補になります。
3. 求められたらサイズを合わせる。テンプレートと縦横比が異なる画像を選ぶと、ダイアログが開きます。使う部分を選ぶにはCropを、画像全体を使うにはStretchを選びます。拡大するとぼやけるほど画像が小さい場合は、警告が表示されます。
4. Use this pictureを押す。Undoを押すと、元の画像に戻せます。

• サイズが合っている画像は、そのまま使われます。テンプレートと同じサイズで、サイズ制限内にあるJPEGの背景や透過部分のあるPNGのオーバーレイは、バイト単位でそのまま保存されます。再エンコードされないため、画質は変わらず、ファイルに保存されている情報もそのままです。スマートフォンで撮影した写真には、撮影場所の情報が含まれていることがあります。エディターで切り抜き、サイズ変更、形式変換が必要な画像は、その情報なしで保存されます。
• オーバーレイには透過部分が必要です。透過部分がないと、写真がすべて隠れてしまいます。エディターにThis picture has no see-through areasと表示され、Use as background insteadまたはUse as overlay anywayを選べます。
• Removeを選ぶと画像が削除されます。Plain color…を選ぶと、背景が単色になります。Layersの目のアイコンは、作業中に画像を非表示にするだけです。
• キャンバスサイズ。Canvasで4種類のサイズから選びます。どのサイズも4×6インチで印刷され、サイズが大きいほど印刷が鮮明になります。サイズを変更すると、ウィンドウ、テキスト、2つの画像がまとめて拡大縮小されます。

ウィンドウをオーバーレイの透過部分に合わせる

写真はオーバーレイの透過部分にだけ表示されます。開口部の形は円、アーチ、六角形など自由に設定できます。形のないウィンドウは長方形なので、開口部の上に重ねる必要があります。（shapeのあるウィンドウは独自の開口部を作るため、開口部に合わせる必要はありません。）

ウィンドウを開口部からずらしたり、サイズを変えたりすると、一部が作品の背後に隠れます。エディターがそれを検出します。

クリックして拡大 この画像を拡大

✕

Layersのウィンドウ名の横に警告三角形が表示されます…

クリックして拡大 この画像を拡大

✕

…Propertiesに問題の内容と修正方法が表示されます。

1. 警告が表示されているウィンドウを選択します。
2. Match to the see-through areaを押します。Fit to the artworkの下にあります。ウィンドウが移動・サイズ変更され、対応する開口部を埋めます。

テンプレート全体に適用するには、何も選択せずにPropertiesでSee-through areasを開きます。Fit windows to the areasを選ぶと、各ウィンドウが最小限の移動で開口部に合うように配置されます。Add missing windowsを選ぶと、ウィンドウがない開口部ごとに追加されます。

プレビュー

保存する前に、ゲストから見たときのテンプレートを確認できます。

クリックして拡大 この画像を拡大

✕

プレビューでは、同じサンプル写真（猫と犬の集合写真）が各ウィンドウに表示され、それぞれの形に合わせて切り抜かれます。

• トップバーのPreviewを押すとオン／オフを切り替えられます。またはPを押している間だけプレビューできます。青い輪郭線、ハンドル、ガイドは消えます。
• 表示内容。枠線、オーバーレイ、テキストはブースでの表示と同じように描画されます。写真は仮の画像なので、顔ではなく、配置やトリミングを確認できます。
• 保存されるプレビュー。各バージョンと一緒に保存されるプレビュー画像にも、同じサンプル写真が使われます。テンプレートのカードやページに表示される画像です。

保存、コピー、バージョン

保存するたびに新しいバージョンが追加され、以前のバージョンも残るので、自由に試せます。

保存ボタン

保存メニュー

保存ボタンの横にある矢印を押すと、メニューが開きます。

• Save as copy…（Ctrl/⌘ Shift S）を選ぶと、画面上の内容から新しいテンプレートを作成し、元のテンプレートはそのまま残します。
• Version history…にはすべてのバージョンが表示され、以前のバージョンに戻すことができます（下記）。
• Download package（管理者のみ）を選ぶと、ブースアプリで使えるテンプレートファイルをダウンロードできます。
• Open in the booth appを選ぶと、ブースアプリでこのテンプレートが直接開きます。
• Discard changesを選ぶと、開いたときのバージョンに戻ります。Undoを選ぶと、変更を元に戻せます。
• Take a tour…を選ぶと、エディターの各部分にスポットライトを当てながら案内します。終了すると、すべて元の状態に戻ります。エディターを初めて開いたときにも自動で開始します。
• How to use the editorを選ぶと、このガイドが新しいタブで開きます。
• Keyboard shortcutsを選ぶと、以下の一覧が表示されます。

ステータス表示の意味

下書きとページを離れるとき

作業中、エディターは未保存の変更をこのブラウザーに下書きとして保存します。タブを閉じたり接続が切れたりした場合、次にテンプレートを開くと、Picked up where you left off?と表示され、RestoreまたはStart overを選べます。下書きはこのブラウザーとデバイスに限り、30日間保存されます。未保存の変更がある状態でページを離れようとすると、先に確認が表示されます。Keep editing、Leave、Save and leaveから選んでください。

以前のバージョンに戻す

1. Saveの横にあるメニューを開き、Version history…を選びます。各バージョンには画像、保存日時、保存した人が表示され、現在のバージョンにはCurrentと表示されます。
2. 戻したいバージョンのRestoreを選び、次にRestore as new versionを選びます。

復元しても何も削除されません。以前のバージョンが最新のバージョンとして保存されます。未保存の変更がある間はRestoreを選べません。先に変更を保存するか破棄してください。エディターには最大20個のバージョンが保存されます。オリジナル（バージョン1）と最新のバージョンです。

別の場所で保存されたとき

同じテンプレートを2つのタブまたはデバイスで開いていて、一方で保存すると、もう一方から上書き保存されることはありません。同じブラウザー内のタブなら、すぐにSaved in another tab (version N)と表示されます。それ以外の場合は、保存しようとしたときにSaved somewhere elseと表示されます。どちらの場合も、Reload latestを選ぶと（未保存の変更は復元できる下書きとして保持されます）、またはSave as a copyを選べます。

ブースで使用する

ここで保存した変更は、ブースでテンプレートをもう一度読み込むまで反映されません。

1. テンプレートを保存するにはSaveを押します。上部のバーにSaved · v…と表示されていれば保存済みです。
2. ブースのデバイスでGlitzycamを開き、設定 → テンプレートに移動して、Glitzycam Webに切り替え、同じアカウントでサインインします。
3. テンプレートを見つけて読み込みます。
4. ブースにすでにテンプレートがある場合、アプリにReplace “Name”?と表示され、読み込むとこのバージョンに置き換わることが説明されます。Replaceを選びます。
5. 必要であれば、デフォルトに設定します。読み込み後に表示される通知から設定できます。

• 簡単な方法。SaveメニューのOpen in the booth appを選ぶと、アプリでこのテンプレートが直接開きます。AdminはDownload packageでファイルをダウンロードし、設定 → テンプレートのImportから読み込むこともできます。
• Built-in designsは置き換えられません。
• エディターが登場する前に作成されたテンプレートには、まだ識別情報がない場合があります。最初に保存すると識別情報が付与されます。古いテンプレートがすでにあるブースでは、保存したバージョンが1度だけ新しいコピーとして読み込まれます。その後は、保存するたびに置き換わります。

タブレットまたはスマートフォンの場合

エディターは利用できる画面の広さに合わせて配置を調整します。上記の機能はすべて使えます。変わるのはパネルの位置だけです。

クリックして拡大 この画像を拡大

✕

左がスマートフォン、右が縦向きのタブレットです。

タッチ操作

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

エディターで?を押すと、この一覧が表示されます。Macでは⌘を使い、WindowsとLinuxではCtrlを使います。フィールドに入力している間は、ショートカットは動作しません。

以下のショートカット名はエディター独自の表記のため、英語のままです。

Edit

Move and resize

Select

View

上限と要件

エディターでは、ブースで印刷できる範囲内でテンプレートを作成できます。

トラブルシューティング

症状を探して、解決方法を確認してください。