デザインツールで画像を操作する - モバイル版とアプリ版

自分の画像を使うことは、Zazzleのデザインをパーソナライズする強力な方法です。 デザインツールでは、画像のサイズ変更、トリミング、マスキングなど、画像をカスタマイズするさまざまなオプションを提供しています。 このガイドでは、それらの機能をステップバイステップで説明します。

これはモバイルまたはアプリ版専用のガイドです。デスクトップ版のヘルプ記事を読みたい場合は、 こちらをクリックしてください。

 

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

 

画像をアップロードする

デザインツールで画像をアップロードする手順は以下の通りです:

  1. デザイン画面の「追加+」アイコンを見つけてください。
  2. そこにある 「アップロード」アイコンをクリックします。
  3. アップロード元を選択:
    1. 画像をアップロード:「画像をアップロード」ボタンをクリックして、デバイス内の画像を選びます。
    2. マイZazzleライブラリ:マイZazzleライブラリを見る」ボタンをクリックし、アカウントに保存されている画像から選択します。
  4. アップロードされた画像は「アップロード」タブに表示され、すぐにデザインに追加できます。
  5. 画像を追加するには、その画像をクリックするだけでデザインに反映されます。

 

画像編集の基本 - サイズ変更、トリミング、位置調整

 

このセクションでは、画像の編集と管理の基本的な手順を紹介します。
編集を行うには、まず画像をクリックして選択してください。
以下に、よく使う操作方法を説明します:

 

画像のサイズ変更

  1. デザイン画面で、変更したい画像をタップして選択します。
  2. 選択した画像の角に表示されるハンドルを指でドラッグすると、縦横比を保ったまま画像のサイズを調整できます。
  3. 画像の左右または上下にあるハンドルを使ってドラッグすると、縦横比を変えて拡大・縮小ができます。元の比率を保たずに調整したい場合に便利です。
  4. オプションメニュー内にある「アスペクト比」などの設定項目から、縦横比のロックをオン/オフできます。

写真をトリミングする

  1. デザインキャンバス上で画像をクリックして選択します。
  2. 画像をダブルクリックするか、プションメニューにある 「トリミング」ボタンをクリックしてトリミングモードに入ります。
  3. トリミングモード中は…
    1. 表示領域(トリミングウィンドウ)の形を、 L字型のハンドルをドラッグして変更します。
    2. 画像の中をクリック&ドラッグして、表示位置を変更します。
  4. 編集が完了したら、 画像外をクリックするか、「トリミング」ボタンをもう一度クリックしてトリミングモードを終了します。

画像の位置を変更する

  1. デザインキャンバス上で画像をクリックして選択します。
  2. 画像の中央をドラッグして、キャンバス上の任意の位置に移動できます。配置ガイドが正確な位置決めをサポートします。

 

画像マスク

画像マスクは、画像の一部を切り抜いたり、特定の形に合わせて表示させたりする柔軟な機能です。 特定の形に画像をフィットさせたり、一部を強調表示したいときに便利です。 このセクションでは、マスクの適用・編集・解除の方法を段階的に説明します。

 

マスクを適用する

  1. 1つのSVGファイルと、少なくとも1つの画像を同時に選択します。SVGは自分でアップロードするか、Shapesタブ内の既存の形(例:円形、四角形)から選べます。
  2. 上部ツールバーの「マスク」オプションをクリックします。
  3. 画像がSVGの形に合わせてマスクされるのが確認できます。
  4. マスクを解除したい場合は、選択状態で「マスク解除」をクリックしてください。

マスクを編集する

  1. 編集したいマスク画像を選択します。
  2. マスク画像をダブルクリックするか、右側プロパティメニューの 「マスクを編集」ボタンをクリックします。
  3. マスク編集モード中は…
    1. マスクされた形のプレビューが表示されます。
    2. 表示範囲を調整するには、画像の中をクリック&ドラッグしてください。
  4. 編集が終わったら、表示ウィンドウ外をクリックするか、 「マスクを編集」ボタンをもう一度クリックして終了します。

低解像度/ぼやけた画像の対処法

低解像度の画像は、印刷時にぼやけたりピクセルが目立ったりして品質が低下する可能性があります。 Zazzleのデザインツールでは、画像の解像度が印刷に適していない場合に警告が表示されます。 問題を解決することで、仕上がりがよりプロフェッショナルで綺麗になります。

  1. 低解像度の警告:画像が低解像度の場合、印刷品質に問題があることを示す警告アイコンが表示されることがあります。
  2. 対処方法 - 画像を差し替える: より高解像度の画像に差し替えるか、画像サイズをキャンバス上で縮小して鮮明さを改善してください。

 

ロックされた画像

既存のデザインを編集する際などに、画像がロックされている場合があります。 これは、レイアウトや重要な要素を固定するためにデザイナーが意図的に設定していることがあります。 ロックされた画像を操作するには、まずロックを解除する必要があります。

  1. 左側ツールバーの「レイヤー」アイコンをクリックします。
  2. レイヤーパネルでロックされている画像を見つけ、 「ロック」アイコンをクリックして解除します。
  3. ロック解除後は、通常通り編集や削除が可能になります。

 

画像の白背景を削除する

「画像から白を削除」オプションを使用すると、画像の白背景を透過させることができます。 ロゴやグラフィック、白背景の写真などで、デザインの見た目を邪魔しないようにしたいときに便利です。 白い部分を取り除くことで、背景や他の要素と自然に馴染ませることができます。

  1. 編集したい画像を選択します。
  2. 右側プロパティパネルの「その他のオプション」内にある 「画像から白を削除」を見つけます。
  3. 適用したい効果を選択します:
    1. なし - デフォルト設定で、画像はそのまま表示されます。 白背景を保持したい場合に使用します。

    2. 背景のみ - 背景の白い部分だけを削除し、画像内の白い要素は残します。 白いディテールを保持したい場合に適しています。

    3. すべての白を削除 - 背景を含め、画像内のすべての白い部分を削除します。 完全な透過効果を得たい場合に使用します。

 

追加の画像オプション

Zazzleのデザインツールで画像を選択すると、右側のプロパティパネルにさまざまなカスタマイズオプションが表示されます。 各機能の概要は以下の通りです:

  1. 画像の変更 - アップロードした別の画像に差し替えることができます。
  2. フィルター - セピアやモノクロなど、画像のスタイルを調整するアート風フィルターを適用できます。
  3. トリミング - 画像の一部を切り出してフォーカスを当てることができます。
  4. アスペクト比 - 比率を維持したり、特定のサイズに合わせて変更したりできます。
  5. 塗りつぶし(Fill) - 選択したスペースや形状を画像で完全に埋めます(比率維持)。
  6. フィット(Fit) - 画像全体を枠内に収めるよう調整します(トリミングなし)。
  7. スケール - 画像のサイズを比率を保ったまま拡大・縮小できます。
  8. 回転 - 任意の角度に画像を回転させて配置を調整できます。
  9. 反転 - 画像を左右または上下に反転させることができます。

 

Zazzleのデザインツールを使った画像編集は直感的で簡単です。 デザインを自由にカスタマイズできる多くのオプションが用意されています。 ツールのより詳細なガイドについては、 こちらををご覧ください。