このガイドの内容
5つのツールの代わりに1つのキャンバス
デザイン作業のほとんどは小規模なものです。イベントのポスター、ソーシャル投稿のセット、クリーンな背景の商品写真、ステッカーシート、バナーなど。それぞれの作業で、通常はストックサイト、背景除去ツール、高画質化ツール、レイアウトツールを行き来し、その過程で同じファイルをダウンロードして再アップロードすることになります。
デザインスタジオは、これらの手順を1つのキャンバスにまとめます。サイズを選び、ストック画像やご自身の画像を取り込み、AIツールでクリーンアップし、レイヤーで配置を整え、完成したファイルを書き出します。キャンバス自体はアカウントがあれば無料でご利用いただけます。背景除去や高画質化などのAI機能はプランのクレジットを使用しますが、正確なクレジット料金は実行前に表示されます。
適切なサイズから始める
デザインスタジオを開き、プリセットまたは正確なピクセル寸法からデザインを作成します。まず用途を決めましょう。1080 × 1350のソーシャル投稿、16:9のスライド、印刷用ポスター、ビニールカッター用のカットファイルでは、レイアウトの決め方がすべて異なります。
デザインには複数のページを含めることができ、各ページに独自の背景を設定できます。カルーセル、ストーリー用フレームのセット、チラシの表面と裏面などにはページを使用すると、関連するレイアウトを1つのプロジェクトにまとめ、同じアセットを共有できます。
ストックとご自身のメディアを取り込む
サイドレールから、アセットタイプ別にGobostockライブラリを閲覧できます。写真、SVGファイル、ベクター、アイコン、透明PNG、イラスト、検証済みカットファイルなどです。まずタイプを選ぶことが重要です。同じ被写体でも、写真とSVGでは、サイズ変更、色変更、カットを行った際の動作が大きく異なります。
また、JPEG、PNG、WebP、SVGファイルをアップロードすることもできます。使用する画像は権利を有するものだけにし、元のファイルは必ず保管してください。キャンバスは作品を構成する場所であり、唯一のコピーではありません。
AIで画像をクリーンアップ
最も一般的なクリーンアップ作業をカバーする3つのツールがあります。
- 背景の削除。 マスクは小さなコピーで計算され、ソフト化された後、フル解像度のオリジナルに適用されるため、切り抜きは縮小されることなくディテールを維持します。
- レイヤー化。 対象となる1つの画像が、個別に移動できる透明レイヤーに分離されます。例えば、被写体、その影、背景などです。Gobostockは、レイヤーを重ね合わせたときに元の画像と一致することを確認します。
- 高画質化。 透明な切り抜きは、不透明な元画像から2倍または4倍に拡大され、その後、元のエッジマスクが再適用されるため、通常の拡大ではハローが発生する箇所でもエッジがクリーンに保たれます。
各ツールは、実行前にクレジット料金を表示します。まず1つの画像で試し、フルズームでエッジを確認してから、同じ手順を一連の画像に繰り返し適用してください。
SVGを作成および変換
ロゴ、アイコン、ステッカー、あらゆるサイズでシャープさを保つ必要があるものには、SVGで作業します。プロンプトからスケーラブルなアートワークを生成したり、ラスター画像をSVGに変換したりして、デザインの他の要素と一緒に色の変更、サイズ変更、回転、複製、配置を行うことができます。
キャンバスでのSVG編集は、シェイプ全体とグループに対して行われます。ノードやパスの編集は含まれないため、シェイプへの大きな変更は変換前に計画してください。
レイヤーで配置
すべてのオブジェクトはレイヤーパネルに配置されます。レイヤーに名前を付けて、複雑なデザインでも読みやすくし、背景をロックして、その上で作業中に動かないようにし、整列機能を使用してテキストや画像をページの端や互いに揃えます。プロジェクトは作業中に自動的に保存されます。
レイアウトをクリーンに保つためのいくつかの習慣をご紹介します。
- 特にアプリのコントロールが角を覆うソーシャル投稿では、端に余白を残します。
- テキストは背景に対して強いコントラストを持たせ、実際に表示されるサイズで確認します。
- 1つか2つの書体と少ないパレットを使用します。繰り返しが、一連のデザインをシリーズのように見せるのです。
用途に合わせて書き出し
ページをPNG、JPG、WebP、またはSVGとして書き出せます。PNGは透明度を保持し、JPGは写真に最適で最も軽く、WebPはウェブ向き、SVGはベクターアートをシャープに保ちます。
CricutやSilhouetteでの作業には、カット対応のSVGプロファイルを選択してください。このプロファイルは、ラスター画像、テキスト、外部参照、フィルター、マスク、サポートされていないクリッピング、パターンフィル、カッターが追従できないストロークをファイル内でチェックし、すべてのチェックに合格した場合のみファイルをカット対応とラベル付けします。それでも、高価な素材を使用する前に、小さなテストカットを実行してください。
次のステップ
ライブラリにない画像が必要ですか?画像スタジオで生成して、キャンバスに取り込みましょう。ビジュアルの前に戦略が必要なキャンペーンについては、広告スタジオガイドをご覧ください。
ガイドを実践しよう
このワークフローを試してみませんか?
該当するGobostockのツールを開いて、使用許諾を得た自分のメディアから始めましょう。
デザインスタジオを開く