メインコンテンツまでスキップ

カスタム製品デザイナー

EzyDesignerツールを使えば、思い通りに製品を作成・カスタマイズできます。 直感的なドラッグ＆ドロップインターフェースで、次のような操作が可能です：

  • テキストの追加・編集
  • 画像のアップロード・編集
  • あらかじめ用意されたテンプレートやページレイアウトの選択
  • フォントや背景色の調整
  • 注文前のデザインプレビュー表示 など

デザイナー使用のステップバイステップガイド​

1. デザイナーを開く​

「写真」タブをクリックして開きます。

2. 写真をアップロードします。​

  • 「写真をアップロード」ボタンをクリックします。

写真をドラッグ＆ドロップするか、お使いのデバイスから参照して追加します。 Googleドライブから写真を追加することもできます。 アップロードされた写真は、作成されたアルバム内に表示されます。 アルバム編集ボタンを使用して、アルバムの詳細を編集できます。

  • 写真をクリックすると、デザインエリアに追加されます。

3. ページレイアウトを適用します。​

「ページレイアウト」タブを開くと、利用可能な既製レイアウトが表示されます。

  • 任意のレイアウトをクリックすると、デザインに適用されます。

4. 配置の調整にはグリッドラインを使用します。​

  • グリッドラインは、2つ以上の写真枠やテキストフィールドなどを整列させるために用意されています。

    写真・テキスト・クリップアートのフィールドを他のオブジェクトに近づけて移動すると、自動的にグリッドラインが表示され、他のオブジェクトと整列しやすくなります。

5. 背景を設定する​

  • 「背景」タブをクリックして、利用可能な背景画像を表示します。

  • 任意の背景画像を選択してクリックすると、デザイナーに適用されます。

6. 作業エリアの概要​

  • デザイナーの中央部分は作業エリアです。

  • 作業エリアには、デザイナーを初めて開いたときに全体の画像が表示されます。

  • 画像上の赤い点は、必要に応じて画像のサイズを変更するためのハンドルです。

  • 赤い点をドラッグして画像のサイズを調整できます。

7. 写真編集用ツールバー​

  • 複製（Duplicate）：選択した写真のコピーを作成します。

  • 前面に移動（Bring Forward）：写真やテキストを一つ前面に配置できます。

  • 背面に移動（Send Back）：前面に移動と同様に機能し、写真やテキストを背面に移動させます。

  • トリミング（Crop）：写真の不要な部分を切り取り、編集します。

  • 写真追加（Add Photo）：写真ホルダーを追加できます。選択して画像をドロップ可能です。

  • 削除（Delete）：選択した写真ホルダーを削除します。

  • サイズ変更＆回転（Resize & Rotate）：追加したステッカーのサイズ変更や回転が自由に行えます。

8. クリップアート編集用ツールバー​

  • ステッカー：追加したステッカーは、自由にサイズ変更や回転ができます。

  • 複製（Duplicate）：選択したクリップアートのコピーを作成します。

  • 前面に移動（Bring Forward）：クリップアートを重ね順で一つ前面に移動できます。

  • 背面に移動（Send Back）：前面に移動と同様に機能し、クリップアートを背面に移動させます。

  • トリミング（Crop）：クリップアートの不要な部分を切り取り、編集します。

  • 写真追加（Add Photo）：写真ホルダーを追加できます。選択して画像をドロップ可能です。

9. テキストの追加と編集​

  • テキストを追加するには、「テキスト」タブをクリックします。

  • **「テキストボックスを追加」**ボタンをクリックします。

  • 追加されたテキストフィールド内をクリックして文字を入力するか、既に用意したテキストをコピー＆ペーストします。

  • 追加したテキストの編集は、テキスト編集メニューを使って行います。

10. テキスト編集ツール​

  • 削除（Delete）：選択したテキストフィールドを削除します。

    複製（Duplicate）：選択したテキストをコピーします。

    前面に移動（Bring Forward）：テキストを他の要素の前面に移動します。

    背面に移動（Send Back）：テキストを他の要素の背面に移動します。

    フォント＆サイズ（Font & Size）：利用可能なフォントから選び、フォントサイズを設定します。

    テキストカラー＆背景（Text Color & Background）：プリセットされたテキスト色と背景色から選択します。（カスタムカラーピッカーは次のバージョンで対応予定です）

    テキストの配置（Text Alignment）：テキストを左揃え、中央揃え、右揃えに設定します。

    太字／斜体（Bold/Italic）：これらのボタンを切り替えて、テキストを太字または斜体に変更できます。

11. 最終ステップ​

  • デザインが完了したら、**「保存」ボタンをクリックしてデザインを保存します。

  • その後、「プレビュー」**ボタンをクリックします