PhotoshopもいらないGIFアニメーションの作り方[ブログを飾ろう!]

box

前回のブログで、Photoshopを使ってのGIFアニメーションの作り方をご紹介しましたが、Photoshopなんて持ってない!という方も多いと思います。

 

そんな人には朗報かもしれない、GIFアニメーションの作り方。

 

自由度は低いけれど、とにかく簡単に作れてしまうので、自作のGIFをブログに貼っても面白いと思う。

 

因みに、htmlの編集ができる環境のみ。私は、Wordpressを使っています。

広告

解説動画も作ってみた。

1. GIFアニメーション専用のウェブサイトGIPHYを使う

このウェブサイトを使って、GIFアニメーションを簡単に作る。

 

ウェブサイトのリンクはこちら: https://giphy.com/

 

用意するものは、

・使いたい画像や動画

・文字

 

たったこれだけ。

 

 

登録をしなくても作れるけれど、いくつか作る予定があるなら、会員登録をして自分専用のページを作ると良い。

始めに、”Create”を選択。

2. ウェブサイトに画像か動画をアップロード

使いたい画像をそのままアップロードもできるし、YouTubeなどからリンクを貼って作ることもできる。

 

動画をアップロードするときは、15分以内のものしか使えない。

 

画面上でどの部分を使いたいか、何秒のアニメーションにするか設定することが可能。

 

”CHOOSE PHOTO OR GIF”をクリック。

使いたい素材をウェブ上にアップロード。

3. 使いたい文字を入れる

使いたい文字を、枠の中にタイピングする。

 

すぐ下に、装飾も選べる部分があるので、好きなものを選択。

4. フィルターもかけられる

フィルターのボタンを押すと、いろいろなフィルターが選ぶことができる。

 

フィルターだけではなく、スタンプツールなども充実していて、結構楽しめる。

ステッカーもクリックするだけで追加できて、私好みの怪しいものも多い。

5. デザインが決まったらアップロード

ここまでGIFアニメーションの作り方は終了。気に入ったものができたらそのままアップロード。

 

“Upload GIPHY”をクリック。

6. アップロードが終わったら、リンクを取得

GIFアニメーションのアップロードが終了したら、このような画面になる。

 

この時点でブログに貼る用のhtmlリンクを作成する。

 

htmlコードを生成したいので、“Embed”をクリック。

生成されたコードをコピーする。”Responsive”をオンにするかオフにするかはお好みで。

7. htmlリンクをブログに貼るだけ

あとは、それぞれの方法でhtmlコードを埋め込むのみ!!

 

先ほどGIFアニメーションのウェブサイトで作ったばかりのリンクを、そのままブログに貼ることができる。

サイト名が入ってしまうけれど、邪魔なら消してしまうことも可能。

 

コードの中に含まれているvia GIPHYを消すだけ。といっても、利用規約の中に、

 

Credit the Community: People work hard to make their GIFs, and we want to make sure they get their proper dues. Help us support the community by using GIPHY’s share tools to make sure that the original creator is getting credit for the work.”

 

 

という内容があるので、他の人の作ったGIFを貼るときは、クレジットを残しておくべきかと思います。

めちゃくちゃ簡単なので、オリジナルのGIFアニメーションを作ってみては?

 

背景を白くもできるんですが、下の方が切れてしまうエラーが出てしますので、FIrefoxでも試してみたけど、改善されず、ウェブサイト側の問題かもしれません。

 

多少問題はあるものの、簡単に楽しく作れるので、一度作ってみては?

 

 

それでは皆さん良い旅を!!

ブログ関係記事

広告

Ai
  • Ai
  • 【構成要素】

    旅と写真とブログでできている。

     JICAの青年海外協力隊として、東アフリカのタンザニアに行ったのが最初の海外生活。

      東南アジア、北米・中米など一人旅して、今はメキシコのオアハカに滞在中。スペイン語習ったり、写真撮りに行ったり。

     フォトストックサイトで写真を販売したり、翻訳やライターのお仕事もしつつノマドっぽいことしてます。

    【今後の展望】

    ・メキシコ移住実現

    ・オアハカのアートを探る旅

    ・南米を旅する

    アート好きな方や、写真撮ってる方、ブロガーの人などと繋がりたいです。
    お気軽にツイッターかFBでメッセージ下さい。