メインコンテンツにスキップ

背景を斜めに塗る・斜め背景を作成する

Studioの塗り機能を使って、斜めの背景を作成する方法を紹介します。

2週間以上前に更新

1)ボックスの塗りをグラデーションに設定する

  1. ボックスを選択し、右パネルを開きます。パネルが閉じている場合は開いてください。

  2. [ボックス]タブを選択し、背景色の設定パネルを開きます。

  3. 背景色をグラデーションにします。

2)色のポイントを追加し、合計4点を用意する

  1. グラデーションバー上で任意の箇所を2点クリックし、切り替えポイントを追加します。


3) 左の2点、右の2点をそれぞれ同じ色にする

4つのポイントのうち、左の2点、右の2点をそれぞれ同じ色にします。

Tips:色の入力モードを切り替えてHEXコードを表示させると、コピー&ペーストで色をコピーしやすくなります。

4)2番目と3番目のポイントを合わせる

2番目と3番目のポイントをドラッグし、重なるように合わせます。

5)グラデーション角度を斜めにする

角度調整の機能を使い、角度を指定します。

斜め 斜めボックス 傾ける 斜線 角度をつける 回転 dome 三角形 三角

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