デザイナーの使用

デザイナーは、ユーザーが既存のデザインを選択したり、新しいデザインを作成したり、テキストを追加したり、配置や色や効果を選択したり、さらに多くのオプションを選択したり、製品自体で定義されているデコレーションエリア内の商品に適用するためのインターフェイスです。 デザイナーは、ユーザーが使用できる商品に適用可能なデコレーション処理のみを行います。

デザイナーは、顧客がウェブストアを通じて購入およびデザインの決定を開始したときに開始されます。 見積もりや注文を作成するときにビジネスハブで起動することもできます。 オンラインでの買い物客のための「カートに入れる」のようなデザイナーを囲むオプションは、デザイナーが使用されている状況をサポートするために必要に応じて表示されます。

主要なデザイナーの概念

• デコレーションはデコレーションエリアにのみ適用することができ、デフォルトではデコレーションされる商品内の見えている枠内になります。 このエリア外のデコレーションは切り取られてします。
• デコレーションは、一般的なグラフィックスプログラムとまったく同じようにレイヤーで適用され、下位レイヤーはそれらのレイヤーで上書きされます。
• 効果をグラフィックデザインやテキストに適用して外観を変更することができます。

レイヤーの使用

レイヤーを使用すると、単一のレイヤーデザインよりはるかに豊富な合成されたデザインを作成することができます。 デザインの個々のエレメントには別々のレイヤーを割り当てることができ、エフェクト、ポジショニング、カラー（実際にはレイヤーのプロパティー）は、周囲の他のレイヤーごと別々に調整されます。 最後に、レイヤーを積み重ねて最終デザインを作成します。ここでは、下のレイヤーは上のレイヤーで覆われてしまいます。

• 「レイヤー」ボックスでレイヤーをクリックすると、そのレイヤーにあるデザインの要素がデザイナーで強調表示されます。 それらのプロパティはプロパティボックスで実行になります。
  
  
• レイヤーを上に移動するには、そのレイヤーを選択し、対応する上矢印を押します。 同様に、レイヤーを下に移動するには、下矢印を押します。
• レイヤーを削除するには、対応しているレイヤーのXを押します。

デザイナーでデザインを追加する方法

デザインには、ベクターやラスターグラフィックス、ユーザーがデザインを編集して変更するためのレイアウトなどがあります。

1. 画像・デザイン追加をクリックします。
   
   
2. インポートするデザインのタイプを選択します。 ロード可能なデザインの種類は、商品によってサポートされているデコレーション加工によって制限されます。
   
   
3. ストックデザイン（フルフィルメントセンターで利用可能になっている場合）または、デザイナーにアクセスしているデバイスにデザインがある場合は、自分のデザインのいずれかからデザインを選択できます。 ファイルの選択ボタンを使用して新しいデザインをアップロードすることができます。
   
   • ほとんどのグラフィックとプリントフォーマットは認識をされます。ベクタベースのグラフィックスは、ユーザーがその場で編集可能なテキストや色などの変更可能な要素を持っています。
     
4. デザインがロードされ、商品のデコレーションエリア内に配置されます。 インポートされたデザインにも新しいレイヤーが割り当てられます。 デザインをクリックすると、デザインのバウンディングボックスが表示され、サイズ変更および回転ハンドルが使用可能になります。
   
   • 選択したデザインは、キーボードのDeleteキーを押すか、デザインが配置されているレイヤーのXボタンを押して削除することができます。
     
     

デザインのプロパティを調整する方法

1. 変更するデザインエレメントを選択します。 一旦選択されると、デコレーションエリアの周りのエリアボックスが現れます。 さらに、デザイナの右側のプロパティボックスには、選択したデザインエレメントのプロパティが反映されます。
2. デザインエレメントがラスターベースのグラフィックである場合、編集のために次のプロパティを使用できます。
   
   • 背景の削除： 背景色を透明にします。
   • 位置： クリックした矢印の方向にデザイン要素を移動します。
   • サイズ： 大きさを変更します。
   • 回転： 角度で指定された量だけ画像を回転させるか、またはクリックしてカーソルを回転させます。
   • 配置： デザインを縦方向、横方向、またはその両方に揃えることができます。
   • 品質測定器は、ラスタベースのグラフィックがどれだけうまく印刷されるかをぼかしをかける前に反映します。 これが特定の値を下回ると、デザイナーは印刷品質が著しく低下することをユーザに警告します。
3. [詳細設定]タブには、エフェクトとボーダーが含まれています。
   
   • エフェクト：グラフィックスソフトウェアのフィルタと画像調整に対応しています。
   • ボーダー： デザインエレメントの周りに指定された枠を配置します。
     
4. デザインエレメントがベクトルベースの場合、次のプロパティを編集用に使用できます（ただし、デザインの作成者が変更を許可している場合）:
   • 画像： 変更可能な塗りつぶし色のベクターグラフィックが含まれます。 画像の下にある色見本をクリックすると変更出来る場合があります。
   • テキスト： 変更可能なデザイン内のベクトルベースのテキストフィールドの内部にテキストを表示します。 色見本では色を変更でき、編集リンクではテキスト自体を変更できます。
   • 位置： デザインを移動できます。
   • 配置： デザインを縦方向、横方向、またはその両方に揃えることができます。
   • グループ解除： デザインに1つ以上のエレメントがある場合は、これらの各エレメントをそれぞれのレイヤーに別々に分割します。
     

テキストを追加する方法

1. デコレーション文字を追加ボタンを押します
   
   
2. テキストに使用する加工のタイプを選択します。 デコレーションされる商品に適用可能なオプションのみが表示されます。
3. 文字を入力し、デコレーション文字を追加を押します
4. テキストはデコレーションエリア内に表示され、プロパティが利用できます。

デコレーション文字のプロパティを調整する方法

1. 変更する文字をクリックするか、レイヤーを選択します。
   
   
2. 選択した文字のプロパティダイアログがデザイナーの右側に表示され、以下を編集できます：
   
   • フォント： ドロップダウンボックスから選択します。
   • フォントカラー： カラー一覧から選択できます。
   • デコレーション文字編集： 文字の編集です!
   • 文字を太字または斜体にします。
   • 文字揃えのボタンを使用して、文字を左/中央/右に調整します。
   • 位置：矢印を使用して文字を配置します。
   • サイズ：+と - のコントロールを使用して大きさを変更します。
   • 回転： 角度で指定された量だけ文字を回転させるか、またはクリックしてカーソルを回転させます。
   • 配置： 文字レイヤーを縦方向、横方向、またはその両方に揃えることができます。
3. [詳細設定]タブには、次のプロパティが表示されます
   
   • エフェクト： シャドウとライトエフェクトをスライダーで調整します。
   • グラデーション： 選択した文字色とグラデーションフォントの色の間に水平または垂直の色の色相を設定します。
     
   • 変形： 文字の形を変更します。
   • アウトライン： 文字のアウトラインの色と幅を設定できます。
     

デザイナーでのチーム名の使用

「チーム名」は、デコレーションされる商品に名前やサイズをきれいに正確に整理することを可能にします。 これは、ユニフォームなどの名前と番号が必要なチームやグループにとって役に立ちます。

1. チーム名を追加を押します。
2. チーム名に使用する加工種類を選択します。
   
   
3. 各番号をそれぞれのサイズのボックスに追加します。各チームメンバーとチームスタイルはこのように設定されます。 表示として選択された項目は、デザイナーに表示される項目になります。
4. 各サイズ、名前、番号を記入して、チーム名を編集します。
   
   
5. さらに商品が必要な場合は、別のチームメンバーを追加してください。
6. OKで完了です。
7. チーム名と番号は、すべてのチーム名の商品に適用される変更を除いて、通常の文字に従って変更できる文字エリアとして商品に設定されます。
   
   • テキストフィールドにエフェクトを適用する方法の詳細については、上のデコレーション文字のプロパティを調整する方法を参照してください。
8. テキストエリアを選択し、[チームの編集]を押して、別の商品のレイアウトと配置を確認します。