ツールバーとよく使うツール
Resprite の描画体験は、大きく分けて「ツールバー本体」と「現在のツールに応じて変わるオプション」で構成されています。配置や見え方はプラットフォームごとに少し異なるため、まずは自分に合ったレイアウトに整えてから、各ツールを覚えていくのがおすすめです。
ツールバーと表示方法
iOS
- Preferences ▸ Toolbar では、ツールやツールオプションを上部に表示するかどうかを設定できます。
- 画面に十分な余裕があれば、ツール一覧とツールオプションをまとめて上部へ表示できます。
- あまり使わないツールは非表示にして、ツールバーをすっきり保てます。
デスクトップ / Android
- Preferences ▸ Toolbar で、メインのツールバーを左・右・上のいずれかに配置できます。
- 現在選択中のツールのオプションは、上部のツールオプションバーに表示されます。
- Aggregate Buttons を有効にすると、選択・塗りつぶし・形状・フィルタ・補助ツールを短いグループとしてまとめられます。
- 不要なツールを非表示にすることもできます。iOS とデスクトップのどちらも対応していますが、調整できる範囲は完全に同じではありません。
アクションバーの補足
アクションバーには、書き出しや対称中心のリセットなど、よく使う操作への近道もあります。便利な補助ではありますが、ツールバーそのものを置き換えるものではありません。
基本の描画ツール
ペン
ペンは最も基本になる描画ツールで、ほとんどのドット絵作業をこれひとつで進められます。
主なオプション：
- ブラシ形状：四角と円形のチップを切り替えます。
- ブラシサイズ：ブラシサイズのコントロールを左右または上下にドラッグして変更できます。
- サイズコントロールのダブルタップ / ダブルクリック：iOS では
1 pxと直前のサイズを行き来でき、デスクトップでは1 pxに直接リセットされます。 - Blending：半透明の描画を下のピクセルとなじませます。
- Pixel Perfect：線のつなぎ目に出やすい不自然な角を抑えます。
- Alpha Lock：すでに存在するピクセルの上だけに描画を限定します。
- Dithering：単色ではなくパターンで描画できます。
パターンの使い方は ディザリング も参照してください。
消しゴム
消しゴムは、ブラシ形状・ブラシサイズ・ディザリング・Alpha Lock・Pixel Perfect など、ペンと近い感覚で使えます。形を崩さずに質感だけ削りたい場面で特に便利です。
Shift を押すと、前回の描画終点から直線をつなげて消せます。
シェーディング
シェーディングツールは、パレット内の隣接色をたどりながら、明暗を素早く描き分けるためのツールです。
- 方向：左右または上下を切り替えられ、ドラッグで 4 方向から選べます。
- 色の範囲：現在の色と、その近くのパレット色を使います。
- 全パレット：現在色の周辺ではなく、パレット全体を対象にできます。
- ディザリング：シェーディング結果にパターンを加えられます。
- Shift 直線：Shift を押すと、前回の終点から直線でつなげて描けます。
方向を頻繁に変える場合は、ショートカットや、対応デバイスのスタイラス入力設定を組み合わせると快適です。
選択ツール
Resprite には、全プラットフォーム共通で矩形選択・楕円選択・ラッソ・マジックワンドがあり、Replace、Add、Subtract を組み合わせて使えます。
- Replace モードでは、選択範囲の外をクリックすると解除できます。
- 別のツールに切り替えた後でも、そのツールのオプションバーから選択解除できます。
- ステータスバーには現在の選択範囲の幅 × 高さが表示されます。
- iOS R55+ では、楕円選択も矩形選択と同じ Replace / Add / Subtract の流れで使え、正円制約や中心からの作成にも対応しました。
- デスクトップ / Android では、矩形選択と楕円選択のどちらも 中心から作成 できます。新しく選択を始めるときに Shift を押すと正方形 / 正円に固定され、既存の選択があるときは一時的に Add モードへ切り替わります。
デスクトップでの効率化：
- Ctrl を押しながらドラッグすると、選択範囲の内容を複製できます。
- 選択ツール使用中に Shift を押すと、一時的に Add モードへ切り替わります。
- グリッドを有効にしている場合、
Shift + 方向キーでグリッド単位に移動できます。
自由変形や歪み、拡大縮小は 変換 を参照してください。
スポイト
スポイトはキャンバス上の色を取得するツールです。主なオプションは次のとおりです。
- All Layers：現在のレイヤーだけでなく、表示中の全レイヤーを合成した結果から取得します。
- Auto Back：取得後に直前の描画ツールへ戻ります。
- Palette Sync：同じ色がパレットにある場合、そのスウォッチも選択します。
ツールを切り替えなくても、キャンバスを長押しして一時的に色取得を呼び出せます。
iOS R55+ では、キャンバスやリファレンス画像から色を拾うときにスポイトルーペを表示できます。拡大ピクセル表示、現在位置の十字、前色 / 新色の比較リングがまとまって見えるため、指を離す前に狙った色かどうかを確認しやすくなります。
デスクトップ版では、macOS と Windows で Screen Pick にも対応しており、カラー詳細パネルから画面上の任意の色を取得できます。
塗りつぶし
塗りつぶしツールは、現在色、パレット色、またはディザリングパターンで領域を埋めます。
- Continuous：つながったピクセルだけを対象にします。
- Tolerance：近い色もまとめて含めます。
- Ignore Color：対象色を透明扱いにして塗りつぶします。
- Pattern：塗りつぶしと同時にディザリングを適用します。
- Tiled Mode：タイル前提の挙動で塗りつぶし、選択範囲を優先します。
Continuous をオフにすると、対象色をレイヤー全体で一括置換できます。
形状ツールと効果ツール
移動ツール
移動ツールは、現在のセル内の内容を動かしたり、複数フレーム・複数レイヤーにまたがってまとめてずらしたりするために使います。
- All Frames：タイムライン上の全フレームに適用します。
- All Layers：全レイヤーに適用します。現在のレイヤーがグループなら、その子レイヤーも一緒に動きます。
グラデーションツール
グラデーションツールでは、線形または放射状のグラデーションを作成でき、必要に応じてディザリング段階も使えます。
- Connected Only：塗りつぶしツールの Continuous と同じ考え方で連結領域に限定します。
- Tolerance：近い色まで対象を広げます。
- Gradient Type：線形と放射状を切り替えます。
- Start / End Colors：始点色と終点色を設定し、入れ替えもできます。
- Dither Mode：
2×2、4×4、8×8のディザ段階を使えます。オフなら RGB グラデーションです。
形状ツール
形状ツールには、直線、カーブ、矩形、楕円、輪郭（Contour）などが含まれます。
共通オプション：
- ブラシ形状とサイズ：輪郭の太さを決めます。
- Fill：矩形や楕円などの閉じた形状を塗りつぶします。
- Dither Mode：輪郭や塗りにパターンを加えます。
- Draw from Center：中心から外側へ描けます。
- Angle Snapping：Shift を押すと、直線を固定角度に制限できます。
- ISO Snap：等角ドット絵に向いた角度プリセットが使え、より細かな段差パターンにも対応しています。
ぼかし・スプレー・ジャンブル
- ぼかし：ブラシ下の
3 × 3近傍の平均色で置き換えます。Alpha Lock を使うと透明部分へのにじみを抑えられます。 - スプレー：ブラシ半径内にピクセルを散らし、粒状感やエアブラシのような質感を作れます。
- ジャンブル：ブラシ下のピクセルをランダムに動かし、繰り返し模様を崩したり、エッジを荒らしたりできます。
どれも局所的な質感作りに向いており、前回の描画終点から直線でつなげて使うこともできます。
デスクトップ / Android の補助ツール DA version only
デスクトップ版と Android 版には、ナビゲーションやレイヤー特定に便利な補助ツールもあります。
- レイヤー選択ツール：キャンバス上の内容をクリックすると、対応するレイヤーへタイムライン側で移動します。
- Hand ツール：キャンバスを直接ドラッグして移動します。デスクトップではスペースキーとの併用も一般的です。
- Zoom ツール：キャンバスの拡大縮小をより直接的に操作できます。マウスやペンタブの作業で特に便利です。
iOS には Hand、Zoom、レイヤー選択 の独立したツールアイコンはありませんが、一部の動作はジェスチャや入力設定を通じて利用できます。
