今回は簡単な車をドット絵で描いてみます。
まだまだ触りたてで右も左も分からない状態なので、前と同じように参考画像を見ながら作成してみます。
はじめに
まずはドット絵を描く準備をしていきます。
参考画像
Unityのアセットストアで「pixel」で検索。2D、FreeAssetsで絞り込みます。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602001-1024x484.jpg)
今回は「CityPack-TopDown-PixelArt」の中にある車を参考に作成してみます。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602002-1024x478.jpg)
アセットをUnityに取り込み。
左のオレンジ色の下向きの車を作成してみます。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602003.jpg)
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602004.jpg)
画像サイズは32px-45pxですね。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602006.jpg)
ドット絵作成ソフト
今回はLOSPECを利用してみます。もちろん、初めて使ってみます。作成ソフトというよりはWEBサービスですね。
ピクセルアート作成開始
公式サイトを下にスクロールして「Create Pixel Art Online」を選択して「Enter app now」。
サイズ、パレット選択
LOSPEC PIXEL EDITER画面が出てきたら、サイズを32×45にしてパレットはEndesga32を選択し「Create」。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602007.jpg)
右側にパレットが表示されてます。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602008.jpg)
画像作成
まずはアウトライン。黒色で描いてますが、実際の画像はよく見ると少し赤みがかった黒色でした。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602009.jpg)
次に、境界に濃い赤、車体にオレンジ、窓に水色の3色を追加。まだちょっと車感が弱いですね。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602010.jpg)
さらに黄色を追加してみると、なんとなくそれっぽい感じになりますね。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602011.jpg)
さらに色を追加して参考画像に近づけてみます。
下記の時点で使ったのは白色も含めて9色。これが多いのか少ないのかは分からない・・・。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602012.jpg)
画像出力
一旦、これで画像に出力してみます。
左上のFileから「Export」で画像出力。「Save project」でパレットや途中の状態を保存できますね。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602013.jpg)
出来上がった画像をUnityに取り込んでみると下記の様な感じ。
![](https://nosystemnolife.com/wp-content/uploads/2022/06/20220602014.jpg)
上が参考にしたドット絵で、下の2つが自分で作成したものです。
・・・ナンバープレートを忘れてますね。色味の調整は必要ですが、あえて色数を少なめにするのはアリな気も。