DOTTORIE

エディタへ戻る

DOTTORIE(ドトリエ)は、ブラウザで手軽にドット絵を描くことができる、PC専用のピクセルアート制作エディタです。 初心者でも直感的にドット絵を制作できつつ、プロのデザインワークフローにも耐えうる機能も備えています。

主な機能と使い方

描画ツール

画期的な「ズボラペン」機能

「ズボラペン」は、なぞった場所の色を状況に合わせて自動的に調整するインテリジェントなペンツールです。色を選び直す手間を省き、素早いブラッシュアップを可能にします。

  • 自動AA(アンチエイリアス)ペン: 選択中の色を半透明(不透明度40%)で重ねます。斜め線や境界線をなぞることで、ドットの段差を滑らかに見せる「アンチエイリアス」処理が簡単に行えます。
  • 影塗りペン: すでに描かれているドットの上をなぞると、その色を自動で「少し暗く、少し鮮やか」に変更します。光源を意識した影付けを行う際、パレットから影用の色を探す必要がありません。
  • ハイライトペン: 描かれているドットの色を自動で「少し明るく」変更します。光が当たる部分をなぞるだけで、金属の光沢や質感を手軽に表現できます。

高度なレイヤーシステム

右サイドバーのレイヤーパネルでは、複数の層を重ねて管理できます。 背景とキャラクターを分けて描くことで、修正やアニメーション制作の効率が大幅に向上します。

  • 順序の入れ替え: レイヤー横のハンドルをドラッグして、重なり順を自由に変更できます。
  • 不透明度設定: 各レイヤーごとにスライダーで透明度を調整可能です。下絵を透過させてトレースする際にも役立ちます。
  • 表示 / 非表示: 👁️アイコンをクリックすることで、レイヤーの表示状態を切り替えられます。

カラー・パレット管理

「モダンフルカラー」や「レトロ携帯機風」など、複数のパレットプリセットを用意しています。 さらに「パレット自動適応」機能を使うと、キャンバス上の色を現在選択しているパレットの中の最も近い色へ一括変換できます。統一感のある色使いへの調整がスムーズに行えます。

下絵(トレース)機能

「画像をインポート」からPC内の写真やイラストを読み込み、キャンバスの背面に下絵として配置できます。 範囲を調整した後、「ドット化して適用」を押すと、下絵を現在のキャンバスサイズにリサイズして直接キャンバスに反映することも可能です。お気に入りの写真からドット絵を自動生成する感覚で楽しめます。

自由なキャンバスサイズ設定

キャンバスの新規作成時に、16pxや32pxといったプリセットだけでなく、8pxから256pxまで、1ピクセル単位で自由にサイズを指定できるようになりました。用途に合わせて、最適な解像度で制作をスタートできます。

キャンバスの操作と表示設定

拡大中の作業も、スペースキーを押しながらドラッグ(またはマウスホイール押し込みドラッグ)することで、キャンバスの位置を自在に移動できます。 「グリッド表示」の切り替えや、背景色(グレー・ホワイト・ブラック)の選択により、作業環境を自分好みに最適化できます。

プロジェクト保存と読み込み機能

制作途中のデータは「保存」ボタンから独自のプロジェクトファイルとして書き出すことができます。 このファイルを「読込」から開くことで、いつでも作業を再開できます。また、ブラウザのローカルストレージにも自動的に最新の履歴が保存されるため、不慮のブラウザ終了でも安心です。

Adobe Illustratorとのスムーズな連携

DOTTORIEはSVG形式での書き出しに対応しています。SVGで書き出したデータはベクター形式であるため、Adobe Illustratorなどで開くと、1ピクセルが1つのパスオブジェクトとして保持されます。 これにより、制作したドット絵をロゴデザインへ転用したり、看板・アパレル印刷用の巨大なサイズへ拡大したりしても、画質を一切劣化させずに行うことができます。

また、PNG/JPEG書き出しでは「SNS用(10倍)」や「高画質(20倍)」といった拡大倍率を選択でき、ドットの質感を保ったまま美しい画像として保存可能です。

ショートカットキー

Ctrl + Z
元に戻す(Undo)
Ctrl + Y
やり直し(Redo)
Shift + Drag
図形の比率固定(正方形・正円)
Space + Drag
キャンバスの移動(パン操作)
Middle Click + Drag
キャンバスの移動(ホイール押し込み)
Mouse Wheel
キャンバスの拡大・縮小(ズーム)

免責事項

本ツール「DOTTORIE」の利用により生じたいかなる損害についても、運営元は一切の責任を負いません。 作成中のデータのバックアップは利用者ご自身で行ってください(プロジェクト保存機能によりファイルとして保存可能です)。 本ツールの仕様は予告なく変更される場合があります。

詳細は ご利用規約 をご確認ください。