ヘルプセンター

何かお困りですか?

Zazzleについて 求人情報 押す ヘルプ

    Zazzle ヘルプセンターサーチ

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

     

      

    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全商品のガイドファイルについてはこちらをご覧ください。