WWW.ANIMESTUDIO.JP

Photoshopで簡易アニメ

Tutorial 1

Photoshopのレイヤーを使って簡易なアニメーションを作るチュートリアルです。

とりあえず一度アニメーションを作ってみたい場合にどうぞ。

素材の作成

まずはPhotoshopで素材を作ります

  1. Photoshopで適当な大きさ(640X480ピクセルくらい)の画像を新規に作ってください。
  2. 背景を適当な色で塗りつぶしてください。
  3. 新規にレイヤーを3枚ほど作って、それぞれに落書きをしてください。
  4. 作った画像をファイルに保存してください。

タイムシートの新規作成

  1. AnimeStudioを起動してください。
  2. ファイルメニューの[新規...]を選択するか、スタートアップウィンドウの[新規ウィンドウ...]をクリックしてください。
  3. ダイアログで[タイムシート]を選択し、画像のサイズを入力してください。
  4. [OK]ボタンを押すと、タイムシートウィンドウが現れます。

背景を読み込む

  1. [新規レイヤーを読み込む...]ボタンを押してください。
  2. ファイル選択ダイアログでPhotoshopで保存したファイルを指定して[開く]ボタンを押してください。
  3. 指定したファイルはウィンドウ左下のレイヤーリストに表示され、右側のシートに縦一列が追加されます。
  4. シートに追加された列の一番上のコマをクリックして選択してください。

    [セル]パレットが表示されていれば、パレットにファイルとそのレイヤーのリストが表示されます。
    [セル]パレットが表示されていないときは、ウィンドウメニューの[セル]で表示できます。
  5. キーボードから数字の[1]を入力してください。(入力が仮名漢字変換モードになっている場合は、半角英字入力に切り替えておいてください)
  6. [Enter](または[return])キーを押してください。

    [セル]パレットで背景のレイヤーが選択されます。

動画を読み込む

  1. 再度[新規レイヤーを読み込む...]ボタンを押してください。
  2. 背景と同じようにPhotoshopで保存したファイルをもう一度開いてください。
  3. レイヤーリストに行が追加され、右側のシートに新たに縦一列が追加されます。
  4. 新たに追加された2番目の列を上から3コマほどマウスドラッグで選択してください。
  5. キーボードから数字の[2]を入力して、今度は下矢印[↓]キーを押してください。選択範囲が下に移動します。
  6. 続けて数字の[3]、下矢印[↓]、数字の[4]、最後に[Enter]([return])キーを押してください。

    [セル]パレットでは4番目のレイヤーが選択されています。

プレビューの表示

  1. [プレビュー...]ボタンを押してください。
  2. プレビューウィンドウが表示されて、背景と4番目のレイヤーが表示されています。
  3. プレビューウィンドウ上部のプレイボタンを押してください。
  4. 少し間をおいて、レイヤーが2〜4に切り替わるアニメーションが見られます。

ムービーの作成

  1. プレビューを確認したらプレビューウィンドウを閉じてタイムシートウィンドウに戻ってください。
  2. ウィンドウ左上の[作成...]ボタンを押してください。
  3. 適当な名前を付けて保存のボタンを押すとムービーの圧縮方法を選ぶダイアログが出ます。 (MicrosoftRLEなど一部使用できない圧縮があります。)
  4. 圧縮方法を選択すると、作成の進行を表示するダイアログが現れます。できあがりまでしばらく待ってください。
  5. 作成が終われば作成中のダイアログが消えます。
  6. 出来上がったムービーファイルをダブルクリックして実行してみましょう。

※この例では秒8コマの動画を[24フレーム/秒]のタイムシートで3コマ打ちで作りましたが、 WindowsでAVIを作成する場合はタイムシートのフレームレートを動画に合わせて[8フレーム/秒]にして1コマ打ちで作成した方がデータが小さくなり再生がスムーズになります。

PAGE TOP