写真が動き出す?!お洒落なシネマグラフGIFアニメーションまとめPhotoshopVIP |

2013/10/07 125 users 一部分 シネマグラフ 視線 エントリー テクニック

シネマグラフをご存知でしょうでしょうか。まるで写真のように見えて、一部分だけを動かすことで、視線を一点に注目させる、ユニークなテクニックです。写真が動き出したような、不思議なアニメーション効果を作成することができます。 海外デザインブログCGFrog.comで、見ていると不思議な気分になってくる、シネマグラフGIFアニメーションをまとめたエントリー「Amazing Animated Gif’s f... 続きを読む

アニメーション表示のプログレスバーをどうすれば体感速度がアップするのかが判明 - GIGAZINE

2013/09/19 134 users プログレスバー GIGAZINE 進捗度合い ソフトウェア

ファイルをダウンロードする時やソフトウェアをインストールする際によく目にするのが進捗度合いを示すプログレスバーですが、このプログレスバーの表示にアニメーション効果を加えることで、処理の体感速度を実際よりも早く感じさせる効果があることがわかりました。 ProgressBarsVisualCHIv15CAMERA1 - ProgressBarsHarrison.pdf (PDFファイル) http:/... 続きを読む

また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開 － Publickey

2012/07/24 196 users Publickey Ninja オーサリングツール SVG

Motorola Mobilityが今月公開したHTML5オーサリングツール「Ninja」のバージョン0.7は、SVGやCanvas、WebGLなどを用いたHTML5でのアニメーション効果の開発を得意としたオーサリングツールです（それにしてもNinjaという名称は海外で人気がありますね……）。オープンソースソフトウェアとして開発されています。 Ninja | Tetsubo Ninjaは、同じくM... 続きを読む

CSS3のアニメーション効果をインタラクティブに設計できる『CSS EASING ANIMATION TOOL』 | IDEA*IDEA

2011/03/22 101 users IDEA Ceaser インタラクティブ デモ CSS3

お、これは便利・・・。CSS3のイージング効果（アニメーションすね）をインタラクティブに設計できるツールです。↑ 種類はたくさん。もちろんその場でデモも出来ます。↑ ベジェっぽく設定もできます。↑ あとはコピペするだけ。かなり便利ではないでしょうかね。ご利用はこちらからどうぞ。» Ceaser – CSS Easing Animation Tool – Matthew Lein 続きを読む

アイコンにアニメーション効果が付くフリーソフト「UberIcon」 - GIGAZINE

2007/01/31 107 users 百聞 GIGAZINE フォルダ アニメーション ムービー

フォルダを開くときやファイルを開くとき、ソフトウェアを実行するときなどにアイコンをクリックすると思いますが、その際にアイコンにちょっとだけかっこいいアニメーションが付くようになるフリーソフトで、日本語化もされています。 このアニメーションはプラグイン方式で増やすことができ、既にいくつものアニメーション効果が公開されています。 百聞は一見にしかず、動作する様子をムービーでキャプチャしてみました。再生... 続きを読む