メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
画像の配置やトリミング位置をボックス内で調整する方法
画像の配置やトリミング位置をボックス内で調整する方法

Studioで擬似的なトリミング効果を得るには

Saika avatar
対応者:Saika
1か月以上前に更新

Studio上で画像の位置を調整したり、簡単なトリミング効果が適用できます。以下の手順でその一例をご紹介します。この他にも、相対位置のままで画像のマージンをマイナスの値に設定することも可能です。

設定手順

1. 画像ボックスの設置とサイズ調整

デザイン画面に画像ボックスをドラッグ&ドロップして配置し、ショートカットキー⌘ + Gグループ化します。次に、その画像ボックスと親ボックス(画像ボックスを含むエリア)のサイズを調整します。

2. 画像ボックスの絶対位置の設定

画像ボックスを選択した状態で、「配置」を「絶対位置」に設定します。これにより、画像ボックスの位置を微調整できます。

3. 親ボックスではみ出し設定

親ボックスの「はみ出し」を「非表示」に設定します。これで、親ボックスからはみ出ている子ボックスの画像部分は表示されなくなります。

注意点

  • Studioでは大幅なトリミングはうまく動作しない場合があります。そのため、高度なトリミングが必要な場合は、事前に画像編集ソフト等で調整してからアップロードすることをお勧めします。

こちらの回答で解決しましたか?