ドット絵とは1pixelで描かれる絵で、ファミコンなどのゲームで主流でした。そんなドット絵を描いて、いざ保存してアイコンなどに使用したらぼやけてることがあります。
保存する前に拡大をしてもぼやけてしまうことがあります。
![](https://u-tami-1.com/wp-content/uploads/2023/09/20230906_075650750_iOS-1020x1024.png)
ドット絵を描くサイズは16×16px、32×32px、64×64px、128×128pxとあります。
実際のサイズはかなり小さいので、SNSのアイコンに設定するには拡大してあげる必要があります。
![](https://u-tami-1.com/wp-content/uploads/2023/09/Pink_Flat.png)
Procreateからドット絵を描く方法は次の記事をご覧ください。
今回はお絵描きアプリProcreateからドット絵を劣化させずに拡大する方法と、画像編集アプリPhotoshopから行う方法をご紹介します。
![](https://u-tami-1.com/wp-content/uploads/2021/04/procreate.png)
目次
Procreateから拡大
![](https://u-tami-1.com/wp-content/uploads/2023/09/20230906_074415787_iOS-1024x768.png)
Procreateからキャンバスサイズ32×32pxでドット絵を作成したとします。
まずはキャンバスサイズを大きくします。
キャンバスサイズを変更1000×1000px
![](https://u-tami-1.com/wp-content/uploads/2023/09/20230906_074749634_iOS-1024x768.png)
🔧設定から「キャンバス」の「クロップ&サイズ変更」をタップします。
角の枠をドラッグすることでサイズ変更ができますが、今回は設定からピクセルを入力します。
設定をタップして1000×1000pxと入力し、「完了」をタップします。
ニアレストネイバー方で拡大
![](https://u-tami-1.com/wp-content/uploads/2023/09/20230906_074944653_iOS-1024x768.png)
キャンバスサイズを大きくしたら、ドット絵が左上に小さく表示されます。
![](https://u-tami-1.com/wp-content/uploads/2023/09/20230906_075022437_iOS-1024x768.png)
選択ツール①をタップしたら「均一」②を選択し、リセットの左にある補間方法に「バイリニア法」③が選択されているかと思いますが、こちらをタップして「ニアレストネイバー法」④を選択します。
![](https://u-tami-1.com/wp-content/uploads/2023/09/20230906_075229525_iOS-1024x768.png)
ニアレストネイバー法を選択した状態で、ドット絵を拡大します。「選択ツール」>「均一」を選択して角丸をドラッグして好きな大きさに変更します。
![](https://u-tami-1.com/wp-content/uploads/2023/09/20230906_075257666_iOS-1024x768.png)
以上がProcreateから拡大する方法でした☆
拡大中はぼやけているけど、確定するとはっきりとしたラインでぼやけることなく拡大することができるよ!
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
![](https://u-tami-1.com/wp-content/uploads/2023/09/Pink_Flat-1.png)
![ゴリたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-1.gif)
ドット絵がきれいに拡大できているね!
Photoshopから拡大z
画像を読み込む
![](https://u-tami-1.com/wp-content/uploads/2022/02/1.png)
作成したドット絵をPhotoshopで開きます。
![](https://u-tami-1.com/wp-content/uploads/2023/09/p2-1024x707.png)
作成したドット絵をPhotoshopで開いたら、「イメージ」から「画像解像度」をクリックします。
サイズ変更:ニアレストネイバー法
![](https://u-tami-1.com/wp-content/uploads/2023/09/p1.png)
画像解像度の幅と高さを1000pxにします。今回は画面上のみで使用するので解像度は「72」にします。
再サンプルにチェックを入れて「ニアレストネイバー法(ハードなら輪郭)」にして「OK」をクリックします。
PNGとしてクイック書き出し
![](https://u-tami-1.com/wp-content/uploads/2023/09/p3-1024x686.png)
ドット絵を拡大できたら「ファイル」>「書き出し」>「PNGとしてクイック書き出し」で画像を保存して完了です。
以上がProcreateからドット絵を拡大する方法と、Photoshopから拡大する方法でした。
![](https://u-tami-1.com/wp-content/uploads/2023/09/名称未設定のアートワーク-52.png)
![](https://u-tami-1.com/wp-content/uploads/2023/07/Cat-1024x1024.png)
![](https://u-tami-1.com/wp-content/uploads/2023/07/名称未設定のアートワーク.gif)
コメント