デザインツール基本機能(画像&テキストの追加)

 

  

Zazzle商品にデザインを加えるのは決して難しくありません。

誰もが持っているようなありきたりの商品ではなく、あなただけのオリジナルをご自身用にはもちろん、大切な方へのギフトとして手に入れましょう。Zazzleではマーケットプレイス上のあらゆる商品のカスタマイズをお楽しみいただけるよう、簡単で直感的なオリジナル作成機能をご用意しています。

Zazzle商品の作成は画像やテキストの追加からスタートします。

画像を使った作業 >

画像の追加

「画像を追加」ボタンをクリックし、画像を商品に適用してください。

design1.JPG

もしZazzleアカウントにログインされていない場合、またはZazzleのご利用が初めてで、アカウントをお持ちでない場合、「画像を追加」をクリックすると次の画面が表示されます。

design2.JPG

この時点でZazzleアカウントを開設いただくか、すでにアカウントをお持ちの方はそのアカウントにログインされることをお薦めいたします。

また左下の「全画面ブラウザを開く」をクリックして、画像やテキストを追加する様々な方法についてご確認ください。

あなたのコンピュータから画像を追加する

Zazzleアカウントにログインされ、以前にあなたの「マイイメージ」フォルダに画像を追加されたことがある場合は、それらの画像を「すべての画像」の下で確認できます。

design3.JPG

もしZazzleアカウントに画像を追加したことがない場合は、オープンエリアにドラッグ&ドロップすることで画像ファイルの追加を始めることができます。

design4.JPG

もしあなたのコンピュータに画像をお持ちでない場合、他にも方法がございます。

Instagramから画像を追加

あなたのInstagramアカウントにログインすることで、そこから写真やデザインをアップロードすることができます。

design5.JPG

スマートフォンから画像を追加

さらにあなたのスマートフォンからも直接画像をアップロードすることが可能です。スマートフォンのブラウザから www.zazzle.co.jp/upload へアクセスいただくか、QRコードをスキャンしてください。

 

design7.JPG

アップロードされる画像を決められた後は、お選びの商品上にどのように映るかをプレビューウィンドウで確認することができます。

design6.JPG

  

画像のアップロードに問題がある場合はこちらもご覧ください。

 

デザインツールで画像を編集

重要: デザイン編集方法を右に表示させるには、デザインエリアの中の該当デザインをクリックしてください。

デザインエリアには複数のデザイン要素を加えることができます。下の例では、犬、星、「Mandy」のテキストの3要素がそれぞれ別レイヤーとして存在しています。

mandy1.JPG

画像のフィルター

そのレイヤーのフィルターを変更することができます。

mandy2.JPG

 

画像を切り抜く

レイヤーの画像をトリムで切り抜くことができます。

mandy3.JPG

mandy4.JPG

デザインエリアを画像で「フィル」する

あなたのデザインを全デザインエリア、ブリードラインまで「フィル」して全体を埋めることができます。画像がアートビューエリアのサイズよりも幅が広かったり、高さが高い場合、画像が拡大されて、切り取られる可能性があります。*

fill.JPG

*注: この画像はデザインエリアと異なるサイズのため、フィルによって拡大、切り取りが発生しています。

デザインエリアに画像を「フィット」させる

もしくは、あなたのデザインを青いセーフプリントライン内に「フィット」させることができます。「フィット」は画像の最も長い部分を縦、または横のプリントラインまで引き伸ばします。これにより画像の切り取りを避けることができます。

fit.JPG

画像のサイズ変更

画像のサイズを変更したい場合、拡大するには縮尺ボタンの+を、縮小するには-を使用してください。

scale1.JPG

scale2.JPG

 

画像を回転する

矢印キーを使って左または右へ画像を回転させることができます。または特定の回転率を入力し指定することもできます。

rotate.JPG

 

画像を反転する

また画像を反転させることもできます。左のボタンを使うと水平反転で、左にあったものが右に、右にあったものが左へと反転します。

flip.JPG

 

同様にデザインを垂直に反転させることもできます。下にあったものが上にくる形となります。

flip2.JPG

 

その他の画像オプション

白を透明に

「その他のオプション」を開くと「白を透明として表示」オプションがあります。これはご家庭のプリンターと同様で、我々のシステムがデザイン画像の白い要素を取り除くことになります。 「白を透明として表示」を選ぶことで、あなたのデザインの白い部分は、そのデザインが表示される商品のカラーとなります。

transparent.JPG

transparent2.JPG

オブジェクトをロックする

「オブジェクトを固定、常に公開にする」オプションを選択されると、お買い物をされるお客様は商品上のあなたのデザイン画像を移動させたり、サイズを変更することはできますが、デザインエリアから削除することができないようになります。 visible.JPG

オブジェクトをテンプレートにする

テンプレートオブジェクトにするは他の方が簡単にコンテンツを加えられるようにテンプレートを作成するアドバンスツールです。この機能の詳細についてはこちらをご覧ください。

template.JPG

 

テキストを使った作業 >

テキストの追加

デザインにテキストを追加するには、左のテキスト編集オプションから「テキストの追加」をクリックし、お好きなテキストを入力してください。

text1.JPG

デザインツールでテキストを編集

重要: テキスト編集方法を右に表示させるには、デザインエリアの中の該当テキストレイヤーをクリックしてください。

text2.JPG

 

フォントを変更する

テキストをお好きなフォントに変更することができます。

font.JPG

フォントカラーを変更する

フォントのカラーも変更することができます。

font1.JPG

フォントサイズを変更する

フォントのサイズも変更することができます。

font2.JPG

テキストの揃え

テキストの揃えについては左揃え、中央揃え、右揃えから選ぶことができます。

font3.JPG

テキストの縮尺、回転、反転

画像と同様にテキストについても拡大、縮小、回転、反転させることができます。

font4.JPG

文字間隔

「文字スペース」を使って各文字の間隔を狭めたり、広くしたりすることができます。スライダーを使うか、特定の数字を入力してください。

font5.JPG

行間隔

「行スペース」を使ってそれぞれのテキストラインの間隔を狭めたり、広くしたりすることができます。スライダーを使うか、特定の数字を入力してください。

font6.JPG

 

テキストの向き

テキストの向きを横、またはにすることもできます。

 

font7.JPG

カーブを加える

テキストに上または下のカーブを加えることもできます。スライダーを使うか、特定の曲率を入力してください。

font8.JPG

 

「その他のオプション」を開くと、画像と同様に、テキストについても「オブジェクトを固定、常に公開にする」「テンプレートオブジェクトにする」を選ぶことができます。

font9.JPG

 

デザインツール追加機能

レイヤー

下のデザインには犬、ピンクの星、テキストの3つのレイヤーがあります。

このレイヤーの順番を変えたい時、例えばピンクの星を犬の上に配置したい場合には、左のレイヤーの順番をドラッグ&ドロップすることでお好きな順番に変更することができます。

layer.JPG

前方/後方

デザインエリア内でクリックして選択しているレイヤーに応じ、そのレイヤーを前方、後方へと動かすことができます。

layer2.JPG

元に戻す/やり直す

操作を間違えた場合や、または最後の変更の前のデザインに戻したい場合は、「元に戻す」「やり直す」ことができます。

layer3.JPG

タイル

あなたのデザイン要素をパターン化したい場合、様々な方法でタイルにすることができます。タイルの複製サイズを指定することもできます。

tile.JPG

配置

配置ツールでは複数の画像を異なる構成に揃えて並べることができます。

まず初めに、アートボード内、またはデザインエリア内で、あるレイヤーを別のレイヤーと揃えるか、または全てのレイヤーを揃えるかをお選びください。

 align.JPG

次に、例えばランダムに配置された6つの異なる形を揃えて均等に並べたいとします。

 align2.JPG

まず初めにCtrlキーを押しながらカーソルを使って全ての形をクリックしてひとまとめにします。揃えたいオブジェクトのグループは、囲まれた点線ラインで確認することができます。

 align3.JPG

続いて、縦に揃えるか、横に揃えるかを選ぶことができます。

align4.JPG

 

次の例では形が縦の中央揃えになっています。

align5.jpg

 

割付

これらの形をそれぞれ同じ間隔に配置したい場合、縦、または横の均等割付を選ぶことができます。 

align6.JPG

次の例ではこれらの形は縦に均等なスペースで割り付けられています。

 align7.jpg

 

ガイドライン

ガイドラインではプリントの際のセーフエリアを確認することができます。ブルーのラインを越えるデザインは印刷の際に問題が生じる可能性があります。

align8.JPG

 

グリッドライン

グリッドラインではデザインエリア内でオブジェクトのサイズ、配置を確認することができます。

align9.JPG

 

 

画像についてよくある質問: 画像フォーマット、カラープロファイルスペックなど

 

画像の作成やフォーマット、スペックなどデザイナー様向けの情報についてはこちらをご覧ください。

Zazzle全商品のガイドファイルについてはこちらをご覧ください。