みなさんこんにちは!おさかなです!
今回は『ミニドット絵メーカー3』について、書いていこうと思います!
それでは、レッツゴー!!!!!
『ミニドット絵メーカー3』って何?
『ミニドット絵メーカー3』とは、Webサイト上でドット絵を作成できるツールのことです。最大50×50マスのドット絵に対応しており、画像の読み込みも可能!
ゲーム開発や、ドット絵を試しに描きたいときにもおすすめです🎮(いいね!)
↓類似ツール
![](https://osakanav.com/wp-content/uploads/2021/11/pixel-160x90.png)
実際に使ってみよう!
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2023/04/dot3.png)
まずは「新規」をクリックして、プロジェクトを立ち上げます。
![](https://osakanav.com/wp-content/uploads/2023/04/mM6i11yFBOD8vcl1682069576_1682069588.png)
続いて、ドット絵のサイズを設定しましょう!(えい!)
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-size.png)
すると……?このように「編集画面」が表示されました!(おー🚩)
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-edit-1.png)
鉛筆を選択した状態で、キャンバスをクリックするとドット絵が描けます!(わーい✨)
![](https://osakanav.com/wp-content/uploads/2023/04/dot3.gif)
間違えたときは、上部にある「取り消し(Zキー)」や「やり直し(Xキー)」で対応できます。
![](https://osakanav.com/wp-content/uploads/2023/04/aSmBBcifNqA6MVg1682069817_1682069829.png)
右側のメニューを変更すると「直線」が描けたり……。
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-line.gif)
「四角形」を生成したりできます!(便利👍)
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-sq.png)
一般的なペイントツール同様、「塗りつぶし」もできます〜!
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-nuri.png)
ちなみに、描いたものは「移動」や「上下左右に反転」できます。
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-iti.gif)
色はパレットや16進数のカラーコードを使いながら、調整しましょう!🎨
![](https://osakanav.com/wp-content/uploads/2023/04/008080.gif)
上手く描けないときは、ドット絵フリー素材もご活用ください。
![](https://osakanav.com/wp-content/uploads/2022/11/dot-illust-160x90.gif)
画像を読み込もう!
このツールでは、読み込んだ画像をドット絵に変換してくれる機能も備わっています。まずは左下の「画像読み込み」をクリック!
![](https://osakanav.com/wp-content/uploads/2023/04/aSmBBcifNqA6MVg1682069817_1682070067.png)
色数についてウィンドウが表示されるため「OK」を選択。
![](https://osakanav.com/wp-content/uploads/2023/04/4e0c8f19011dd52bb16153fb3ace81e4.png)
すると……?こんな感じで画像から「ドット絵」が自動生成されました!(すごいーっ!)
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-osakana.png)
細かすぎる部分は省略されるものの、色合い・配置などは完全に再現されています。
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-bg.png)
(急に絵が上手くなった気になる、おさかな氏。笑)
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-sakura.png)
お城とかはドット絵にすると、ゲームっぽくていいですね〜🎮
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-siro.png)
(ひと休み💤)
作ったデータを保存しよう!
後日改めて編集したいときは、プロジェクトとして保存するのがおすすめ!「保存(.dt3)」をクリックしましょう。
![](https://osakanav.com/wp-content/uploads/2023/04/aSmBBcifNqA6MVg1682069817_1682070425.png)
わかりやすいファイル名を付けて、保存します。
![](https://osakanav.com/wp-content/uploads/2023/04/a1444020b1baab9e5ca3d3a483710c76.png)
(こんな感じ…!)
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-pjn.png)
保存したプロジェクトは、トップページで「開く(.dot3 .dot)」を選択すると再編集できます。
![](https://osakanav.com/wp-content/uploads/2023/04/L4ElBsb1dTvcySh1682073296_1682073308-3.png)
画像として保存したいときは「PNGで書き出し」または「JPEGで書き出し」をクリック!(ポチっと)
![](https://osakanav.com/wp-content/uploads/2023/04/aSmBBcifNqA6MVg1682069817_1682070496.png)
同じく「ファイル名」をつければOKです!
![](https://osakanav.com/wp-content/uploads/2023/04/dot3-img.png)
ちなみに「GIF」で書き出すこともできます。みなさんもドット絵作成ツールで、オリジナルのドット絵を作ってみてくださいね〜🌸
![](https://osakanav.com/wp-content/uploads/2023/04/aSmBBcifNqA6MVg1682069817_1682070533.png)
↓実際に作成したものがこちら
![](https://osakanav.com/wp-content/uploads/2023/04/osakana-dot.png)
![](https://osakanav.com/wp-content/uploads/2023/04/siro.png)
![](https://osakanav.com/wp-content/uploads/2023/04/bg.png)
![](https://osakanav.com/wp-content/uploads/2023/04/hatena.gif)
![](https://osakanav.com/wp-content/uploads/2023/04/sakuramoti.png)
![](https://osakanav.com/wp-content/uploads/2023/04/PENGIN.png)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
桜より色めく君を見たいから
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
それは、ドットエス○ィ〜♪
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
↓ゲーム制作に役立つツール
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-top-160x90.png)