Zazzleデザインツール101 - デスクトップ版

Zazzleデザインツールへようこそ - デスクトップ版!モバイル版またはアプリ版のヘルプ記事を読みたい場合は、こちらをクリックしてください。

デザインツールはデザインをカスタマイズするための究極のリソースです。本記事はツールのデスクトップ版に焦点を当て、その機能と操作方法の詳細な概要を提供します。また、よく使われる作業の手順も含まれています。

 

この記事のセクションへジャンプ:

  1. 一般情報
  2. デスクトップデザインツールのパーツ
  3. ガイドライン
  4. デザインオブジェクトと基本操作

一般情報

Zazzleデザインツールはデスクトップブラウザ、モバイルブラウザ、Zazzleアプリで利用可能です。最適な体験と効率のために、デスクトップ版の使用を推奨します。

  1. デザインツールへのアクセス方法 -
    • 既存のデザインがある商品ページから - 「このデザインをパーソナライズ」ボタンをクリックし、「デザインツールで編集」をクリックします。
    • オリジナル作成または空白の商品ページから - 「デザインを追加」ボタンをクリックします。
  2. デザインツールの終了方法 -
    • デザインが完了したら、右上の「次へ:レビュー」ボタンをクリックし、「カートに追加」ボタンをクリックして商品ページに戻ります。
    • また、左上の「戻る」ボタンをクリックして商品ページに戻ることもできます。
  3. デザインの保存 -
    • ログインしている場合、デザインの変更は「保存済みデザイン」としてアカウントに保存されます。ログインしていない場合でも、同じブラウザでURLに戻ればデザインはそのまま残っています。

 

デスクトップデザインツールのパーツ

parts of design tool.png

 

トップバー

トップバーは主要な操作、商品オプションへのクイックアクセスを提供し、デザインツールの異なる部分へのナビゲーションも可能にします。デザインの各面への移動、変更の取り消し・やり直し、デザインのプレビュー用のボタンが含まれます。また、デザイン、商品オプション、レビューの各タブも含まれています。

  1. デザイン - テキスト、画像、背景、形状、アイコン、レイヤーを使ってデザインをパーソナライズできます。
  2. オプション - 商品のオプションを追加、削除、変更できます。商品ごとに異なりますが、サイズ、形状、印刷方法、アクセサリーなどが含まれます。
  3. レビュー - カートに追加する前に商品オプションとデザインを確認できます。
  4. 取り消し - デザインの直近の変更を取り消します。
  5. やり直し - デザインの直近の取り消しをやり直します。
  6. プレビュー - 商品上でデザインやカスタマイズの変更内容をプレビューします。
  7. 戻る - デザインの前の面または商品ページに戻ります。
  8. 次へ - デザインの次の面やオプション・レビューのタブに移動します。

左側ツールバー

Zazzleデザインツールの左側ツールバーは、画像、テキスト、形状の追加やレイヤー調整など、重要なデザイン機能へのクイックアクセスを提供します。デザインコンポーネントの作成と編集の出発点です。

  1. 編集 - 元のデザイン作成者が作成したオブジェクト(テキスト、画像など)を編集およびテンプレート化できます。
  2. テキスト追加 - カスタムテキストをデザインに追加できます。後でフォント、サイズ、色、配置を調整してさらにパーソナライズ可能です。
  3. 画像追加 - 自分の画像をアップロードできます。「スマホからアップロード」ボタンをクリックし、画面の指示に従ってスマホから簡単に写真をアップロードすることも可能です。
  4. 背景 - デザインの背景を設定できます。自分の画像をアップロードしたり、色を選んだり、提供されている背景から選択できます。
  5. 装飾 - さまざまな形状を追加したり、QRコードを生成できます。QRコードを生成するには「QRコードを追加」ボタンをクリックし、ダイアログにURLを入力してください。
  6. アイコン - 利用可能なアイコンから選択してデザインに追加できます。
  7. レイヤー - デザインの個々のレイヤーにアクセスし、正確に編集できます。
  8. もっと/少なく - ツールバーを拡大/縮小して追加機能を表示/非表示にします。

デザインキャンバス

キャンバスはデザインを作成・視覚化するメイン作業スペースです。ここで全ての要素を配置、整理、編集して商品デザインを構築します。リアルタイムで調整やプレビューが表示されます。

  1. トップツールバー - デザイン内の要素(テキスト、画像、アイコンなど)を選択すると表示されます。デザインオブジェクトに対して行える一般的な操作がここにあります。
    1. 画像オプション
      画像変更 - アカウントに保存されている別の画像に変更するか、新しい画像をアップロードします。
      背景除去 - 画像の背景を自動で除去します。
      トリミング - 画像の不要な部分を切り取ります。
      削除 - 画像を削除します。
      フィット - 画像をデザイン可能エリア内に収めます。画像のアスペクト比や形状が異なる場合、空白ができることがあります。
      塗りつぶし - 画像でデザインエリアを塗りつぶします。画像のアスペクト比や形状が異なる場合、画像の一部がデザインエリア外に出ることがあります。
      フォーマット - 画像の配置、反転、回転を行います。
      エフェクト - 画像のアスペクト比や不透明度を変更したり、フィルターやタイル効果を追加します。
    2. テキストオプション
      テキスト編集 - テキストを変更します。
      フォントサイズ - テキストのフォントサイズを変更します。
      フォント - 利用可能なフォントからテキストのフォントを変更します。
      テキストカラー - テキストの色を変更します。スポイトや印刷に適した色のオプションも含まれます。
      太字 - テキストを太字にして太くします。
      斜体 - テキストを斜体にして傾斜させ、筆記体風にします。
      テキスト配置 - テキストの配置とアンカーを設定します。
      削除 - テキストを削除します。
      フォーマット - テキストの配置、分布、反転、拡大縮小、回転を行います。
      エフェクト - テキストの不透明度を変更したり、フィルター、タイル効果、影の追加、文字間隔やカーブを調整します。
  2. デザインエリア - オブジェクトの操作などの作業を行う場所です。
  3. ボトムツールバー
  1. ズームアウト - デザイン全体やデザイン可能エリア全体をより広く表示します。
  2. ズーム - ズームレベルを手動で調整します。
  3. ズームイン - デザインの一部を拡大表示し、詳細を確認できます。
  4. 設定 - デザインツールの体験や外観を変更したい場合に切り替え可能な追加設定があります。
  5. ヘルプ - ガイドライン情報、キーボードショートカットへのリンク、ヘルプセンターなど、ツールの使い方に役立つ情報に素早くアクセスできます。
  6. 共有 - 友人や家族、ソーシャルメディアで共有できるリンクを作成します。
  7. 向き - デザインの各面の向きを横向きと縦向きの間で変更します。


     

プレビューウィンドウ

画面の右側に位置し、デザインが商品上でどのように表示されるかを素早くプレビューできます。また、デザインの面を素早く切り替えることも可能です。<del> </del> 

ガイドライン


ガイドラインはデザインキャンバス上の視覚的なマーカーで、デザイン要素が印刷または表示されるべき範囲内に正しく配置されていることを確認するのに役立ちます。印刷後の最良の結果のために、

  1. 塗り足し線(灰色の破線) - 印刷時のわずかなズレを考慮した余白です。背景やパターンはここまで広げて、印刷時に白い縁が出ないようにしてください。
  2. 可視領域(灰色の実線) - 最終製品で完全に見えるデザインの範囲です。重要な要素はこのエリアの端に近づけないようにして、切り取りによる欠けを防いでください。
  3. 安全領域(緑色の点線) - テキストやロゴなど重要なデザイン要素はこの内側のエリア内に配置し、印刷後に切り取られないようにしてください。

 

デザインオブジェクトと基本操作

デザインオブジェクトはテキスト、画像、形状、アイコンなど、デザインの構成要素です。以下はデザインオブジェクトの操作方法と基本的なアクションの概要です:

オブジェクトの基本操作

  1. オブジェクトの選択 - 選択したいオブジェクトをクリックします。
  2. 複数オブジェクトの選択 - 選択ボックスをドラッグしてオブジェクトを囲むか、Shiftキーを押しながら選択したい各オブジェクトをクリックします。
  3. オブジェクトの選択解除 - 選択範囲外の任意の場所をクリックして選択を解除します。
  4. オブジェクトの移動 - 選択したオブジェクトをドラッグしてキャンバス上の任意の場所に移動します。
  5. オブジェクトの削除 - オブジェクトを選択し、キーボードのDeleteキーを押すか、右クリックして「削除」を選択、またはトップツールバーの「削除」を選択します。
  6. オブジェクトの回転 - オブジェクトを選択し、回転ハンドルを使って角度を調整します。
  7. オブジェクトのサイズ変更 - 選択したオブジェクトの角のハンドルをドラッグして比率を保ちながらサイズ変更します。側面のハンドルを使うと比率を保たずにサイズ変更できます。
  8. オブジェクトの複製 - オブジェクトを右クリックして「複製」を選択するか、ツールバーの複製オプションを使用します。
  9. オブジェクトのグループ化と解除 -
    1. グループ化するには - 複数のオブジェクトを選択し、グループボタンをクリックして編集を簡単にします。
    2. グループ解除するには - グループをクリックし、解除ボタンをクリックして分離します。
    3. グループ編集 - グループをダブルクリックするか「グループ編集」ボタンをクリックして編集モードに入ります。編集モードではグループ内の個別オブジェクトを選択・操作できます。編集モードを終了するにはグループ外をクリックします。
  10. 精密配置 - キーボードの矢印キーを使ってオブジェクトを微調整します。
  11. オブジェクトのプロパティ - 選択後、プロパティパネル(右側)を利用して色、サイズ、フォントなどオブジェクトの種類に応じたカスタマイズができます。