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

画像 ＞ GIFアニメーション

概要

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

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

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

1


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

2


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



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

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

海外


bark loop



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



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

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



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



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

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



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



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

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



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



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

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



8-bit dance loop



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

　閲覧数:688　投稿日: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/8/29 10:56 更新
週間人気ページランキング ／ 8-22 → 8-28
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 15
2 鉄道会社毎のカラーコード | カラーコード(色) 14
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 13
4 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 8
5 Design 0 7
6 「bgcolor」「background-color」「background」の違い | CSS 6
7 色モデルイメージ図 | 色変換(色) 5
7 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 5
7 RGBの種類 ／ ビットカラー | RGB(色) 5
8 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 4
8 FontAwesomeでアイコンが□（四角）になって表示されない　Forbidden　 | Font Awesome(フォント) 4
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
8 「直後が A 要素 でない B 要素」を指定するCSSセレクタは、「A:not(:has(+ B)) {}」 | CSS 4
8 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 4
9 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 3
9 キャラクター無料着せ替えジェネレーター Rinmaru Games ／ オンラインサービス | イラスト素材(デザイン) 3
9 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 3
9 G'MIC | GIMP 系(ソフトウェア) 3
9 個人的によく見返すエントリーへのLinkなど | その他 3
9 似顔絵ジェネレーター : 似顔絵メーカー ／ NIGAOE MAKER 3
2025/8/29 1:01 更新