パチスロの広告とかでよく見る、クリアでつやがあるようなボタンを作成する手順を紹介

1. このようなボタンを
Photoshopで作成する
今回の課題

2. 始めにシェイプで、
このような図形を作成する
※⼀番外側の円が、⾼さ⻑さとも290pxにて作成

3. 分解すると、このような4パーツからなる
※この外側の円は、中はくり抜いた輪っか状態
※このパーツ作成はillustratorで作って、photoshopにスマートオブジェクトで貼るのでもいい
また、輪っかと⾚い円は、後からレイヤースタイルで⾊を変えるので、この時点の⾊はとりあえず何でもいい

4. まず外側の輪っかに、線形のグラデーションオーバーレイをかける(⾓度90)
b26c11
d9b119
位置10
efdf3b
位置50
d9b119
位置90
b26c11

5. 同じく輪っかにベベルとエンボスをかける ※パラメータは下記参照
ここは「⾓丸ステップ」
を選ぶ

6. 今度は中の⾚い丸に、円形のグラデーションオーバーレイをかける(⾓度90)
ded6d46／位置25
a90916

7. 同じく⾚丸に、光彩(内側)をかける
221815

8. ⽩いパーツ(上)を不透明度60・塗りを0にし、
線形のグラデーションオーバーレイをかける(⾓度90)
位置17%
不透明度0
#fff#fff

9. ⽩いパーツ(下)を塗りだけを0にし、
線形のグラデーションオーバーレイをかける(⾓度0)
不透明20
不透明度5
#fff#fff

10. 全て重ねると、
このようになるので
後は⽂字を重ねて完了
END