CSSアニメーションの基礎
今さらながらCSS Animationsの使い方が分かってきたので、プロパティなどを簡単にまとめておきたいと思います。 これを書くにあたって、以下の2つを参考にしました。 CSS Animations Editor’s Draft 25 July 2011CSS animations - MDN上のはdev.w3.orgにある、2011年7月25日版のエディターズドラフトです。 ちなみにwww.w3.orgにある仕様は「CSS Animations Module Level 3」です。これを書いている現在、こっちは2009年3月20日版が最新となっています。 基本的に2011年7月25日版のエディターズドラフトをベースに説明したいと思います。なので、現在のブラウザの実装とは異なることもあります。 2つ目のは『Mozilla Developer Network』のドキュメントです。日本語版も
写真が動く！ gifアニメーションコンテスト！
なんと不思議な世界でしょう。 米Gizmodo人気コーナーShooting Challenge。今回は動く写真がテーマでした。数枚撮影して上手い事重ねてアニメーションgifにするわけです。フレームの中で動いているのは一部分だけ、普通の写真とも動画とも違うなんとも不思議な雰囲気のするイメージにしあがっています。なんと言いますか、世界が君だけのために動くのを止めたようなものや、世界から忘れ去られたような、そしてなんだか怠けた気のゆるんだ世界へやってきたような。そんななんとも言えない動く写真のよりすぐりをどうぞ！ まずは、トップ画の優勝者から！ Kert GartnerさんPanasonic GH2と一緒にカナダのビーチに行った時に撮影。何枚も写真を撮影するのではなく、動画を撮影し、そこから1枚の画を作りました。ネットのチュートリアルではPhotoshopを使って編集するのがベストとありましたが
マイケル・ジャクソンの「スリラー」をすさまじい再現度でアニメ化
「人類史上最も成功したエンターテイナー」と呼ばれ、さまざまな美術作品の題材にもなるなど、急逝してからも世界中を魅了し続けているスーパースター「マイケル・ジャクソン」。人類史上最も多くの売り上げを記録している超ヒットアルバム「スリラー」に収録されている楽曲「スリラー」のPV(ショートフィルム)は13分34秒もありますが、その印象的なダンスや特殊メイクによってPV界の金字塔として輝いています。そのスリラーを、マイケルへの感謝と敬意を込めてアニメーション化した作品が登場しました。 YouTube - Michael Jackson "Thriller" Animation おどろおどろしいタイトルからスタート。 真夜中に走っている車が公園のような場所に止まります。 ヒロイン役のオーラ・レイ。 そして彼がマイケル・ジャクソン。 車を降りて歩く2人。 ハグ。 指輪をもらった女の子はうれしそうです。
2Dなのに飛び出す！ 3D環境ゼロでつくる3D写真のつくりかた - 週刊アスキー
3Dカメラや3D対応パソコンを使わず、今あるカメラとパソコンでなんちゃって3D画像をつくってみよう。 ●その１● 今あるコンデジで写真を2枚撮影し、3Dっぽい写真をつくる 普通のデジカメでも、被写体を中心にちょっとカメラ位置を横にずらして（あるいは横に少しだけ移動して）2枚撮影し、鉄板無料ソフト『ステレオフォトメーカー』で合成すると、3Dっぽい画像をつくることができる。試しに2枚撮影してみよう。 この2枚の写真が…… ↓↓↓ ぷるぷるふるえて"ちょっと飛び出してるふうの写真に！ ぉぉぉぅ これは、鉄板無料ソフト『ステレオフォトメーカー』に取り込んで画像を調整し、GIFアニメとして保存したもの。ソフトを起動し、２枚の写真を読み込んだら、メニューから"簡単位置調整"を選択しよう。1枚目の写真と2枚目の写真が色違いで表示されるので、ここで中心人物などの位置と大きさが重なるように位置調整。大きさや
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://ameblo.jp/ca-1pixel/entry-11497184837.html
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
