メインコンテンツまでスキップ

キャンバス

グリッド表示やアイソメトリックガイド、キャンバスサイズの一括変更などを活用して、ピクセルアート制作に最適なキャンバス環境を整えましょう。

グリッドライン

Menu ▸ View ▸ Show grid line でグリッドを切り替えます。

/doc-imgs/grid-line.jpeg
グリッドのオーバーレイ

Preferences ▸ Assistant grids で以下を調整できます。

  • グリッドの幅と高さ(最小 1 px)
  • 線の太さ
  • 線色(透過度も設定可能)

グリッドスナップとグリッド操作

グリッドスナップを有効にすると、ストロークやシェイプツールの基準点がグリッドに吸着し、境界線や構造線を素早く揃えられます。

グリッドスナップ(矩形グリッド)
グリッドスナップ(等距グリッド)

グリッドが表示されている場合は、マス目をダブルクリックしてそのセルを素早く選択できます。

/versions/d29/double_click_select_grid_cell.png
ダブルクリックでグリッドセルを選択

制作の解像度や用途に合わせて、主/副グリッド表示を使い分けられます。また、矩形グリッドと等距グリッドの両方でオフセットを設定でき、グリッドの原点をスプライトに合わせて調整できます。

/versions/d29/major_minor_grid_view.png
主/副グリッドの表示
/versions/d29/major_minor_grid_setting.png
主/副グリッドの設定
/versions/d29/grid_offset_xy.png
グリッドのオフセット設定

アイソメトリックガイド

アイソメトリック作画をサポートしたいときは Menu ▸ View ▸ Show ISO line を有効にします。

/doc-imgs/iso-line.jpeg
アイソメトリックガイド

Preferences ▸ Canvas でアイソメトリックボックスの高さ(最小 8 px)を設定できます。ISOラインの色はグリッドカラーを継承します。

/versions/r46/iso_angle_types.png
アイソメトリック角度タイプ

さらに、アイソメトリックの角度タイプ(2:1 や 1:1 など)を選択できるようになりました。

/versions/r46/iso_angle_setting_en.png
アイソメトリック角度の設定

補助グリッド

Preferences ▸ Assistant grids では、透視グリッドや各種ガイドをまとめて設定できます。

  • 1 点・2 点・3 点・魚眼透視グリッドを有効にして、消失点を意識したシーン構図を補助します。
  • ガイドの密度や不透明度、色を調整し、作業内容を邪魔しない強さに整えます。
  • 従来のキャンバスグリッドやアイソメトリックガイドと組み合わせることで、より複雑なレイアウトにも対応できます。

キャンバス全体の操作

スプライト全体を調整する場合は Menu ▸ Sprite を開きます。

/doc-imgs/sprite-menu.jpeg
スプライト全体に作用するコマンド

ここで実行できる主な操作は次のとおりです。

  • Frame rate:アニメーションの再生速度を変更
  • Sprite size:全フレームを等倍で拡大縮小(ピクセルを再サンプリング)
  • Canvas size:9 つのアンカー位置を使ってキャンバスを拡張またはトリミング
  • Rotate / Flip:キャンバス全体を回転・反転
注記

特定範囲のみを変形したい場合は、編集 で紹介している選択変形ツールを使用してください。

キャンバス設定

Preferences ▸ Canvas では、ISOラインとチェッカーボード背景色を細かく制御できます。グリッドの設定は Preferences ▸ Assistant grids を使用してください。

/doc-imgs/canvas-setting.jpeg
キャンバス設定

キャンバスサイズの変更

既存ピクセルをスケーリングせずにサイズだけ変える場合は Menu ▸ Sprite ▸ Canvas size を選択します。プレビューで現在の内容に対する位置関係を確認できるため、余白追加やトリミングを正確に行えます。

インタラクティブなキャンバスサイズ変更もサポートされました。

/versions/d28/interactive_canvas_resize.png
インタラクティブなキャンバスサイズ変更