GIF

【5分で完成】スマホで簡単に作れるGIF~初級編~Twitter(ツイッター)に投稿してみようもじゃ!

【5分で完成】スマホで簡単に作れるGIF~初級編~Twitter(ツイッター)に投稿してみようもじゃ!

こんにちもじゃもじゃ。
みなさん、GIFって知っているもじゃか?
Twitterとかでよく見かけたりすると思うもじゃ。
例えば、このようなものがあるもじゃよ。
【5分で完成】スマホで簡単に作れるGIF~初級編~Twitter(ツイッター)に投稿してみようもじゃ!
これはスマホで数十秒で作成することができたGIFもじゃ。
もちろん、絵を描く時間を含めるともう少し長い時間が必要になるもじゃよね。
そのため、今回はフリー画像を拾ってきてGIFを作る、
しかもスマホで5分で作れるという紹介をするもじゃよ。

闇もじゃめ
闇もじゃめ
難しいと思っている人も多いみたいもじゃ…
もじゃめ
もじゃめ
実はスマホで簡単に作れるもじゃよ!

GIFとは

GIFとは、「Graphics Interchange Format」の
頭文字をとって付けられた名称のことを指し、
画像ファイルフォーマット」の種類の一つもじゃ。
正式な読み方は「ジフ」もじゃよ。
動いているGIF画像もじゃけど、
GIF画像には「GIFアニメーション」という機能があるもじゃ。
複数の画像を一つにまとめることで、パラパラマンガのようなアニメーションもじゃね。
形式上は画像だけど、動画のように見えるもじゃね。

闇もじゃめ
闇もじゃめ
イメージが大事もじゃ…
もじゃめ
もじゃめ
少しずつズラスだけでも作れるもじゃよ!

スマホアプリを入れよう

今回はスマホで5分で作成すると謳ったので、まずはアプリをインストールしようもじゃ。
大きくわけて、「GIF作成アプリ」と「画像編集アプリ」の2つが必要もじゃよ。

闇もじゃめ
闇もじゃめ
好きなの使ってもじゃ…
もじゃめ
もじゃめ
もじゃがいつも使っているやつの紹介もじゃよ。

今回紹介するアプリ以外にも、普段からお使いの画像編集アプリがあれば、
そちらでも構いませんもじゃ。

もじゃめ
もじゃめ
GIF作成アプリはこちらもじゃ!

App名: GIFトースター (GIF生成)、デベロッパ: AppMadang

もじゃめ
もじゃめ
画像編集(合成)はこちらもじゃ!

App名: 合成写真 PhotoLayers、デベロッパ: handyCloset Inc.
基本的には、この2つのアプリがあればGIFは簡単に作成できるもじゃね。
文字を入れてり、もっと工夫したいというのであれば、
他の画像編集アプリが必要になってくるもじゃね。
まずは、この2つのアプリだけ使ってGIFを作ってみようもじゃ。

闇もじゃめ
闇もじゃめ
簡単なのにしてもじゃ…
もじゃめ
もじゃめ
超シンプルなやつを一緒につくろうもじゃ!

GIF作成~いざ実践~もじゃ

さて、さっそくインストールしたアプリを使って簡単なGIFを作っていくもじゃよ。
今回作成するGIFはこちらもじゃ。
GIF作成~いざ実践~もじゃ
非常にシンプルなGIFだけど、基本さえ押さえればなんでもできるもじゃよ。
超初級編だから、使う画像を編集せず、コマ撮りするだけでGIF作るもじゃよ。

闇もじゃめ
闇もじゃめ
三つ葉がくるくる回ってるもじゃ…
もじゃめ
もじゃめ
たった数枚の画像で作れるもじゃよ!

ということで、このGIFに使ったフリー画像を添付しておくもじゃね。
まず、背景として使ったのはこの画像もじゃ。
GIF作成~いざ実践~もじゃ背景は正直なんでもいいもじゃよ。
今回動かす画像が「黒」なので、背景は黒でないやつなら問題ないもじゃ。
一応、使ったやつを貼っておくもじゃよ。

闇もじゃめ
闇もじゃめ
簡単だといいもじゃ…
もじゃめ
もじゃめ
びっくりするほど簡単もじゃよ!

次は、三つ葉の画像をおいておくもじゃね。
GIF作成~いざ実践~もじゃこの2枚だけで、作ってみようもじゃ。
作業はほんと数分で終わるもじゃよ。

合成写真 PhotoLayersを使ってみようもじゃ

さて、まずは「合成写真 PhotoLayers」を使ってGIFで使う画像を作成するもじゃよ。
合成写真 PhotoLayersを使ってみようもじゃアプリを開くと、このような画面が出てくるもじゃね。
今はなにも画像を追加していないから、まっさらな状態のはずもじゃよ。
ここから、背景を選び、動かしたい画像を追加していく作業になるもじゃよ。
それでは、「背景画像」を押してみようもじゃ。

闇もじゃめ
闇もじゃめ
好きな背景使ってもじゃ…

合成写真 PhotoLayersを使ってみようもじゃ押すと、「アルバム」または「最近使った写真」を選択する画面がでてくるもじゃね。
アルバムを押して、先ほど紹介した画像かお好きな画像を背景にしようもじゃ。
選択したら、下記のようになるもじゃね。
合成写真 PhotoLayersを使ってみようもじゃ今回は特にいじらずに「フリー」でいいと思うもじゃよ。
慣れてきたら、背景のサイズを色々と変えて楽しんでみてくださいもじゃ。
ということで、右上にある「完了」を押してもじゃ。
そうすると、次のようになるもじゃね。
合成写真 PhotoLayersを使ってみようもじゃ当初なにもなかった画面に、先ほど選択した背景が表示されているはずもじゃ。
自分で背景を選んだ人も、しっかりと表示されていると思うもじゃよ。
この背景の上に画像を追加していくもじゃ。
それでは、上部にある「画像を追加」を押してみようもじゃ。
合成写真 PhotoLayersを使ってみようもじゃそうすると、背景画像を選んだ時のように、「画像を追加」でも
「アルバム」または「最近使った写真」を選択するようになるもじゃね。
それでは、「アルバム」を開き、三つ葉を選択するもじゃよ。
合成写真 PhotoLayersを使ってみようもじゃそうすると、このように背景の上に三つ葉が登場するもじゃね。
これがコマ撮りの1枚目の画像となるもじゃ。
これをアルバムに保存するもじゃよ。

闇もじゃめ
闇もじゃめ
アプリの使い方も簡単そうもじゃ…
もじゃめ
もじゃめ
無料版は間に広告入るけどね!

合成写真 PhotoLayersを使ってみようもじゃ上部にある「保存」を押すと、
「保存(PNG、透明)」または「保存(JPEG、白色)」を選択できるもじゃ。
用途によって保存の使い分けができるもじゃね。
今回は特になにも考えず「保存(PNG、透明)」を選択してGIFを作成したもじゃよ。
さて、次のコマ撮り画像を準備するもじゃ。
合成写真 PhotoLayersを使ってみようもじゃ三つ葉をタップすると、このように表示されると思うもじゃ。
サイズを変更したり、画像を回転させたりすることができるもじゃね。
今回は、ただ回転させる様子のGIFを作成するもじゃから、
ピンク色の回転ボタンを押して、少し左側に動かすもじゃよ。
そうして、少しずつ動かしたものを「保存」していこうもじゃ。
一周するのに、数枚の作業で済むと思うもじゃよ。
(今回三つ葉なため、1周せずとも1枚目の画像となるため、そこで終了させた)

闇もじゃめ
闇もじゃめ
動かすところ、ここ大事そうもじゃ…
もじゃめ
もじゃめ
GIF作りの99%はここにかかっているもじゃ!

GIFトースター (GIF生成)

さて、それでは何枚か画像を準備したと思いますので、
さっそくGIFトースターを使って作成してみるもじゃよ。
アプリを開くと、このようになるはずもじゃ。
GIFトースター (GIF生成)今回は画像からGIFを作成するので、上部で「画像>GIF」を選択するもじゃ。
そうすると、先ほど動かしながら保存した画像が表示されるもじゃね。
その保存した画像を、動かしたい順番で選択していくもじゃよ。
GIFトースター (GIF生成)選択して上部右上の「→」を押すとこの画面がでてくると思うもじゃ。
下部をみて欲しいもじゃけど、「PREVIEW」と「1.0x」があるもじゃね。
「1.0x」は、GIFの速さ、つまり、画像と画像が入れ替わるスピードもじゃよ。
無料版だと10.0xまでしか選べないもじゃけど、十分もじゃよ。
GIFトースター (GIF生成)そして10.0xに変更した後、また上部右上の「→」を押すもじゃよ。
本当は「PREVIEW」で確認してから、
スピードは問題ない、動きミスはないかを確認するもじゃよ。
自分で色々と作成するときには、保存する前に「PREVIEW」で確認してから
「→」を押して先に進んでもじゃよ。

闇もじゃめ
闇もじゃめ
何事も確認は大事もじゃね…
もじゃめ
もじゃめ
自分で作るときは、確認してもじゃ!

先に進むと、保存するサイズの選択画面がでてくるもじゃね。
無料版で選べるのは限られているもじゃよ。
今回は「1/3」サイズでもじゃは保存したもじゃよ。
これで、写真フォルダに完成したGIFが保存されたと思うもじゃよ。

さいごに

これくらいの作業であれば、アプリの使い方を知っていると5分かからずに
GIFを作成することができるもじゃね。
まずは、頭の中でイメージし、どうやったら動いてみえるのかな…と
考えてみるといいもじゃね。

これは非常に食いつきがよかったもじゃよ。
Twitterで色々と投稿しているので(たまにね)、
もじゃさんつくったよー!と気軽に絡んできてくださいもじゃ。

【超簡単】誰でもできる「WordPressでGIF画像をブログの記事に埋め込む方法」について徹底解説
【超簡単】誰でもできる「WordPressでGIF画像をブログの記事に埋め込む方法」について徹底解説こんにちもじゃもじゃ。 今回は、WordPressでGIF画像を記事内に埋め込む方法についてお話するもじゃよ。 やり方は超簡単もじゃ...
闇もじゃめ
闇もじゃめ
こわくないもじゃよ…気軽に絡んでもじゃ…
もじゃめ
もじゃめ
みんなのGIFを楽しみにしているもじゃよ!
にほんブログ村

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です