パラパラ工房のご案内に戻る

パラパラ工房の使い方

画像を並べて、切り替わる速さや音楽を調整します。まずは2枚の画像で試してみてください。音楽なしでも作れます。

画面の見方

プレビュー
再生して、画像の順番と動きを確認します。
タイムライン
画像を並べ、表示時間と画像の間の切り替えを決めます。
編集設定
映像サイズ、音楽、保存形式を選びます。
左にプレビュー、右に編集設定、下に4枚の猫剣士を並べたタイムラインがある編集画面
画像を追加した後の画面。狭い画面では、編集設定とタイムラインが下に並びます。 画像を拡大

1. 画像を追加して並べる

  1. 「画像を追加」で画像を選びます。ファイルをタイムラインへ直接ドロップしても追加できます。
  2. 画像のカードをドラッグして、見せたい順番に並べます。「前」「後」ボタンでも動かせます。
  3. 「全画像の表示時間(秒)」で、1枚あたりの秒数を揃えます。1枚だけ変えるときは、カードの「この画像の表示時間(秒)」を使います。
画像カードの表示時間、画像の間の切り替えボタン、全画像の表示時間を指定するタイムライン
カードを押すと、その画像をプレビューに表示します。画像の間のボタンから切り替えを選べます。 画像を拡大

画像だけ変えたいときは「差し替え」。順番や表示時間、切り替えの設定はそのまま残ります。

2. 画像の間の切り替えを選ぶ

  1. タイムラインで、変えたい画像の間にある「切り替え」を押します。
  2. スライドやフェードなど、動く見本から効果を選びます。
  3. 方向と「持続時間(秒)」を指定し、「この切り替えに適用」を押します。

たとえば、1枚目から2枚目はスライド、2枚目から3枚目はスプリットにできます。

動きを付けずに次の画像へ進める場合は「効果なし」を選びます。

切り替えに使う時間は、画像の表示時間に含まれます。表示時間より長くはなりません。タイムラインの「接続 ○秒」で確認できます。

切り替えの設定でスライドを選び、方向と持続時間を指定する画面
見本を選んだら、下の「この切り替えに適用」で決定します。 画像を拡大

複数の画像をまとめて変える

「画像設定」の対象を「すべての画像」にすると、切り替えと表示時間をまとめて指定できます。

一部の画像だけ変える場合は、タイムラインの「選択」にチェックを付け、対象を「選択した画像」にします。

切り替えの種類・方向・接続時間を変更すると、選んだ画像に反映されます。

画像設定のすべての画像・選択した画像ボタンと、表示時間・切り替え・接続時間の入力欄
各画像から次の画像へ進むときの切り替えをまとめて変えます。 画像を拡大

3. 映像サイズと余白を決める

「映像サイズと余白」の幅と高さで、作品の縦横サイズを決めます。画像と同じサイズにしたいときは、その画像を表示して「表示中の画像に合わせる」を押します。

  • 全体を表示:画像を切らずに収めます。空いた部分には余白が付きます。
  • 枠いっぱい:余白が出ないように広げます。はみ出した端は切れます。
  • 引き伸ばす:枠に合わせて縦横の比率を変えます。

余白には色を付けるか、「透明にする」を選べます。切り替えの途中も再生して確認してください。

映像の幅と高さ、画像に合わせるボタン、3種類の表示方法の見本と余白の色
3つの見本は、同じ画像が枠の中でどう見えるかを表しています。 画像を拡大

4. 音楽を選んで、使う部分を決める

  1. 「音楽」でサンプル曲を選ぶか、「MP3を選ぶ」で自分の曲を読み込みます。MP3は10MBまでです。
  2. 「開始」「終了」のバーを動かし、使いたい部分を選びます。横の秒数でも調整できます。
  3. 「選択区間を試聴」で、その部分だけを聴いて確認します。再生位置は波形の上を動く線と秒数で分かります。
  4. 「作品の音量」を調整し、プレビューの「再生」で映像と一緒に確認します。

曲を選ぶ前に聴き比べたいときは「サンプル曲を試聴」を使います。ここで聴いても、作品の音楽は変わりません。

曲を繰り返す・音を少しずつ変える

選んだ部分を繰り返すなら「選択区間をリピート」をオンにします。オフでは、区間が終わると無音になります。

フェードインは音が徐々に大きくなる、フェードアウトは徐々に小さくなる効果です。効果を確かめるときは、映像プレビューで再生します。

音楽の波形と選択区間、開始・終了のバー、秒数入力、選択区間を試聴するボタン
波形で使う部分を選び、開始・終了のバーと秒数で微調整します。 画像を拡大
音量・リピート・フェードの設定を見る

動画や音楽区間より長いフェードは、使える長さまで短くなります。欄の下の「実際に適用」で秒数を確認できます。

フェードインとアウトが重なると、設定した音量まで上がらないことがあります。音を十分に聞かせたい場合は、フェードの秒数を短くしてください。

作品の音量、音楽区間、フェードイン・フェードアウト、選択区間をリピートする設定
試聴の音量と、作品に付ける音楽の音量は別々に調整できます。 画像を拡大

4曲のサンプル曲の著作権はpctrouble.helpに帰属します。動画に組み込んで公開・商用利用できます。自分で用意する画像や音楽は、利用できる権利のあるものをお使いください。

5. 動画・アニメを保存する

動画の大きさと画質を選ぶ

MP4・WebMは「動画設定」で解像度・画質・フレームレートを選べます。幅と高さを直接入力することもできます。

まずは「映像サイズと同じ」「標準」で試し、用途に合わせて変えてください。ここで変えた動画サイズは、GIFなどの画像出力や編集プレビューのサイズには影響しません。

動画設定の解像度、動画の幅と高さ、画質、フレームレート
横長・縦長・正方形の解像度を選べます。 画像を拡大

保存形式を選ぶ

  • MP4・WebM:音楽付きの動画に。MP4が選べない環境ではWebMを使います。
  • GIF:短いループアニメに。半透明の部分は、透明か不透明になります。
  • APNG:半透明を残したいアニメ画像に。
  • SVG:画像を順に切り替えるSVGアニメに。
  • SNS用GIF:長辺1280px以下のGIFを保存します。保存したファイルを投稿先で添付してください。

音楽を付けられるのはMP4・WebMです。迷ったときは、各形式の「ⓘ」で特徴を確認できます。

動画の書き出しが終わるまでは、アプリのタブを表示したままにしてください。「中止」を押すと編集に戻れます。

MP4・WebM・GIF・APNG・SVG・SNS用GIFの保存ボタンと、それぞれの説明を開くⓘ
再編集用の「作品を保存」とは別の保存ボタンです。 画像を拡大

6. 続きから編集できるように保存する

  1. 上部の「作品を保存」で、作品ファイル(.json)を保存します。
  2. 続きから編集するときは「作品を読み込む」で、そのファイルを選びます。
画面上部の作品を読み込むボタン、保存済みの表示、作品を保存ボタン
動画やGIFだけでは、元の画像ごとの時間や音楽の設定を編集し直せません。作品ファイルも残しておきましょう。 画像を拡大

「未保存の変更あり」は、最後に保存した後で編集した印です。作業の区切りで「作品を保存」を押してください。保存前にページを閉じようとすると確認が出ますが、確認が出ない場合もあるため、こまめな保存をおすすめします。

旧版の作品を新版で開くときは、元のファイルを残し、内容を確認してから別名で保存してください。旧バージョンも引き続き使えます。

困ったとき

画像出力の上限が表示される
映像サイズや画像の枚数を減らしてください。サイズ変更のボタンが出たら、そのボタンでも小さくできます。動画でよければMP4・WebMを選ぶ方法もあります。
画像や作品を読み込めない
画像がほかのアプリで開けるか、作品を保存したファイルを選んでいるか確認してください。画面にエラーが出ている場合は、その案内に沿って選び直します。
動画が中止された・動きがなめらかでない
ほかの重い処理を止め、アプリのタブを表示したまま、もう一度書き出してください。解像度を小さくして試すこともできます。
小さい画像の細かな色がWebMでにじむ
「動画の拡大倍率」を上げると、にじみが目立ちにくくなる場合があります。画像の色や半透明を優先する場合はAPNGも試してください。
保存したMP4に透明な背景がない・大きさが1px違う
MP4では透明部分が「余白の色」になります。また、幅や高さが奇数のときは、右端や下端に1pxの余白が付きます。