![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/231211-1.png)
こんにちは!サカです🐱
今回は「Photoshop」でドット絵を作成する方法を解説します。
準備・設定
環境設定>ガイド・グリッド・スライス>グリッド線を1pixelにしておいてください。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/e77d7f198ea8e7b5b99a6072f41116ae.png)
次に鉛筆ツールの歯車からレガシーブラシをクリックし、四角ブラシを表示しておきます。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/bfe92b75b5e2e08adbc3d8ff32194852.png)
バケツツールのアンチエイリアスも切っておきましょう。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/c4e88c78297b7b9cc9162bd6b4f0514c.png)
今回は0から描かずに下絵を用意します。ドット絵にしたいイラストを取り込んでおきましょう。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/7ddda61696bf2d04163fa338f64f8479-1.png)
作成
画像を小さくします。今回は64*64に収まるサイズにしました。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/5f6fb121d1104c0fd86f581f83c62825-2.png)
キャンバスサイズを64*64にします。グリッドがあるのでもうこれだけで結構ドット絵風に見えますが、ここから整えていきます。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/f6f551ead31e08982b153713911602df-1.png)
色は一回無視して黒で大まかに輪郭を取っていきます。
下書きから色をスポイトで吸って、塗りつぶし・影塗りをします。
下絵と見比べつつ黒い線の色を変えていきます。やりすぎるとアンチエイリアスのようになってしまいドット絵らしさを失いますが、濃い線の周りに少し薄い線を塗るとリッチに見えます。
気になるところを調整したら完成です!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2023/12/54fb1d47156333feef7d1df032cf90cd.png)
この感じで慣れたら32*32や16*16など小さいドット絵、影のグラデーションのメッシュを使ったドット絵に挑戦してみましょう。それではまた次回👋🐱