カテゴリー別アーカイブ: GIF画像検索サイト

【やはりGIF時代到来】Youtubeが公式に動画をGIF変換する機能を試験的にリリース

【GIF時代再び。】Youtube公式が動画のGIF変換機能を試験的にリリース

original 【GIF時代再び。】Youtube公式が動画のGIF変換機能を試験的にリリース

posted by razokulover to GIFMAGAZINE

「PBS Idea Channel’s」のチャンネル限定で試験的に動画をGIF変換する機能を公開

YoutubeがPBS Idea Channel’sのチャンネル限定で動画をGIFアニメに変換する機能を試験的にリリースした。PBS Idea Channel’sにアクセスした後、任意の動画を選択する。その後の変換手順は以下のとおり

【やはりGIF時代到来】Youtubeが公式に動画をGIF変換する機能を試験的にリリース

1.動画下部の「共有」を選択する。

2.「GIF」を選択する。

3.スライダーを動かし任意の場所を選ぶ※最大6秒間

4.「GIFの作成」を選択し終了

ポイント

・埋込コードが発行されるので、コピーして、ブログ等に貼り付けることができる。
・GIF内の上部、下部に文字を入れることができる。

2014年さらに大きく盛り上がりを見せたGIFアニメ系サービス

gifmagazine&giphy

2014年はGIFアニメが盛上がった。GIFMAGAZINE&GIPHY

2014年はGIFの年であった。GIFアニメ作品の投稿・共有・検索サービスのGIFMAGAZINE(ジフマガジン)が、2014年6月にFacebook、TwitterでGIFアニメを動いたまま投稿可能にし、GIFの検索エンジンGIPHYの盛り上がり、Twitter公式のGIF対応(MP4に変換して投稿)、pixivのうごイラ、そして年末最後にYoutubeが動画のGIF変換機能を試験的に開始した。

2011年スマートフォンの普及を期に「gif」の検索ボリュームはV字回復か

Googleトレンドによる「gif」の検索ボリューム

「gif」の検索ボリューム推移(2004年~2014年) 出典:Googleトレンド 2014年12月12日16:00時点

モバイルコンテンツの閲覧環境は、トイレでの1分間や、移動中の1分間など、わんこそばのようにぶつ切りでやってくる。また、PCのように通信環境が常に良いとは限らない。その環境下において、GIFアニメは長すぎると重くなりストレスとなる欠点はある。しかし、記事中に差し込こむなど、1秒〜2秒の短時間で用いる場合は、短編、ループ、クリックレスというGIFの3つの性質がうまく効いてくるのではないだろうか。モバイルのコンテンツ閲覧において文を読みながら、タップせずに動くコンテンツ(GIF)が展開されるので、非常にシームレスでストレスの無い閲覧体験になる。スマートフォンの普及が1987年に作られた”GIF”を再復興させている理由なのではないだろうか。2015年もモバイルデバイスの進化と共に、GIFアニメに期待である。

【関連リンク】
PBS Idea Channel:https://www.youtube.com/channel/UC3LqW4ijMoENQ2Wv17ZrFJA
GIPHY:http://giphy.com/
GIFMAGAZINE:http://gifmagazine.net/

ローディングGIF画像作り方&ダウンロードサイト全力まとめ

ローディングGIF画像作り方&商用ダウンロード&jQuery実装記事まとめ

執筆:Daily GIF89a編集部

ローディングGIF画像作り方&ダウンロードサイト全力まとめ
UXにおいて非常に重要なローディングGIF。ユーザーを待たせたくないものである。本記事はローディングGIF画像がダウンロードしたい方、ローディングGIFアニメを実装したい方、ローディングGIF画像を自作したい方のための記事である。本記事では以下の順にご説明する。筆者自身が実際に触ってみた感想も合わせて記載する。

 

  1. ローディングGIF画像生成サイト5選
  2. ローディングGIF画像の作り方紹介記事
  3. ローディングGIF画像の実装説明サイト
  4. ローディングGIF画像サンプルカタログ

 

1.ローディングGIF画像生成サイト5選

Loader Generator

http://loadergenerator.com/
自分で形、サイズ、速度、色、背景色などを変更しローディングGIFを生成できる。UIも非常にシンプルで、画像生成でもよいのであれば最も使いやすい。商用利用も可能。

ローディングGIF画像作り方&ダウンロードサイト全力まとめ

 

みんなの知識

http://www.benricho.org/loading_images/
スピード・サイズ・人気度から一覧表示されたローディングGIFをダウンロードできる。自作しないならば、商用利用も可能。

ローディングGIF画像作り方&ダウンロードサイト全力まとめ

 

Ajaxload

http://ajaxload.info/
一番目にご紹介したLoader Generatorに比べ自由度は無いが、ワンクリックでローディングGIFを生成できるので非常に簡単。商用利用も可能。

ローディングGIF画像作り方&ダウンロードサイト全力まとめ

 

Load Info

http://www.loadinfo.net/
非常に小さいGIF画像を生成できる。余分なエフェクト等いらない方はこちらを利用してみてはいかがだろうか?。商用利用も可能。

ローディングGIF画像作り方&ダウンロードサイト全力まとめ

 

Preloaders.net

http://preloaders.net/
用意されているGIFが非常にユニークなサイト。変わったローディングGIFを使いたいのであればこちらのサイトがよいだろう。商用利用も可能。

ローディングGIF画像作り方&ダウンロードサイト全力まとめ

 

 

2.ローディングGIF画像の作り方紹介記事

Photoshopで5分、ローディングGIFを自作する簡単な方法【GIFアニメ作り方】

http://gif89a.net/loading-gif/
当メディアでPhotoshopでローディングGIF画像を制作している。作業時間は5分ほど、オリジナルのローディングGIF画像を作成したいのなら一読いただくと良いだろう。

 

 

3.ローディングGIF画像の実装説明サイト

 

画面読込中のグルグルまわるローディング画像を出す。jQuery・javascript

http://blog.livedoor.jp/tacshock-code14/archives/6760786.html
jqueryでローディングGIFを実装している。

 

画像の読込完了まで、ローディング画像を表示する方法

http://allabout.co.jp/gm/gc/431053/2/

html,cssで画像領域の背景にローディングGIFを表示する形で実装をしている。

 

 

4.ローディングGIFサンプル:どんなローディングGIF画像がいいか発想を広げよう。

1

via GIFMAGAZINE

2

via GIFMAGAZINE

3

via GIFMAGAZINE

4

via GIFMAGAZINE

5

via GIFMAGAZINE

6

via GIFMAGAZINE

7

via GIFMAGAZINE

8

via GIFMAGAZINE

9

via GIFMAGAZINE

10

via GIFMAGAZINE

11

via GIFMAGAZINE

12

via GIFMAGAZINE

13

via GIFMAGAZINE

14

via GIFMAGAZINE

15

via GIFMAGAZINE

16

via GIFMAGAZINE

17

via GIFMAGAZINE

18

via GIFMAGAZINE

執筆:Daily GIF89a編集部

 

かわいい&おもしろ猫GIF画像がお好きな方はこちらも合わせてご覧ください。

バカ猫

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト40第一弾

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト40第二弾

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト20第三弾

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト20第四弾

【GIFまとめ】笑えるおもしろGIF画像ベスト20第1弾!!

GIF画像検索サイト2選。[GIFMAGAZINE-&-GIPHY]

GIF画像検索サイト2選。挿絵やブログネタ探しに活用できる。[GIFMAGAZINE & GIPHY]

執筆:Daily GIF89a編集部

GIF画像検索サイト2選。[GIFMAGAZINE-&-GIPHY]

本記事では、YoutubeやVimeoのように、ブログのネタや素材画像として、また、挿絵としてGIFアニメを用いるために、GIF画像を一括検索するサイトを2つご紹介しよう。各サイトで下記の項目を明らかにした。結論として、日本語でも検索するかた。Chromeのエクステンションで簡単にGIF画像を検索してドラッグ&ドロップ等で貼り付け、埋め込みができるのは、GIFMAGAZINEの方が使い勝手がよいと結んでいる。また、海外特有のミーム(顔文字のようなもの)はGIPHYの方が充実している。ユーザーの使用目的によって使い分ける方がよいだろう。両サイト共に、アップロードされたコンテンツが紹介され、クリエイターの作品がより多く露出させるために、埋め込み機能を公開している。

  1. 日本語検索ができるか
  2. GIF画像の検索手順
  3. GIF画像の埋め込み手順

GIFMAGAZINE

1.日本語検索ができるか:◯

GIFMAGAZINEでの日本語タグ、英語タグでの検索が可能だ。

例)おもしろ

via GIFMAGAZINE

 

2.GIF画像の検索手順

1.GIFMAGAZINEにログインし、検索ボックスで任意のタグを検索する。

1GIF画像検索サイト2選。[GIFMAGAZINE-&-GIPHY]

 

2.GIF画像検索ができるChrome拡張機能「Search in a GIFMAGAZINE」をインストールして、検索する。

インストールのURLはコチラ:https://chrome.google.com/webstore/detail/search-in-a-gifmagazine/eophboegjhcgkopdmkibfpcplcjhpemb

コチラのエクステンションの使い方は下記の記事に詳しく説明してあるので合わせてご紹介する。

ブロガー必携!GIFアニメを一瞬で挿絵にできるchrome拡張機能

 

1GIF画像検索サイト2選。[GIFMAGAZINE-&-GIPHY]

 

3.GIF画像の埋め込み手順

1.検索結果の下部に埋め込みHTMLコードがあるので、それをコピーしてブログやワードプレスに貼り付ける。

6GIF画像検索サイト2選。_GIFMAGAZINE___GIPHY_

 

2.GIF画像検索Chrome拡張機能「Search in a GIFMAGAZINE」 で検索した画像をドラッグするか、エクステンション下部の埋め込みコードをコピーして貼り付ける。

1GIF画像検索サイト2選。[GIFMAGAZINE-&-GIPHY]

 

GIPHY

1.日本語検索ができるか:☓

2014年7月30日現在日本語でのタグ検索はできない。

例)funny

 

2.GIF画像の検索手順

1.GIPHYにアクセスし、任意のワードで検索する。

1GIF画像検索サイト2選。[GIFMAGAZINE-&-GIPHY]

 

3.GIF画像の埋め込み手順

 1.「EMBED」を選択し、iframe,mp4などを選択し、HTMLコードをコピーして貼り付ける。

1GIF画像検索サイト2選。[GIFMAGAZINE-&-GIPHY]

 

執筆:Daily GIF89a編集部

 

かわいい&おもしろ猫GIF画像がお好きな方はこちらも合わせてご覧ください。

バカ猫

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト40第一弾

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト40第二弾

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト20第三弾

【ねこGIF特集】かわいい&おもしろ猫GIF画像ベスト20第四弾

【GIFまとめ】笑えるおもしろGIF画像ベスト20第1弾!!

 

【GIFMAGAZINE】http://gifmagazine.net/

GIFアニメ好きのためのGIF作品投稿・共有プラットフォーム

GIFMAGAZINE_appstore_googleplay

GIFMAGAZINEアプリ版のダウンロードはこちら

android appstore
iOS:https://itunes.apple.com/ja/app/gifmagazine-animated-gif-magazine/id734489230?l=ja&mt=8
Android:https://play.google.com/store/apps/details?id=jp.createbox.gifmagazine