理想の私が死んでいく

適応障害で休職→復帰しました。悩みつつ楽しく生きる雑記ブログ。

【動く画像】はてなブログやTwitterのアクセントに!スマホアプリ「GIFトースター」で作る!GIF画像の作り方と使い方をまとめました

どうも、ひつじ田メイ子(@hitizidameiko39)です!

 

今回の記事は、

GIF画像をSNSやブログのアクセントとして使ってみよう!

というお話です(о´∀`о)

 

みなさんは、写真や動画をどのくらい撮りますか?

 

Twitterやブログで撮った写真を載せている人は多いのではと思います。

 

もっと自分の表現物を印象的に魅せたいなぁ・・・

そう思ったことないですか?

 

私はよくあります(笑)

 

写真を文字やデザインで加工することが多いと思いますが、画像が動かせたらもっと楽しいと思いませんか??

 

たとえば、夕焼けが綺麗だと思った時。

鳥が空を横切っていく瞬間が切り取れたらより情緒が伝わります。

 

美味しいものを食べた時。

柔らかいものが滴る感じが見ることができれば、写真より胃にダイレクトに伝わらないでしょうか?

 

f:id:hituzidameiko:20171029202604g:plain

 

動きがあるものの方が情報量が格段に上がるのです!!

 

数年前までは写真を撮って加工して楽しむことは、少しハードルが高い趣味だったように思います。

 

それがスマホの普及と、TwitterFacebook、インスタグラムの登場で爆発的に写真を撮ることがライフスタイルの一部になりました。

 

今はさらに動画編集を手軽に楽しめるSNSの流行が来ているなと思います(*´ω`*)

 

 ▼CCHANNELはトレンドとかメイクの勉強になって良いです 

C CHANNEL(シーチャンネル)

C CHANNEL(シーチャンネル)

  • C CHANNEL CORPORATION
  • 写真/ビデオ
  • 無料

 

ただ、文字が主体のブログ界隈では、まだまだ動きのある画像は一般的で無いような気がします。

 

そんなわけで。

動きのある画像を簡単に作る方法をみんなに紹介したい!

と思い立ちこの記事を作成しました!!

 

では、これからGIF画像の簡単レシピを紹介していきますね(/・ω・)/♡

 

f:id:hituzidameiko:20171101203520g:plain

 

この記事のポイント

  • 全然分からない人にも分かるように細かく説明したよ!なのでめちゃ長い!!
  • 興味があるとこだけ目次で飛んでもOK!
  • この記事ではなるべくアプリのみGIF作成できる方法を紹介してるよ!
  • でもPCがあればもっと効率アップすると思います(*´꒳`*)
  • この記事はGIFと画像を大量に使っているので容量を喰います!要注意!

では、どうぞ!!

  • この記事のポイント
  • アプリ「GIFトースター」で簡単にGIF画像を作ろう
  • GIF画像の作り方
  • 基本編 動画をGIFに変換する
    • STEP1:元素材を用意
    • STEP2:GIFトースターで編集する
      • ▽起動→目的の動画をタップ!
      • ▽基本機能の確認
      • ▽再生ボタンの説明
      • ▽フィルター
      • ▽編集が完了したら
      • ▽完成サイズを選択しよう
  • 応用編 簡単なアニメーションを作る
    • STEP1:元素材を用意
      • ▽好きなテンプレートを選ぶ
      •  ▽テンプレを選んだらデザインしていく
      • ▽おおよその完成イメージを作る
      • ▽パラパラ漫画にするために複製します
      • ▽赤枠をタップすると何枚も複製できます
      • ▽①~⑩のように風船を少し上へずらす→複製を繰り返します
      • ▽画像を保存
    • STEP2:GIFトースターで編集
      • ▽中央の青い▼を押して画像を動かしたい順に選択
  • スマホからGIF画像をTwitterへアップロードする時の注意点
  • スマホからGIF画像をはてなブログへアップロードする時の注意点
  • GIF画像の4つのメリット
    • 1 手軽に動きのあるものがアップできる!
    • 2 読み手にクリックしてもらわなくても自動で動く
    • 3 他の人と差別化ができる
    •  4 簡単なアニメーションもスマホで作れる
  • GIFのデメリット
    • 静止画像(JPG/PNG)と比べると動作が重くなりがち
  • GIFの画質をなるべく保ったまま圧縮する方法
  • まとめ    
続きを読む