【Scratch】GIFアニメを読み込めばコスチュームに分解されるので簡単にアニメーションができるよ

GIFアニメ

Scratchで新しいスプライトを作るときにGIFアニメを読み込むと、コスチュームに分解されて読み込まれます。アニメーションする画像の作成は大変だけど、GIFアニメのフリー素材は探せば色々あるので、これを活用すれば他の人と違った作品が作れますね

GIFアニメを使うにあたって、気をつけないといけない点があるので説明します

スポンサーリンク
Google336 記事下

1コマ目の透過が無効になる

透過GIFのGIFアニメの場合、なぜか1コマ目の透過が無効になり背景が白くなります。透過じゃないGIFアニメなら問題ありません

GIFアニメ

透過を生かしたい場合は、Photoshopなどで開いて1コマ目に捨てていいコマを入れてGIFアニメを保存しなおします。これをScratchで読み込んで1コマ目を削除すればOKです。ちょっと面倒ですけど

Photoshopだとタイムラインウィンドウを開いてはじめに1コマ追加します。今回は1、2コマ目を同じ絵にしてみました

GIFアニメ

Photoshopなんて持ってないよーという場合は、こういうWebサービスもあります

Complete solution for creating and editing animated GIF and APNG images: split, combine, animate static image, animate text and other

このWebサービスはフレームを1つだけ追加することができないみたいなので、同じアニメGIFを2回読み込んで、いらないフレームを使わないようにして出力しました

GIFアニメ

完成したGIFアニメをScratchで読み込んでから1コマ目を削除

GIFアニメ

これでバッチリ

GIFアニメ

480×360ピクセル以上の画像が切り取られる

読みこんだGIFアニメは800×800ピクセルなので、ステージからはみ出ています

GIFアニメ

ステージに読み込んですぐに縮小すれば、一応問題なく使えますが・・・

GIFアニメ

いったんコスチュームを選んで編集してしまうと、画像が拡大されてはみ出た部分が削除されます。透過にしたい場合は1コマ目を削除したいので、コスチュームを編集しないわけにはいかない・・・

GIFアニメ

GIFアニメ

なので、GIFアニメはあらかじめ480×360ピクセルに収まるように縮小してから読み込むようにしましょう。360×360ピクセルに縮小してから読み込みました。いい感じです

GIFアニメ

GIFアニメはこちら↓の素材を利用させていただきました。かわいいイラストがいっぱいあるので、いろいろ活用できそうです

●動くアイコン(GIF animation) – マップラボ-地図アイコンを無料ダウンロード maplab
おどるペンギン(GIFアニメ)のイラスト | ゆるい無料イラスト素材屋「ぴよたそ」

関連コンテンツ
ブログランキング
  • にほんブログ村 教育ブログ プログラミング教育へ
  • にほんブログ村 子育てブログ 子供の習い事(教室・業者)へ

  • スポンサーリンク
    Google336 記事下
    Google336 記事下

    シェアする

    • このエントリーをはてなブックマークに追加

    フォローする

    コメント

    1. kazu より:

      初めまして。
      Scratchでgifアニメを読み込ませるのが、参考になりました。
      逆の方法(例えば、Scratchで作成したアニメをgifで保存)も出来ますか?

      • inafuku より:

        初めまして。コメントありがとうございます
        ScratchからアニメGIFを出力するのは無理っぽいです

    トップへ戻る