画像を追加するには、左パネルの画像アイコンをクリックするか、アイコンをドラッグ&ドロップします。

空の画像がキャンバスに追加されます。必要に応じて置き換えることもできます。

あるいは、すでに画像を用意している場合は、画像をアップロードしキャンバスに直接追加することもできます。

画像をアップロードして、追加する

画像をアップロードして、キャンバスに追加するには:

  1. 左パネルの矢印をクリックして、要素パネルを開きます。

 2. 「ファイル」を選択して、画像をアップロードします。

3. キャンバスに追加するには、アップロードした画像をドラッグ&ドロップ、またはクリックします。

画像の縦横比

画像の縦横比は、画像の比率を表します。

STUDIOでは、画像を追加するとデフォルトでは「ボックス」として追加されるため、下の例ようにサイズを変更しても比率は維持されません。

ただし、必要に応じて縦横比を固定に設定することができます。 画像サイズを変更しても、比率は維持されます。

縦横比を固定に設定する

画像サイズを変更しても縦横比を維持するには、画像の右上から「img」を選択します。

注意:縦横比を固定すると、明るさ、コントラストなど画像プロパティを調整することができなくなります。また縦横比を固定した場合、画像の上に要素を重ねることは原則できません。

ストック画像

STUDIOは、690,000枚以上のフリー画像素材サイトのUnsplashと繋がっています。 STUDIOを離れなくても、Unsplashから画像を閲覧し、アップロード、差し替えをすることができます。

フリー画像素材を閲覧するには:

  1. 左パネルの矢印をクリックして、要素パネルを開きます。

    2. 「画像」をクリックします

    3. 欲しい画像のトピックを入力します。結果に画像とコレクションが表示されます。キャンバスに追加するには、画像をクリックするかドラッグ&ドロップします。

画像を差し替える

画像を差し替えるには:

  1. 画像を選択し、左に表示されるアイコンをクリックします。または、画像をダブルクリックします。
  2.  画像タブが左パネルに表示されます。

Unsplashからフリーストック画像を閲覧し選択する、もしくは任意の画像をアップロードすることができます。

画像にカーソルを合わせると、キャンバス上にプレビューが表示されます。 画像が決まったらクリックします。

画像のスタイルを変更する

STUDIOで画像を直接加工することができます。

可能な設定:

  • 明るさ
  • コントラスト
  • 鮮やか
  • モノクロ
  • セピア
  • ぼかし

画像の編集設定は、画像を選択してトップバーの「画像」タブをクリックします。

Did this answer your question?