丸マーク素材作成講座バージョン1:基本
ここではリストマークなどに使う丸マークの基本バージョンを作成していきます
完成予想素材:わかりやすくするため画像の周りに枠線をつけています。
ファイルの新規作成
すべての丸マークではこの設定での新規ファイルを使います。
上部メニューのファイルから新規→白紙ファイルを選び新規にファイルを作成します。
幅:20px 高さ:20px 解像度:72px カラーモード:RGBカラー カンバスカラー:透明とします。
四角形の角を削る感じで丸を作る
鉛筆ツールを使い好きな色で下の画像のように塗りつぶしていきます。
適当に真ん中あたりから上下3ピクセル、左右3ピクセルずつ中に3×3ピクセル残すように塗りつぶします。
→
左側の画像は5×5ピクセルの枠の角を削るイメージで作ります。これだけで青の丸枠のように見えます。右側の画像は中を塗りつぶした状態です。平面の丸画像の完成です。
↓完成画像
どうでしょうか?丸に見えますか?
小さい画像なので滑らかにはできませんが四角形のリストマークよりもやわらかい印象を与えます。
ちなみに当サイトのリストマークもこの基本を使っています。
立体的にする
ここでは白を使い光をあてた感じにし丸マークを立体的にします。

まず長方形選択ツールや鉛筆ツールを使うなりなどをして6×6ピクセルの丸マークを上の画像のように作ります。
なぜ6×6ピクセルかといいますとあまり小さくすると白の部分が多くなりすぎるためです。

それでは上の画像のように上に2ピクセル、左に2ピクセル、白で塗りつぶします。位置を反対にしたり白の部分を増やしたりするとイメージがガラッと変わるのでいろいろと試してみてください。
とりあえずこれで完成です。
↓完成画像
