• 正面を向いて直立しているキャラクタを描く。
• 先に描いた絵をコピペして、右足を前に出しているキャラクターを描く。
• 右足を前に出しているキャラクターをリフレクトツールでコピーして左足を前に出しているキャラクターを描く。

• 正面の絵を3個ともコピペして、背面用に修正する。

• 直立しているキャラクターの左側面を書く。(正面の絵と、体や顔、足の位置の高さを合わせる。)
• 直立しているキャラクターをコピペして、修正し、右足、左手を前に出しているキャラクターを描く。
• 右足、左手を前に出しているキャラクターを、リフレクトツールでコピペする。

• 左側面のキャラクターを3個とも、リフレクトツールでコピペする。

• 長方形ツールで、正面の絵の1個をぴったり囲むような長方形を描く。
• その長方形を選択して、パスのオフセットを使って、5px外側に長方形を描く。
• 書いた2個の長方形を、その外側同士の長方形にくっつけて右側にその長方形をコピーする。
• Ctrl+Dで、前回のコピーを繰り返す。(3列のマスができる。)
• 3列のマスを、そのマスにくっつけて下側にそのマスをコピーする。
• Ctrl+Dで、前回のコピーを2回繰り返す。(3列4行のマスができる。)
• 作成した書くマスに、きゃらくたーのえを、1個ずつ移動して入れていく。(動かした時、体がぶれないように、各マスの中で同じ位置関係になるようにする。)

• スライスツールを選んで、左上の外側の増すに合う様に四角形で囲む。
• 選択ツールを選んで、バウンディングボックスを表示して、マスの角に合う様に調整する。
• そのスライス範囲を、Ctrl+Altキーを押しながら、ドラッグして右隣のますにコピーする。
• Ctrl+Dで、前回のコピーを繰り返す。(3列のスライス範囲ができる。)
• 3列のスライス範囲を、下側にコピーする。
• Ctrl+Dで、前回のコピーを2回繰り返す。(3列4行のスライス範囲ができる。)

• スライスのために作ったますはすべて見えなくしておく。
• ファイルメニュー→Webおよびデバイス用に保存を選ぶ。
• プリセットをPNG-24にし、スライスしたい画像をすべて、Shiftキーを押しながらクリックして選択し、保存をクリックする。
• 保存ウインドウの、スライスを「選択したスライス」にして、保存をクリックする。

※保存ウインドウの設定→その他 で、「画像をフォルダに保存する」のチェックをはずしておかないと、新しいフォルダを作ってそこに保存されてしまう。

• 元になる画像ファイルをイラストレーターで開く。

• 新規レイヤーを作成する。
• 長方形ツールなどを使って背景を薄い灰色などにする。

• 道路の中心線をペンツールを使って書く。(塗りなし、線黒色)
  　(複数のパスで書いてOK)
• すべての線の太さを、道路の幅まで太くする。
• すべての線を選択して、
  　オブジェクトメニュー→パス→パスのアウトライン
  　で、外形のパスを作る。
• パスファインダパネルで合体をクリックする。

※最初の中心線のパスは、コピーして残しておくと、後で修正が楽。

• 新規レイヤーを作成する。
• 線路の中心線をペンツールを使って書く。(塗りなし、線黒色)
• 線の太さを、線路の幅まで太くする。(例．12pt)
• 線を選択して、Ctrl+C→Ctrl+F で、前面コピーする。
• 前面コピーした線の太さを細く(例．10px)し、線色を白にする。
• 白くした線を、線パネルを使って破線にする。

※最初の中心線のパスは、コピーして残しておくと、後で修正が楽。

• 新規レイヤーを作成する。
• 長方形ツールなどを使って、駅や、目印になる施設を書く。

• 長方形ツールで、マスク用の長方形を書く。
  　(最前面に新規レイヤーを作成して、そこに書く。)
• 元図以外のすべてのパーツを選択し、
  　オブジェクトメニュー→オブジェクト→クリッピングマスク
  　を、クリックする。

※クリッピングマスクをすると選択したパーツはすべて、もとのレイヤーから消えてしまうので、マスクしたいパーツをすべてコピーしてから、コピーしたパーツでクリッピングマスクを実行したほうがよい。

• 新規レイヤーを作成する。
• スライスツールを使って、必要なパーツを長方形で囲む。
• ファイルメニュー→Webおよびデバイス用に保存で、画像を保存する。(PNG-24)

※保存ウインドウの設定→その他 で、「画像をフォルダに保存する」のチェックをはずしておかないと、新しいフォルダを作ってそこに保存されてしまう。