いい感じのGIFアニメーションを探してみる

画像GIFアニメーション

概要

 状態:-  閲覧数:6,293  投稿日:2013-05-27  更新日:2013-06-01
・なかなか素材が見つからないので、自分で作成する際の参考用として、「いい感じのGIFアニメーション」を探してみる
・探してないときは良く見かけたような気もするけど、いざ探そうとすると結構時間がかかる
・ちょっといいなと思っていたヤツも、意識していないと二度と見つけることは出来ない、ことを思い知る

いい感じのGIFアニメーションを探してみる … 国内

 閲覧数:764 投稿日:2013-05-27 更新日:2013-05-27

1


ゆらゆら立体視(Wiggle stereoscopy)画像を作ってみた
・素晴らしいクオリティなのだが、作成方法記載なし


2


ビッグバイクアニメーションGIF素材
3Dグラフィックソフト(サイクロンソリッド、Moray、Shadeなど) でレンダリングしたシーンをAnimationShopでアニメGIF化しました
・レベル高ェー
・「<marquee>タグを利用して横スクロール」てアイデアいいね。ここでは該当タグが利用できないので試せてないけど……



イラスト系GIFアニメーション … 海外

 閲覧数:853 投稿日:2013-05-27 更新日:2014-08-09

海外


bark loop



rainwalk loop
・jpg画像なのにアニメーションしている理由が不明。もしかして中身はgif?



写真系GIFアニメーション … 海外

 閲覧数:799 投稿日:2013-05-27 更新日:2013-05-27
lipstick loop



Justin the Conqueror (Amazing )
・発想というか、タイミングが重要ということを認識させてくれるGIFアニメーション
・モーショングラフィクスで、音とともにシーンが転換するのを思い出したよ



3Dアニメ系GIFアニメーション … 海外

 閲覧数:1,292 投稿日:2013-05-27 更新日:2013-05-27
cube loop



Pixar Films
・こんなのどうやって作成しているのだろうか?
・専用ソフトがなかったら、絶対無理なような気もするが…



アスキーアート系GIFアニメーション … 海外

 閲覧数:810 投稿日:2013-05-27 更新日:2013-05-27
walking loop



Stunning 3D Animated GIF Images
・もしかして「アスキーアート」と「3D」の相性は良い?



いい感じだけど重いGIFアニメーション … 海外

 閲覧数:1,100 投稿日:2013-05-27 更新日:2013-05-27
timewalk loop



8-bit dance loop



動画GIFアニメーション … 海外

 閲覧数:653 投稿日:2014-08-09 更新日:2014-08-09
・ここまで来ると、GIFアニメーションと言うよりは、単なる動画






GIFアニメーション


×

ゲストコメント一覧

番号 内容 投稿日
1 れたすさん強いんですよ 2021-06-22
コメント件数 … 1件

類似度ページランキング
順位 ページタイトル抜粋
1 いい感じのGIFアニメーションを探してみる 95
2 GIFアニメーション 65
3 SVGアニメーション 52
4 アイコンアニメーション化 42
5 ダウンロードしたモックアップベクター素材の感想を書いてみる予定のエントリー 38
6 「異なるキーフレームアニメーション名」に、「transformの異なる値」を記述できない 34
7 「CSSキーフレームアニメーション」実行後のCSS設定 33
8 CSSキーフレームアニメーションで、マウスアウト時に独自のアニメーションを設定することは出来ない 32
9 SVGアイコンを探す旅 31
10 モバイルデザイン5 / スクロールアニメーション 31
11 「使用できるソケットを待機しています」はクライアント側の問題? 31
12 アドベンチャーゲーム系の素材をどうやって用意するの? 30
13 いい感じのロゴを見つけたら、そのサイトへのリンクを張っていくページ 30
14 CSS3で背景色にグラデーションをつける 29
15 良い感じのWebデザインを発見したら、その場で確認後、このエントリーへ追記していく 29
16 リンクを新しいタブで開く/IE 28
17 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい 28
18 Photoshop CS3 「全てのメニュー項目を表示する」 27
19 意図していないGETパラメータが、勝手に付与されることがある 27
20 探している「HTML5エディタ」 27
2025/5/07 6:53 更新
週間人気ページランキング / 4-30 → 5-6
順位 ページタイトル抜粋 アクセス数
1 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 8
2 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 6
3 ChromeブックマークURL重複検出が出来ない / 仕様変更に伴いURL重複登録できなくなった | Chromeブックマーク(ブラウザ) 5
4 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 4
4 16進数カラーコード / 2進数 4
5 画像ライセンスは大きく3種類に分かれる。「All rights reserved」+「クリエイティブ・コモンズ・ライセンス」+「その他」 | 画像著作権(画像) 3
5 鉄道会社毎のカラーコード | カラーコード(色) 3
5 「Google Chrome」ブックマークをフォルダー単位で、「ドメイン毎」「追加日昇降順」に並べ替える拡張機能「Sortmark」 | Chrome 拡張機能 3
5 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 3
6 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 2
6 「Bootstrapデザイン」✕「円グラフ」解析 | 2系(Bootstrap) 2
6 RGBの種類 / ビットカラー | RGB(色) 2
6 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 2
7 CSS Flexible Box Layout Module Level 1 | Flexible Box Layout Module(CSS) 1
7 直前の要素、直後の要素 | CSS 1
7 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 1
7 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 1
7 JavaScript in Bootstrap | 2系(Bootstrap) 1
7 「東京都」のカラーコード取得は難しい | カラーコード(色) 1
7 HSL → RGB 計算方式の違い | 色変換(色) 1
2025/5/7 1:01 更新