東京のホームページ制作会社・web制作会社
株式会社シンシエイト

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アニメ、いろいろと使い所がありあそうですね。

三上 龍志
この記事を書いた人
三上 龍志
株式会社シンシエイト代表。青学中退(尾崎豊ではない)から16年間IT・web一筋。学生起業時から潰した事業は数知れず。「人生を面白く」がテーマ!一人旅 / 筋トレ / Nuno Bettencourt / 千里眼 / 二娘 / 白髪
関連する記事
CSS3とHTML5のブラウザバージョン対応を一括チェックする便利ツール
ウェブサービス・アプリケーション
タスク管理アプリ「Producteev」のメンバー運用の基本マニュアル
ウェブサービス・アプリケーション
タスク・スケジュール管理の決定版!三種の神器アプリと絶対漏れない運用方法を大公開!
ウェブサービス・アプリケーション
5人以上のメンバーでタスク管理をするなら無料アプリの「Producteev」がオススメ!
ウェブサービス・アプリケーション
タスク管理アプリ「Producteev」のメンバー初期設定
ウェブサービス・アプリケーション
大量の重い画像や動画ファイルを送れる「firestorage」
ウェブサービス・アプリケーション
SimilarWebの信憑性を徹底検証。10万PVの自社メディアのGAデータと比較してみました。
ウェブサービス・アプリケーション
【mac】keynoteで縦書きテキストは出来ないことが判明!
ウェブサービス・アプリケーション
タスク管理アプリ「Producteev」のマネージャー運用の基本マニュアル
ウェブサービス・アプリケーション
NO IMAGE
【超簡単】Font Awesomeでアイコンを表示させる方法
ウェブサービス・アプリケーション
株式会社シンシエイト ブログ ウェブサービス・アプリケーション iPhoneの無料アプリ「ImgPlay」でGIFアニメを作ってみた

web制作とマーケティングで
貴社の経営課題を解決します

web制作でのブランディングや、コンテンツマーケティング・SEO・ネット広告を中心としたウェブマーケティングを通じて、企業の事業を加速させるご提案をしています。

お電話でのお問い合わせはこちら

現在リモートワーク推進中のため、お電話が繋がりにくくなっております。
受付時間は平日10:00〜18:00です。セールス目的のお電話はご遠慮ください。