背景色にグラデーションを使用する

タイマーの背景にグラデーションを使用して魅力的な表現を実現します

背景色にグラデーションを使用
背景色にグラデーションを使用

グラデーションを有効にする

タイマーのレイアウト設定画面の開き方はこちらを参照ください。

Backgroundから「グラデーションを使用」にチェックすることでグラデーション機能を有効にできます。

グラデーション機能を有効化
グラデーション機能を有効化

アニメーションの半周期時間の設定

グラデーションのプレビュー下のタイムカーソルを動かすことで、アニメーションの動きを確認できます。

アニメーションの半周期時間は、カーソル右下から設定できます。 デフォルトは300秒です。

アニメーションの動きを確認
アニメーションの動きを確認

アニメーションを無効化する

半周期時間を0秒に設定することで、アニメーションを無効化できます。


エレメントの設定

グラデーションは3つの円形のエレメントで表現されます。

ランダム設定

グラデーションのプレビュー右下の「ランダム生成」をクリックすると、グラデーションをランダムに生成します。

グラデーションのランダム生成
グラデーションのランダム生成

個別エレメントのカスタマイズ

各エレメントの「色」と「位置(x,y)」と「グラデーションの開始及び終了位置(s,e)」を半周期時間の開始、中間、終了の3時点で個別にカスタマイズできます。

個別エレメントのカスタマイズ
個別エレメントのカスタマイズ

位置について

x座標は、画面の左端が0%、画面の右端が100%です。y座標は、画面の上端が0%、画面の下端が100%です。

グラデーションの開始及び終了位置について

グラデーションの開始位置(※)まで原色をつかい、終了位置(※)で透明色になるようなグラデーションを描きます。 ※ エレメントの中心から最も遠い画面の縁までの距離の百分率(%)

最終更新

役に立ちましたか?