iPhoneの無料アプリ「ImgPlay」でGIFアニメを作ってみた

iPhoneアプリでGIFアニメ作成

GIFアニメをiPhoneで作れるアプリがありました!その名も「ImgPlay」。基本は無料で画像内の透かし(ロゴ)を消すのに240円!(安)動画をそのままアニメーションGIFに変換することも出来たり、複数の画像からGIFアニメにすることもできます。

App StoreからImgPlayアプリをダウンロードしてみた

まずはApp Storeで「ImgPlay」で検索してダウンロードします。

ImgPlayのチュートリアル画面

アプリを開くとチュートリアルが始まります。

動画からGIFアニメを作ってみた

1. 動画を選択する

動画選択画面
画面上部にある「ビデオ」の部分をタップすると、写真やビデオなどiPhone内にあるファイルを参照することができます。動画からGIFアニメを作る場合はビデオから動画を選択します。

2. 動画を編集する

ImgPlay の動画編集画面

もともと5秒くらいの動画なのですが、画面上部に「60枚のフレーム」と表示されています。つまりこのまま書き出すと60枚の画像で作られますよという感じ。動画からGIFアニメにすると、非常に重いデータになってしまうので、長すぎないように要チェックですね。

画面下にある横にスライドできるバーは、画像切り替えのスピードです。右にスライドすると遅くなり、左にすると早くなります。

3. 編集機能を使ってみる

a. 再生方向

ImgPlayで順再生している画面

画面の一番左下にある「→」マークは、動画の再生方向を変更できる機能です。順再生・逆再生・順再生したあとに逆再生の3つから選択することができます。

その隣のボタンは、再生・停止のボタンです。

b. 文字を入れてみる

画面一番下のメニューより「T」を選択すると、文字を入力することができます。

ImgPlayのフォント選択

  • 文字入力
  • フォント色の設定
  • フォントの種類変更
  • 段落の揃え
  • 文字の外枠

ImgPlayの段落揃え・外枠設定画面

などの機能が盛り込まれていて、この辺は感覚でいけてしまいます。できたら「完了」を押して、画面内の配置場所に移ります。

ImgPlayの文字配置

文字のサイズを変更したり、配置・角度の変更などはここで行います。できたら画面一番下の「↓」をタップして戻ります。

c. 画像の色味を変えてみる

ImgPlayの色味変更画面

画面下のメニュー「T」の隣にある、三つの丸が重なっているのは色彩の調整フィルタです。インスタグラムとかにもあるアレですね。

デフォルトでは全てのフィルタが解放されておらず、facebookにいいね!をすると解放されるようです。

ImgPlayのフィルタロックを解除画面

d. 画像を切り取ってみる

ImgPlayの画像切り取り画面

その隣のメニューは、画像の切り取りです。

ImgPlayの画像切り取り比率画面

希望の比率でも切りとれるので、いい感じのサイズ感にすることも可能です!

4. できた画像をiPhoneに保存する

ImgPlayのGIFアニメ保存画面

全ての編集が終わったら、画面右上の「→」マークから画像の保存に進みます。

と!ここで、作った画像の右下に「imgPlay」という透かしが入っています。こちらは無料版だと透かしが入ってしまうというものです。透かしをなくすにはプレミアム機能の有料版の購入が必要です。

imgPlay Proの購入画面

透かしが入っていてもいい!という場合は、画面内の「保存」からiPhoneに保存することができます。

※ iPhoneの「写真」アプリではGIFアニメは再生されません。(後述します)

画像からGIFアニメを作ってみた

基本的な流れは動画と変わりませんが、動画選択ではなく写真を複数枚選択する事になります。

imgPlayの画像選択画面

画像を何枚か選択します。編集方法は動画と全く同じです。

imgPlayのGIFアニメ編集画面

12枚の画像を選択したので「12枚のフレーム」と表示されています。できたのがこんな感じ。

imgPlayで作ったGIFアニメ

iPhoneアプリでも簡単にGIFアニメが作れちゃいますね!簡単!

しかし、iPhoneだとGIFアニメが再生されない。。

iPhoneの「写真」アプリだとGIFアニメが再生されません。しかし、それでもGIFアニメになっているのでご安心ください。

例えばこのサイトのように、WordPressのサイトにGIFアニメを載せると再生されます。ブラウザ(safari や Chrome、Internet Explorerなど)では問題なく表示されます。(スマホアプリだとアプリ毎で違います。)

iPhoneでどうしても再生したいという場合は、iPhoneでGIFアニメを再生することのできるアプリをダウンロードをするか、もしくは「googleフォト」がオススメです。

iPhoneで撮った写真はgoogleフォトで管理しているのですが、iPhone版のgoogleフォトアプリだと、画面上でGIFアニメが動くし、バックアップも取れます。

GIFアニメ、いろいろと使い所がありあそうですね。

三上 龍志|株式会社シンシエイト
この記事を書いた人
三上 龍志|株式会社シンシエイト
2005年からWeb制作に従事。システム開発ベンチャーでエンジニアとしてWeb開発、Webコンサルティング会社でマーケター・新規事業開発を経て2015年に当社を創業。顧客の成果に顧客よりも本気になることをテーマに、Webを通じて顧客の事業を加速させるために日々奮闘中。
関連する記事
ブラウザのCSS3とHTML5のプロパティ対応チェックツール
CSS3とHTML5のブラウザバージョン対応を一括チェックする便利ツール
ウェブサービス・アプリケーション
keynoteで強制縦書き
【mac】keynoteで縦書きテキストは出来ないことが判明!
ウェブサービス・アプリケーション
NO IMAGE
【超簡単】Font Awesomeでアイコンを表示させる方法
ウェブサービス・アプリケーション
大量の重い画像や動画ファイルを送れる「firestorage」
ウェブサービス・アプリケーション
タスク管理の三種の神器
タスク・スケジュール管理の決定版!三種の神器アプリと絶対漏れない運用方法を大公開!
ウェブサービス・アプリケーション
SimilarWebは信用できる?
SimilarWebの信憑性を徹底検証。10万PVの自社メディアのGAデータと比較してみました。
ウェブサービス・アプリケーション
マーケティングとWeb制作で
貴社の経営課題を解決します

市場調査や競合調査を始め、企業やサービスの優位性を理解した上で、UI/UX設計やコンテンツマーケティング、SEO・ネット広告を中心としたWebマーケティングを通じて、ビジネスを加速させるご提案をしています。