今回はドット絵で簡単なアイコンを描いてみます。アイコンというか「×」ですね。他のアイコン作成の参考に色々描いてみました。
はじめに
作成ソフトはAseprite、ドット数は16×16です。
いくつか並べて比較するので、スプライトのサイズは大きめの160×160で作成。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006001.png)
作成開始
まずは対称に円を作成。これをベースにします。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006002.png)
「X」で大きいのと小さいのを作成。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006003.png)
少し形を変えて何個か作成。すべて平面で白黒です。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006004.png)
色や立体感を追加
色を変えたり、下を濃くして、上を薄くして立体感を出してみます。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006005.png)
実寸大で並べてみると下記の様な感じ。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006006-1.png)
ちなみに、AsepriteではPreferencesを選択し、Backgroundから背景色を簡単に変更。背景色を付けてみて確認するのも良さそう。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006007.png)
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006008.png)
Gridで「Visible Grid」にチェックを入れると指定した間隔に区切り線が入ります。下記は16×16で指定。
![](https://nosystemnolife.com/wp-content/uploads/2022/10/20221006009.png)
とりあえず「×」アイコンだけですが、ゲームで使いそうなアイコンも色々作成してみようかな。