【Mac】動画をハイクオリティなGIF動画に変換してくれるアプリ『PicGIF』
ちょっとしたショートムービーとして重宝するGIF動画。動画をGIF動画に変換してくれるサービスはWeb上にたくさんありますが、細かいコマ設定やサイズの指定が出来なかったり物足りなさを感じる人も多いことでしょう。そんなとき「PicGIF」を使えば、任意のサイズを指定したり、コマの順番を入れ替えたり、細かくカスタマイズできるので便利です。 「PicGIF」を起動すると、動画もしくは写真を取り込む画面が表示されますので、GIFに変換したい動画をドラッグ＆ドロップで入れます。 するとドラッグ＆ドロップした動画が表示されますので、フレーム数を指定して「読み込む」をクリックします。※ フレームの数を多くすると容量が大きくなるので注意しましょう。 読み込みが完了すると、下図のように一番下にフレームが表示されます。不要なフレームを削除することができます。 次にサイズを指定します。任意のサイズを指定する場合
注目！Flash CS風のUIでHTML5のタイムラインアニメーション作成·Radi MOONGIFT
RadiはHTML5対応のタイムラインベースのアニメーション作成ソフトウェア。 RadiはMac OSX用のフリーウェア（β版中につき無料）。Webブラウザ上でインタラクティブでタイムラインベースのアニメーションを作ろうと思ったらFlashを使うのが一般的だ。しかしそれはHTML4までだ。HTML5になればCanvasタグを駆使することでアニメーションさえ自在に作れる。 メイン画面 とは言えそれはあくまでも「駆使」すればの話でしかない。やはりツールがなければ容易に作れるものではないし、容易でなければ普及しないだろう。そこで注目されるのがRadi、HTML5対応のアニメーション作成ソフトウェアだ。 RadiはFlashのようにレイヤーを重ねてタイムラインベースのアニメーションを作成する。作成したコンテンツはvideoタグ、canvasタグで出力することができる。フレーム間の動きは自動で補完で
もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」:phpspot開発日誌
もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」 2011年05月11日- 追記）じっくり利用して見た方が以下のような問題点を示してくれました。 ・利用勝手があまり良くなく、日本語環境を前提には、考えていないように思われます。 ・ＡｃｔｉｏｎＳｃｒｉｐｔ の記載方法が不明。 ・モーショントゥイーンの機能不足 レビューを参考にさせて頂く限り、現段階では「Flashを買わなくてもいい」という結論には当然ならないと思います。いつもながら脊髄反射的にエントリにして、不快にさせてしまった方々には申し訳ありませんでした！ 但し、簡易的なアニメーションがフリーで作れるということは有用で、掲載されているサンプルの質も高く、フリーである限り機能のデグレードはある程度しょうがないと思うのと、話題に上がることで今後の発展にも期待していきたいと思い
プログレスバーのアニメーションによって体感速度が違うんだってさ！ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
如月草紙（如月ツヴァヰの絵日記） : アニメーションするPNG（APNG）を作る
アニメーションするPNG（APNG）を作る October 14, 2010 03:50 無題 あまり普及していませんが、PNGファイルをGIFアニメーションみたいにアニメさせることができるという。 しかも、GIFより色調豊かで圧縮率高いという。 ただし、FirefoxかOperaで開かないとアニメしないという。 そんなわけで、これらの特徴を持つ「アニメーションPNG（APNG）」に興味を持ちました。 そもそもの発端はpixivにアニメーションPNGがうｐされていたこと。 見た瞬間「こ、こいつ……動くぞッ！？」って思いましたｗ で、↓がアニメーションPNG。 PNGのくせにぬるぬる動くよ！！（Firefox、Opera限定だけど） そして、このアニメーションPNG作成時に用意するもの。 ①アニメーションさせたいPNGファイル ②CSVファイル ③APNGfromCSV
これはクール！カーソルを合わせると背景がアニメーションするCSS3ボタン実装例:phpspot開発日誌
これはクール！カーソルを合わせると背景がアニメーションするCSS3ボタン実装例 2010年10月07日- CSS3 Animated Bubble Buttons | Tutorialzine これはクール！カーソルを合わせると背景がアニメーションするCSS3ボタン実装例です。 ボタンにカーソルを合わせるとカッコよく背景がアニメーションされ、よりボタンが押したくなるかもしれないテクニックです。 デザイナの方は１つのテクニックとして知っておいて損はしなさそうなテクニックなので押さえておいてもよいかも。 デモページで見てみる アニメーションに使う背景画像。 アニメーション自体は transition プロパティを用いて実装されています。 関連エントリ CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3ツール6つ＋α CSS3のジェネレーター１４種 I
角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」 | ライフハッカー・ジャパン
最近、CSS3のチュートリアルなど、CSS3関連の記事をよく見かけます。CSSを自動的に作成してくれる「ジェネレータ」も、続々登場しています。今回は、非常に使いやすくて、多機能なCSS3ジェネレータ「CSS3.0 Maker」を紹介します。 以下に使ってみた様子を載せておきます。 まず「CSS3.0 Maker」にアクセスしましょう。 スタイルの設定プレビューCSSのコード対応ブラウザ といった具合になっています。上部にメニューがあり、そこで様々なタイプのスタイルを選べます。以下に一部を紹介しますね。 Border Radius いわゆる「角丸」というもので、角を丸くすることができます。 Gradient 図形の色をグラデーションできます。 Box Shadow 影をつけることができます。ぼかしも可能。 これらの他にも、図形を回転できる「Transform」や、テキストに影をつけられる「T
Complicated Mechanisms Explained in simple animations
Radial Engines Radial engines are used in aircrafts having propeller connected to the shaft delivering power in order to produce thrust its basic mechanism is as follows Steam engine Principle Steam engine once used in locomotives was based on the reciprocating principle as shown below Sewing Machine Maltese Cross Mechanism this type of mechanism is used in clocks to power the second hand movement
[JS]jQuery初心者もOK、サイトにアニメーション効果を取り入れるチュートリアル
jQueryを使用して、サイトにフェードやスライド、表示・非表示、タイマーなどのアニメーション効果を取り入れるチュートリアルを紹介します。 Super-Easy Animated Effects with jQuery チュートリアルは英語ですが、使用する関数、ソース（HTMLとJavaScript）が必要最小限でまとめられており、デモページ（シンプルすぎかも）もあるため、英語が苦手な人でも大丈夫だと思います。 下記に、チュートリアルをいくつかご紹介。 アニメーションでフェードイン・フェードアウト <textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascr
HTML5ってすごいわ！ この8bitアニメーションを見てちょうだい！（動画あり）
HTML5ってすごいわ！ この8bitアニメーションを見てちょうだい！（動画あり）2010.08.03 15:00 どん！ どん！ どどどん！ HTML5って本当に魔法のようなのですね。この下のアニメーション動画は、HTML5を使って作られているのです。水の反射なんて、そりゃもうキレイなもんですよ。動画にあるのは1部だけですが、ネタ元で全シリーズ36シーン公開しています。ネタ元必見です！ 大きい画で見ると8bitらしさがよくわかります。 こちらの作品はMark Ferrariさんがイラストを、Joseph Huckabyさんがコーディングを担当。コーディングは8bitカラーシンクをHTML5で使ったそうです。 すごいなぁ、HTML5。この夏のキーワードは5だな！ [Effectgames] Jesus Diaz（原文／そうこ）
一見の価値ありですぞ！ ストップモーション・アニメ｢Big Bang Big Boom｣（動画）
一見の価値ありですぞ！ ストップモーション・アニメ｢Big Bang Big Boom｣（動画）2010.07.19 16:00 junjun 今回もすっごいですよ～。 覚えてますか、イタリア人アーティストBLUが2008年に制作したアニメーション作品｢MUTO｣を。 そうです。壁や道路に1コマ1コマ絵をウォールペイントして撮影したストップモーション・アニメーションです。個人的にはMUTOが凄かっただけに、それ以上のものが出来るなんて想像もしていなかったんですけど...。 なんと！ 彼らのアニメーションが更に進化して帰ってきたんです！ タイトルは｢Big Bang Big Boom｣ビッグパンから始まり、生命の誕生や進化、そして最後の審判までを描いています。けっこう重たいメッセージもこめられていたり、アニメーションのすごさに圧倒されたり、いろんな意味でドキドキしました。 それにしても、完成
これって20世紀にはすでにあったな:アルファルファモザイク
120 ７７４ＲＲ :2010/02/09(火) 20:55:14 ID:q0TXrsG9 >>117 ワロタ 足出すのすき。 121 ７７４ＲＲ :2010/02/09(火) 21:15:48 ID:TayDT2Rv >>117 ﾊﾞｶｽwww 122 ７７４ＲＲ :2010/02/09(火) 21:26:46 ID:8eCUCZOv >>117 これって20世紀にはすでにあったなー と思ってたら進化しててﾜﾛﾀ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
IDEA * IDEA
IDEA * IDEA
3分44秒の美しい愛と死の物語（動画）
グラフィティを1コマずつ描いて撮影した驚愕アニメーション｢MUTO｣（動画）
[JS]GIF以外の画像でもアニメーションさせることができるスクリプト -Canimate
かっこいいアニメーションでフィルタ&並べ替えができる『Qucicksand』 – creamu
Home