Web制作の現場でアニメーションを誰が考える？どう共有する？Twitterでのアンケート報告 - デザイナーのイラストノート
今年いろいろなところでデザインのお話をしてきましたが、「Webサイトにアニメーションを入れる場合は誰が考えますか？どう共有しますか？」という質問をいくつかいただきました。これは同じ疑問を持っている人も多いのでは？ということでTwitterでアンケートを取ってみました。 Twitterでのアンケート Webサイトで、ページ遷移コンテンツの表示、ロールオーバーやボタンにアニメーションをつける場合、実装はフロントエンドエンジニアとして、誰が動きを考えて、どうやって指定しますか？もし「こういうツールで動きを共有してるよ」というものなど有ればリプライもしくは引用RTいただけると嬉しいです — すぴかあやかAyakaSumida (@spicagraph) 2017年11月26日 今回は分業でWeb制作を行なっている場合限定でアンケートをお願いしました。4日間で集まったのは337票、たくさんありがとう
AnimeEffects | 2D Animation Tool
AnimeEffectsは、ポリゴンメッシュの変形をベースとする2Dキーフレームアニメーション製作ツールです。 とっつきやすく、思いつきをすぐ形にでき、心変わりがあればいつでもやり直せるようなツールを理想として開発しています。 主な特徴 移動、回転、拡大縮小などの基本的な変形はもちろん、ボーン変形、自由変形(Free-form Deformation)、不透明度や画像の切り替えなど様々な要素をアニメーションさせることが可能です。 jpg、png、gifなどの基本的な画像ファイルはもちろん、Adobe PhotoshopをはじめとしてEasy Paint Tool SAIやClip Studio Paintなどでも対応されているPSDファイルを読み込む事が可能です。 レイヤーのクリッピング設定や、大部分のブレンディング設定にも対応しています。 ペイントツールでおなじみの、ペンタブレット操作や
『gifアニメ IE 残像が残る。2』
gifアニメに関するお問い合わせをいただいたので、私がとった解決方法。 残像に関してはIE特有だと思うので、ブラウザーのバグと思われますが、 gifアニメの残像が残るとすごくやな気分ですね。 １．基本事項だけ gifアニメはパラパラ漫画ということはおわかりでしょうか。 1コマ目に書いたものを少しずらして2コマ目にというのを繰り返してパラパラすると動いているように見える。 というものなんですが、 ２．gifアニメについて パラパラ漫画は1コマずつ全部書いていなければ見えないんですが、最近のgifアニメは残像を利用して動きのある部分だけを2コマ目に書き出すことによってファイルサイズを軽くしています。 ファイルサイズが軽ければ軽いほど、表示が速く行われるからです。 ということで、 残像が残るgifアニメは最適化されています。 わかりやすくいうと、2コマ目が1コマ目の動いた部分しかありません。 ３
GIFアニメ生成にImageMagickはオワコン、情強は高速なGraphicsMagickを使う - 海峡
大した話ではないけれど、GIFアニメをコマンドラインから作るならGraphicsMagickが便利なので共有します。 MP4の動画ファイルからGIFアニメを作ろうとすると、まずffmpegで動画を画像に分割してそれからimagemagickでGIFに結合するという方法があります。 % ffmpeg -i hoge.mp4 -r 2 %04d.png % convert *.png hoge.gif複数枚の画像をimagemagickでGIFに結合するのが実は結構時間がかかるため煩わしいことが多いです。場合によっては、数十秒かかったりする。 ImageMagickのfork版であるGraphicsMagickを使うと高速にGIFアニメを生成することができます。 GraphicsMagickのほうが3~4倍速い GraphicsMagickを使えばImageMagickよりも3~4倍高速にGI
GIFアニメに特化した検索エンジン『Giphy』 | 100SHIKI
地味に便利そうなのでご紹介。 GiphyはGIFアニメに特化した検索エンジンだ。 ひっかかってくる件数はそれほど多くはないが、ちょっと気の利いたアニメーションを探している時には便利そうだ。 また検索結果はマウスオーバーするとはじめて動き出す、というのも気がきいている。 シンプルだが好感の持てるサービスですな。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
