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

画像GIFアニメーション

概要

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

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

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

1


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


2


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



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

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

海外


bark loop



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



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

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



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



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

 閲覧数:814 投稿日:2013-05-27 更新日:2013-05-27 
cube loop



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



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

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



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



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

 閲覧数:677 投稿日:2013-05-27 更新日:2013-05-27 
timewalk loop



8-bit dance loop



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

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






GIFアニメーション


×

ゲストコメント一覧

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

類似度ページランキング
順位 ページタイトル抜粋
1 GIFアニメーション 65
2 SVGアニメーション 52
3 アイコンアニメーション化 42
4 ダウンロードしたモックアップベクター素材の感想を書いてみる予定のエントリー 38
5 「異なるキーフレームアニメーション名」に、「transformの異なる値」を記述できない 34
6 「CSSキーフレームアニメーション」実行後のCSS設定 33
7 CSSキーフレームアニメーションで、マウスアウト時に独自のアニメーションを設定することは出来ない 32
8 SVGアイコンを探す旅 31
9 モバイルデザイン5 / スクロールアニメーション 31
10 「使用できるソケットを待機しています」はクライアント側の問題? 31
11 アドベンチャーゲーム系の素材をどうやって用意するの? 30
12 いい感じのロゴを見つけたら、そのサイトへのリンクを張っていくページ 30
13 CSS3で背景色にグラデーションをつける 29
14 良い感じのWebデザインを発見したら、その場で確認後、このエントリーへ追記していく 29
15 リンクを新しいタブで開く/IE 28
16 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい 28
17 意図していないGETパラメータが、勝手に付与されることがある 27
18 Photoshop CS3 「全てのメニュー項目を表示する」 27
19 探している「HTML5エディタ」 27
20 グラデーション練習 27
2023/2/05 6:02 更新
週間人気ページランキング / 1-29 → 2-4
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 49
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 38
3 「bgcolor」「background-color」「background」の違い | CSS 34
4 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 25
5 RGBの種類 / ビットカラー | RGB(色) 20
6 「属性」「プロパティ」「アトリビュート」の違い | CSS 18
6 Design 0 18
7 「東京都」のカラーコード取得は難しい | カラーコード(色) 17
8 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 16
9 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 15
9 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 15
10 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 14
11 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 13
11 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 13
11 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 13
11 ICCプロファイル | カラーマネージメント(色) 13
11 HSLとHSVの違い | 色変換(色) 13
11 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 13
12 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 12
13 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 11
2023/2/5 1:01 更新