タグ別アーカイブ: 作り方

動画からループ検知しGIF画像にするMacアプリを開発

動画からループを検知しGIF画像にするMacアプリLoop Findrを開発中

執筆:Daily GIF89a編集部
動画からループ検知しGIF画像にするMacアプリを開発

動画からおもしろループGIFが自動で生成できるようになる?Loop Findr

カーネギーメロン大学のコリン・バーガーは、動画のフレームごとの画像の差異を判定し、ループできる場所を検知するMacアプリ、「Loop Findr」を開発しているようだ。これにより、好きな動画を読み込み、余分なフレームをなくして非常に面白いループGIF画像を簡単に生成できるようになる。公式ページには作例等が紹介されている。筆者も実際にダウンロードしてみたが、正直なところ動画を読み込むことすらできなかった。まだまだ開発段階のようで、今後のリリースに期待である。GIFアニメ界の期待となるサービスになることは間違いないだろう。

Loop Findr公式tumblrサイト

http://loopfindr.tumblr.com/
動画からループ検知しGIF画像にするMacアプリを開発

Loop Findr公式動画

Loop Findr from Collin Burger on Vimeo.

執筆:Daily GIF89a編集部

動画からgifアニメを作るWebアプリGirafの使い方【GIFアニメの作り方】

動画からgifアニメを作るWebアプリGirafの使い方【GIFアニメの作り方】

執筆:Daily GIF89a編集部

 

動画からgifアニメを作るWebアプリGirafの使い方【GIFアニメの作り方】

本記事では、動画からGIF画像を作成できるGirafの使い方を解説する。3分ほどで動画ファイルをGIFアニメに変換することができた。

 

1.Girafにアクセスする。

1.Girafにアクセスする。

2.ファイルから動画を選択した。

2.ファイルから動画を選択した。

3.「設定」をクリックすると大きさやフレームレートなど様々な数値を変更できる。

3.「設定」をクリックすると大きさやフレームレートなど様々な数値を変更できる。

3.「設定」をクリックすると大きさやフレームレートなど様々な数値を変更できる。

4.効果を追加で様々なエフェクトをかけることができる。

4.効果を追加で様々なエフェクトをかけることができる。

5.「作成」を選択してGIFが完成

5.「作成」を選択してGIFが完成

今回作成したGIF画像をGIFMAGAZINEに投稿をした。

via GIFMAGAZINE

 

執筆: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

【保存版】透過GIF画像の作り方[Photoshop]

【保存版】透過GIF画像の作り方[Photoshop]

執筆:Daily GIF89a編集部(大野謙介)

【保存版】透過GIF画像の作り方[Photoshop]

Photoshopで、もともとあるGIF画像から透過GIF画像を作成してみよう。

透過GIFとは背景を透明にしたGIFである。以下に詳しい説明を引用させていただいた。

GIF形式の一種で、特定の1色を透明に設定したもの。画像を重ねて表示するときに、背景を透明にして画像の継ぎ目を目立たせないようにするために使われる。たとえば、Webページ上の画像に使用すると、透過色として設定した部分は、背景の色や画像が透けて見える。透明GIFと呼ぶこともある。

引用:kotobank

透過GIFを最もうまく活用したWEBサービスをご紹介しよう。それは「GIF Dance Party」である。背景の上に、透過GIFを自由に配置することで非常に面白いサービスに仕上がっている。

透過GIFを有効活用したGIF Dance Party【保存版】透過GIF画像の作り方[Photoshop]
GIF Dance Party

今回、透過GIFにするGIFアニメはこちら。

via GIFMAGAZINE

 

1.透過GIFにしたい画像を読み込む

 1.透過GIFにしたい画像を読み込む【保存版】透過GIF画像の作り方_Photoshop_

2.選択ツールなどでカンガルーを選択する。

2.選択ツールなどでカンガルーを選択する。【保存版】透過GIF画像の作り方_Photoshop_

3.レイヤーマスクを適用する。

3.レイヤーマスクを適用する。【保存版】透過GIF画像の作り方_Photoshop_

 

4.optionボタンを押しながらドラッグして全てのレイヤーにマスクをかける

4.optionボタンを押しながらドラッグして全てのレイヤーにマスクを×【保存版】透過GIF画像の作り方_Photoshop_

 5.ファイル、WEB用に保存を選択

5.ファイル、WEB用に保存を選択【保存版】透過GIF画像の作り方[Photoshop]

6.保存形式をGIFにする。

6.保存形式をGIFにする。【保存版】透過GIF画像の作り方_Photoshop_

7.Photoshopで作成し、完成した透過GIF

7.完成したGIF【保存版】透過GIF画像の作り方[Photoshop]

終わりに

いかがだったろうか、透過GIFを制作することはできただろうか。背景を透明にするだけで、WEBサイトやその他表現の場で活用ができる透過GIF。覚えておいて損はないだろう。
執筆: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

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザかPhotoshopでOK]

執筆:Daily GIF89a編集部

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

GIFアニメを分解・分割する方法を解説する。今回ピックアップしたツールは「誰でもできるか」「汎用化されているツールであるか」「無料ツールであるか」という項目を基に独断の評価(最大☆3個)を加えお伝えする。お伝えするツールは以下の3点。

  • WEBブラウザ上でGIF画像を分解:GIF Explode
  • WEBブラウザ上でGIF画像を分解:アニメGIFアニメ分解
  • PhotoshopでGIF画像を分解:Photoshop

今回分割を行ったGIFアニメはコチラ。

via GIFMAGAZINE

 

WEBブラウザ上でGIF画像を最も簡単に分解:GIF Explode

  • 誰でもできるか          ☆☆☆
  • 汎用化されているツールであるか  ☆☆
  • 無料ツールであるか        ☆☆☆

GIF画像の分割方法:GIF画像URL貼り付け、GIF画像のファイルアップロード

WEBブラウザさえあれば、どなたでもGIFアニメをフレームごとの画像に分解することができる。オンライン環境で無い場合は利用することができないが、最も分割が簡単なツールといえる。分割する場合、URLでもファイルをアップロードしてもしてもできるので非常に素晴らしいツールだ。作業手順は以下をご覧いただきたい。

1.GIF Explodeにアクセスし、GIFアニメのURLを貼り付けるか、GIF画像のファイルをアップロードする。

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

2.これだけで完了。非常に簡単にフレームに分割することができる。好きなフレームを右クリックで、「名前を付けて保存」で保存することができる。一括で保存するには、chromeの拡張機能などを活用すれば可能だろう。

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

 

 

WEBブラウザ上でGIF画像を分解、一括ダウンロード可能:無料画像加工サイト【もじまる】

  • 誰でもできるか          ☆☆☆
  • 汎用化されているツールであるか  ☆☆
  • 無料ツールであるか        ☆☆☆

GIF画像の分割方法:GIF画像URL貼り付け

WEBブラウザさえあれば、どなたでもGIFアニメをフレームごとの画像に分解することができる、その場合画像を一括ダウンロードしたいという要望があるはずだ、こちらのサイトだとそれができ、UIも非常にシンプルで使い勝手よいのでご紹介させていただいた。

1.無料画像加工サイト【もじまる】にアクセスし、任意のファイルをアップロードする。

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

2.「ダウンロード」ボタンを押して一括ダウンロードが可能。

5【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

 

 

PhotoshopでGIF画像を分解:Photoshop

  • 誰でもできるか          ☆☆
  • 汎用化されているツールであるか  ☆☆☆
  • 無料ツールであるか

続いてPhotoshopであるが、WEBや画像制作の現場で最もユーザーが多いと思いピックアップした。PhotoshopでGIFを分割するとレイヤーごとに読み込まれる。各レイヤーごとに加工ができるので、分割後、何らかの画像加工の作業をする方には最適であろう。

1.PhotoshopでGIF画像を読み込み、「ウィンドウ」「タイムライン」で、タイムラインパネルを開く。

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

2.「ゴミ箱」のマークで、余分なフレームを削除する。

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

3.保存形式をGIFにして保存。

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

【保存版】無料ツール等でGIF画像を分割・分解する3つの方法[ブラウザkaPhotoshopでOK]

 

 

GIFの分割、最も簡単なのは、「GIF Explod」

今回は、WEBブラウザ上でGIF画像を分解する「GIF Explode」と「無料画像加工サイト【もじまる】」、Photoshopを使った方法を解説した。様々なシーンを切り貼りしたり、独自のアイディアでGIFアニメーションを作成してみてはいかがだろうか。

 

執筆: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