オンラインデザインツール

ライブラリが最初から入ったキャンバス。

ストック素材、アップロード、AIの結果、文字、ベクターシェイプを、本格的な複数ページのキャンバスで組み合わせ。被写体を切り抜き、1枚の画像をレイヤーに分解し、エッジを崩さずにアップスケールして、書き出せます。

無料アカウントが必要です。ライセンス取得済みのストック素材はライセンスが維持され、アップロードはアカウントに紐づいたまま保管されます。

画像エディター / 商品コンポジションGobostock
Gobostockデザインスタジオのキャンバス上の多層コンポジション
編集背景削除アップスケール

01キャンバス内にストックライブラリ

02本物の透過切り抜き

03SVGの作成と編集

04ページ、レイヤー、書き出し

本格的なクリエイティブ制作のために

画像の成り立ちを理解する、合成ツール。

キャンバスとデザインツールの違いは、配置した後の画像に何ができるかにあります。

01

ページとレイヤー

判断のたびに画像を統合するのではなく、本物のレイヤー構造で複数ページの作品を作れます。

02

透過を保つ背景削除

被写体を切り抜いて本物の透過を保つので、下にあるどんな要素にもきれいに重ねられます。

03

画像のレイヤー分解

1枚の画像を編集可能なパーツに分解。受け取った画像が、変更できるコンポジションになります。

04

透過対応のアップスケール

通常のアップスケーラーが透明なエッジに残すハローやフリンジなしで、切り抜きを拡大します。

05

SVGグラフィック

きれいに拡大縮小したい作品や印刷用の作品のために、キャンバス上でベクターシェイプを作成・編集できます。

06

完成したら書き出し

用途に実際に必要なサイズと形式でコンポジションを書き出します。

承認済みのGobostockメディア

組み合わせに使える素材。

実際に承認されたマーケットプレイスのアセットを、キャンバス上でそのまま使えます。ダウンロードして再アップロードし、うまくいくことを祈る必要はありません。

わかりやすいワークフロー

素材から完成品まで。

  1. 01

    素材から始める

    ストックライブラリ、アップロード、生成した結果から素材を取り込みます。

  2. 02

    組み立てる

    ページで伝えたいことが伝わるまで、配置、マスク、レイヤー、文字入れを行います。

  3. 03

    画像を加工する

    被写体の切り抜き、1枚の画像のレイヤー分解、エッジを保ったままの切り抜きのアップスケールを行います。

  4. 04

    書き出す

    完成したページを、用途に必要な形式とサイズで出力します。

できること

  • 複数ページのキャンバス
  • レイヤー構造とマスク
  • エディター内のストックライブラリ
  • 透過を保つ背景削除
  • 画像のレイヤー分解
  • 透過対応のアップスケール
  • SVGの作成と編集
  • 納品用形式での書き出し

重要な制限事項

  • — レイヤー分解は、被写体がはっきり分かれている画像で最もうまく機能します。
  • — ライセンス取得済みのストック素材は、デザインに書き出した後もそのライセンスの対象です。
  • — 非常に大きな複数ページのドキュメントは、性能の低いデバイスでは描画に時間がかかります。

よくある質問

Design Studioのよくある質問

ここで実際に何を作れますか?

ストック画像、アップロードした素材、AIの結果、文字、ベクターシェイプを使った複数ページのレイアウトを、レイヤーを使って作成し、最後に書き出せます。

先に別の場所で素材を探す必要がありますか?

いいえ。Gobostockのストックライブラリをキャンバス内で使えるので、白紙のページではなく、ライセンス済みの素材が手元にある状態から制作を始められます。

写真から被写体を切り抜けますか?

はい。背景削除で本物の透過を持つ切り抜きを作成でき、透過対応のアップスケールなら拡大してもエッジがきれいに保たれます。

レイヤー分解とは?

1枚の画像を編集可能なレイヤーに分けることです。1枚の画像として届いたコンポジションの一部を、移動したりスタイルを変えたりできます。

ベクターグラフィックを作れますか?

はい。キャンバス上でSVGグラフィックを作成・編集できます。デザインをきれいに拡大縮小したい場合や、印刷に回す場合に重要です。

3つのツールを行き来するデザインは、もう終わり。

レイアウトしたいものがあれば、デザインスタジオを開きましょう。ライブラリ、切り抜きツール、書き出しがすべて同じ場所にあります。

デザインスタジオを開く