A Ambersprite
ENTRDEFRESITPTRUJA

最初のスプライトを描く

このチュートリアルは約 5 分で、基本の流れ(作成、描画、配色、アニメーション、書き出し)を扱います。

1. スプライトを作成する#

  1. Ambersprite を開きます。ギャラリー が表示されます。
  2. 新規 をタップします。サイズを選び(32 × 32 が最初のスプライトに適しています)、作成 をタップします。
  3. 1 フレームに透明レイヤーが 1 枚ある状態でエディターが開きます。
グリッドプリセットのある「新規スプライト」シート
グリッドプリセットのある「新規スプライト」シート

2. 描画する#

鉛筆 ツールが既定で選択されています。カラー パネルの色見本をタップして色を選び、キャンバスに描きます。

  • **1 本指または Pencil*で描画します。
  • **2 本指*でパン、ピンチでズームします。
  • **2 本指タップ*で取り消し、**3 本指タップ*でやり直しです。

−/+ ボタンまたはコンテキストバーのサイズ調整でブラシサイズを変更します。角が二重にならないきれいな 1 ピクセル線のために、ピクセルパーフェクト(コンテキストバー)はオンのままにしてください。

3. 配色と陰影#

大きな 前景色 の色見本をタップしてホイールを開きます。ホイールをドラッグして色相と彩度を、その下の明度バーで明度を調整します。+ 現在の色を追加 をタップしてパレットに保存します。

陰影を付けるには、ベース色の暗いバージョンを選んで陰の側を塗るか、インクモードを 陰影 に切り替えて光の方向を設定します — ブラシサイズ、インク、ダイナミクス を参照。

4. 2 枚目のフレームを追加する#

タイムライン(画面下部)を開きます。 ボタンをタップして現在のフレームを複製し、新しいフレームで絵を少しずらします。 をタップして 2 フレームのループを再生します。

本格的なアニメーション技法(オニオンスキン、タグ、タイミング)については アニメーション セクションを参照してください。

5. 書き出す#

上部バーの 共有 / 書き出し ボタンをタップするか、書き出し… で完全なパネルを開きます。

  • 静止画なら **PNG*を選びます — ネイティブのピクセルサイズで透明として書き出され、ゲームエンジンにそのまま使えます。
  • アニメーションなら GIFAPNG、または **JSON 付きスプライトシート*を選びます。

すべてのオプションは 作品を書き出す を参照してください。

安全のために手動で保存する必要はありません — Ambersprite は復元スナップショットを継続的に保存します。名前付きファイルにするには ファイル ▸ 保存 を使い、場所(この iPad 内 または iCloud Drive)を選びます。