たい焼きを２つに割るアニメーションに海外の人から「NOOOOOOO」と悲鳴が→どうやらこう見えてるらしい
みねざ @Minezawa アニメーター/絵コンテ/演出。フリー。画面の設計するのが好きですが、それ以外はだいたいごはんとお酒のことを考えてます。※2024年内は完全拘束中 ●お仕事のご相談はリンク先のgmailへお送りください。相互フォロー外のDMには返信できない場合が多いです ●メシの絵ばかり描いてるサークル「せるめしや」 twpf.jp/Minezawa みねざ @Minezawa メシ原画集「メシが描きたい！」に掲載した『もちもちたいやきを二つに割るだけのクッソ地味な原画』のGIFアニメです。 我ながら、教科書通りの面白みがない地味さ加減だぜ。 本にはシートも載せてるから、正月ヒマしてたら見てくれよな。 pic.twitter.com/9hF4i5gVai
nych87.com - このウェブサイトは販売用です！ - nych87 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
「Legend - Animate Text in Video gif」文字が動くアニメーションGIFを作成できるアプリが面白い！ - Apple Life
操作方法 アプリを起動すると、テキストの入力画面になります。動かしたい好きな文字を入力してください。 カメラを起動して撮影するか、保存している画像を呼び出すか、Flickrで画像を検索し、背景画像を設定します。（背景画像なしでもOKです） 完了したら、右上の「次へ」をタップすると、いくつかのパターンのアニメーションGIFが作成されます。 「次へ」のタップの後、18種類のアニメーションが作成されます。好きなものを選んでタップしてください。 アニメーションを決めると次は、文字や背景のカラーパターンを選んで決めます。 カラーパターンが決まれば、そのままSNSでシェアすることができます。 （今回はiPhoneの保存方法をご紹介） 下の列にある「GIF」をタップします。 このままカメラロールに保存したいのですが、項目がないので私は「LINE Keepに保存」からGIFを保存します。 LINE Kee
HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］
Webの表現力は、文字の大きさや色を中心に修飾していた時代から美しいグラフィックやアニメーションの活用へと進み、いまでは大きな動画も積極的に取り入れた、豊かな表現力と情報量を備えるWebが数多く見られるようになりました。 最近では広告や解説動画といった例だけでなく、背景いっぱいに動画を使うといった例もあります。モバイルでもゲームやソーシャルメディアなどを中心に積極的に動画を用いた表現が増えています。 GIFやH.264に足りないもの こうした動画表現を実現する技術には複数の選択肢がありますが、モバイルとWebサイトの両方での対応を考えると、GIFアニメーションかH.264のいずれかを選択するのが一般的でしょう。しかしGIFアニメーションは色数が256色と限られ圧縮率も低いため、小さなサイズで数秒程度といった最小限の動画再生にしか向きませんし、音声との同期も困難です。一方、H.264は高精細
ついにGIFに代わる新しいアニメーション画像フォーマットが誕生か
X Window System上で動作するデスクトップ環境「GNOME」の開発者であるJasper St. Pierreさんが、GIFに変わる新しいアニメーション画像フォーマット「XNG」を開発し、長らく使用されてきたGIFアニメーションに取って変わる可能性があります。 XNG: GIFs, but better, and also magical | Clean Rinse http://blog.mecheye.net/2014/10/xng-gifs-but-better-and-also-magical/ GIFはシンプルなアニメーションに使うのに適していますが、LZW圧縮形式は少し古く、カラーパレットの色の数にも256色という制限があります。GIF以外のアニメーションフォーマットにはAPNGやMNGがあるものの、サポートするブラウザが限定されているなど、ユーザーを満足させるものに
ディズニーのアニメの動きがまるで生きているように感じる秘密がわかる「キャラクターに命を吹き込む12の法則」
ウォルト・ディズニー・カンパニーでも伝説的と言われる9人のアニメーター「ナイン・オールドメン」のうち2人がフランク・トーマスとオリー・ジョンストン。キャラクターの感情表現を頂点まで極めたとされる2人が生み出した「キャラクターに命を吹き込む12の法則」が立方体などを使ったムービーとGIFアニメーションで公開されています。 THE ILLUSION OF LIFE http://the12principles.tumblr.com/ ディズニーアニメに出てくるキャラクターの動き12原則は以下のムービーからでも確認できます。 The illusion of life on Vimeo ◆01：SQUASH＆STRETCH(引き延ばしてペチャンコにする) これはキャラクターが動いている時に重さと質量を感じさせるようにする効果。 ◆02：ANTICIPATION(予備的な行為) キャラクターがメイン
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
ダメになる動画講座（第三章）
アニメを作るなら、やっぱりビルや宇宙船が大爆発するような すごい迫力の戦闘シーンを作ってみたいよね。 つーか、『芸術は爆発』だぁああ！ *･゜ﾟ･*:.｡..｡.:*･゜ﾟ･*:.｡..｡.:*･゜ﾟ･* レベル１ *･゜ﾟ･*:.｡..｡.:*･゜ﾟ･*:.｡..｡.:*･゜ﾟ･* 【爆発の基本を理解しよう】 例題として、「レーザー光線が飛んでいって爆発するアニメ」を作ってみるよ！ まず、レーザー光線の軌跡と、爆発の始まりと終わりの絵(原画)を描くんだ。 もし、これをやらずにいきなり爆発の作画をやっちゃうと、完成した後になって 爆発の煙が大きすぎたり小さすぎたり、位置が変だったりして リテイク（やり直し）ってことになっちゃうからね。
動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記
rokugaっていうウェブアプリケーションを作った．ブラウザ上で動画をアニメーションGIFに変換できる．Google Chromeでもちょっと動くけどSafariで見るのが良い． http://rokuga.herokuapp.com/ 使い方 こんな感じで，動画をドロップしてくださいとか言ってる． 1コマずつ出てきて，このコマとこのコマ，この速さ，みたいな指定ができる． 完成したアニメーションGIFは名前を付けて保存しましょう． 特徴 ブラウザで再生できる動画なら何でも変換できる Macなら動画はQuickTime Playerで撮れるので気軽に使える リアルタイムにプレビューしながら仕上がりを確認できる コマ送りは逆再生，行ったり来たり，シャッフルに対応 Herokuで動かしたらCPUが遅くて動画の変換にす時間かかる git cloneしてローカルで動かすとちょっと速い ソースコード→
JavaScript製の高度なアニメーションライブラリ·tween.js MOONGIFT
tween.jsはActionScriptのTweenクラスを真似たJavaScriptアニメーションライブラリです。 かつてオンラインでアニメーションを表現しようと思ったならばFlashかGIFアニメーションを使うのが一般的でした。しかし今後JavaScriptの採用が増えていく中では別な作法を学ばなければなりません。そこで今回はJavaScript製のアニメーションライブラリtween.jsを紹介します。 デモ1。四角のエレメントが左右に動き回ります。 1,000本のバーが左右に動きます。 4096個のセルが徐々に色を変化させます。 グラフです。様々な描き方に対応しています。 動画の再生に合わせて右に動いていくデモです。同期されているのがポイントです。 デモ動画です。本当はもっと速く動きます。 tween.jsはActionScriptのTweenクラスを模して作られているとの事です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Procreate 4.3アップデートを完全解説(前編) テキストツールやGIFアニメーション出力機能など実用的な機能を多数追加