[B! gif] shimpeiwsのブックマーク

動画からgifアニメを作るWebアプリ Giraf を作りました - はるさめスープ

追記(2015/12/7) Giraf バージョン2を公開しました！新しくなったGirafもぜひご利用ください！以前rokugaというサイトを知り、ありがたく使っていました。しかし、細かな編集ができないなどの不満点が出てきたので、2月24日から26日までのOUCCコーディング合宿の間に、新しいgifアニメ作成サイト Giraf を作りました。使い方動画を選択すると、こんな感じで動画とその前後2フレームが表示されます。始点と終点を選択して、動画から作成するgifの範囲をタイムラインに追加していきます。作成を押すと、おもむろにレンダリングが始まり、gifが作成されると下に表示されます。右クリックで保存してください。機能設定ボタンを押すといろいろできます。画像を切り抜いたり、効果を加えたりできます。 javascriptが書ける人は自分で効果も作成できます。これでtumbl

shimpeiws 2014/07/30

gif

リンク

スクロールやクリックした際に、おおっ！と思わせるクリエイティブな7つのエフェクトがかっこいいっ！

ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ！と思わせるクリエイティブなエフェクトを7つ紹介します。 Inspiration for article intro effects 7つのエフェクトをアニメーションgifにしてみました。ページはフルスクリーンサイズの画像が最初に表示され、そこをスクロールボタンクリックでさまざまなエフェクトがおきます。派手すぎず、センスあるかっこいいエフェクトばかりです！各エフェクトのソースは上記ページからまとめてダウンロードできます。

shimpeiws 2014/05/28

リンク

WEB画像について－GIF・JPEG・PNGの特徴

GIFは透明色の指定ができる GIFは画像に使われている色のうちの1色を指定して透明にすることができます。 WEB上に掲載する画像は全て輪郭が四角形ですが、 GIFの背景を透明にすることで見かけ上は四角形以外の輪郭の画像が可能となります。尚、JPEGでは透明色の指定はできません。 GIFはアニメーションにできるアニメーションにできることもGIFの特徴の1つです。 GIFアニメはコマ画像をパラパラマンガの要領で表示させることで実現しています。滑らかな動きを表現するのにはあまり向いていませんが、アイコンやボタン画像などにちょっとしたアクセントの動きを加えるのには最適です。 GIFアニメが他の動画形式に比べて優れているのは、特別なプラグインを必要とせずより多くの環境で作者の意図通りに表示させることができる点です。 GIFのライセンス問題について GIFに使われているLZW圧縮の技術は、1

shimpeiws 2014/05/25

gif

リンク

簡単なアニメーションGIFを作るサンプル - うなの日記

RMagickを使って簡単なアニメーションGIFを作るサンプルです。基本的な手順としては Magick::ImageListのインスタンスを作成 ImageListにアニメーションのフレームとなる画像を追加。後は「ImageList.write」でリストをgif形式で保存すれば、アニメーションGIFの出来上がり。簡単! require 'rubygems' require 'RMagick' # 元画像 imgs = Magick::Image.read("./user.jpg") img = imgs.first # イメージリストを作成 list = Magick::ImageList.new # アニメーションの各フレームを追加。 -10.upto(10) {|i| tmp = i != 0 ? img.motion_blur( 0, i*i, 0) : img list.push