バナートレース009/100

見本/トレース

←見本　トレース→

• 斜めストライプが見本より太目になってしまいました。
• 「最大３９％」も、見本の方が白い領域が多かったです。

初めてやったこと

斜めストライプのレイヤーを重ねる

斜めストライプが重なっていることに気づいて、もっとやりやすい方法もありそうだ・・・と思いながら、こんな感じで対応しました。

1. 斜めストライプのパターンで塗りつぶしたレイヤーを用意する
   

   

   >モードを「オーバーレイ」にして塗りつぶし、不透明度を３０％にしました。

2. ①のレイヤースタイルにて「カバーオーバーレイ」を使用。白色に塗りつぶす。
   

   

3. 長方形のシェイプのレイヤーを２つ追加し、塗りを青色のグラデーション、赤色の単色に設定する
   

   

4. ③の上に①を配置し、表示させる
   

   

文字をグラデーションで塗りつぶす方法

グラデーションの塗りつぶしはよくやっているのですが、文字の塗りつぶしではやったことがなかったです。

1. 文字を入力し、レイヤーマスクを開く
2. 「グラデーションオーバーレイ」を設定
   

   色は見本から抽出しました。

3. 「境界線」を設定
   

   白色 3pxで設定しました。

4. 「ドロップシャドウ」を設定し、影感を出す
   角度90度、距離を1px、サイズを5pxにして文字の上側にもシャドウが広がるようにしました。

もっといい方法あるけど？！とご存知の方は、ぜひコメントなどで教えていただきたいです。