丸マーク素材作成講座バージョン2:グラデーション
ここではリストマークなどに使う丸マークのグラデーションバージョンを作成していきます
完成予想素材:わかりやすくするため画像の周りに枠線をつけています。
ファイルの新規作成
すべての丸マークではこの設定での新規ファイルを使います。
上部メニューのファイルから新規→白紙ファイルを選び新規にファイルを作成します。
幅:20px 高さ:20px 解像度:72px カラーモード:RGBカラー カンバスカラー:透明とします。
丸マークの色を変化させる
5×5ピクセルの大きさの中に基本の丸マークを作ります。
この基本を元に右下から左上に彩度を変化させてグラデーションにします。
見本では一番最初に青で塗りつぶしています。

上の画像は一番右下に基本となる色を塗り、左上斜め1ピクセルに基本色より彩度をおとした色で塗りつぶします。

さらに斜めに彩度をおとした色で1ピクセルずつ順番に塗りつぶしていきます。

上の画像はすべて塗りつぶした状態となります。
↓完成画像
![]()
グラデーションをつけただけで丸の感じがさらに増したように見えると思います。
くぼんだ感じにする
先ほど作成した丸のグラデーションをくぼんだ感じにします。
色を、先ほど作成した丸の一番右下(基本色)の色を選択します。
![]()
次に鉛筆ツールの不透明度を上の画像のように60%に設定します。
この意味は60%透明ではない(40%透明)という意味です。
この設定で丸の周りをすべて塗りつぶしていきます。

上の画像のように塗りつぶしたら完成となります。
↓完成画像
![]()
くぼんだように見えるでしょうか?
周りに薄い色で塗りつぶすことで中の丸が引き立って見えると思います。
