細かすぎて伝わらないプリレンダリング最適化選手権 - Qiita
この記事はAfterEffects Advent Calendar 2016の7日目の記事です。 データ形式の話って眠くなる 動画コーデック・スターシリーズ！みたいな話をします。この辺の話ってどうしてもカタカナだらけでビジュアル的に映えないのですが、いい機会なので噛み砕いてまとめてみようかと。AEオフで題材にしようかと思ったんですが「これ30分だと寝るな」と思ってやめました。 流れとしてはこんな感じです。 プリレンダリングとは プロキシのすすめ いろんな形式のいろんな強み 個人的によくやる手法 「レンダリングが重くて…」とは界隈の頻出フレーズですが、AEにおいてその重さを少しでも軽減することを目指します。 プリレンダリングとは 重いシーンや繰り返し使うシーンをその都度レンダリングすると無駄に時間が掛かりがちです。なので一度レンダリングしてしまい、それを動画として読み込んでしまおうというのが
X-LABO: Flash CC ビットマップの画質を PNG化 & スムージングOFF にする JSFL 公開
この記事のURL http://www.dango-itimi.com/blog/archives/2015/001224.html https://github.com/siratama/BitmapSmoothCut Flash CC から psd 読み込み機能が縮小され、読み込まれた psd 画像は「スムージングあり」「jpeg画質」の状態となってライブラリに配置されます。 私は大量のドット絵アニメーションを Flash CC に読み込む事が多く、毎回 psd 読み込み後にプロパティウインドウから PNG化とスムージングOFF設定を行うのは面倒だと感じたため、当 JSFL を作成しました。Haxe 産です。
pngquant — lossy PNG compressor
pngquant is a command-line utility and a library for lossy compression of PNG images. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. Features High-quality palette generation using a combination of vector quantization algorithms. Unique adaptive dithering algor
高品質な素材を無料ダウンロードできるCreative Cloud Marketが登場 - 448.jp blog
こんにちは、プール通いを始めたオッキーです。 今日は、Webに限らずすべてのクリエイティブに関わる人たちに向けて、グッドニュースをお知らせします。Adobeが、あらゆる高品質な素材を無料でダウンロードできるCreative Cloud Market（以下、CC Market）をローンチしました。 このようなモダンなUIキットのPSDや…… 製品イメージなどに使えそうなMac、iOSデバイスのテンプレート（もちろん部品ごとにレイヤーが分かれたPSD）、 アプリやデザインのアクセントとして使えそうなSVG（！）アイコン、 リピートすることを想定して作られているパターン画像、 果てはPhotoshop用のブラシまで…… これらすべてが無料でダウンロードできます！ もちろん、商用利用も含めたあらゆるプロジェクトで利用可能です。 ダウンロードは毎月500個までという制限はありますが、500個というこ
【保存版】デザインにも提案資料にも "めっちゃ使える" 無料のアイコン素材サイト17選
どうも、平成の☆ やな☆ぎさわです。 デザインや資料作成などで素敵なアイコンをサクッと配置したり、ワンポイントで使いたい時ってありますよね。 そんなとき、自分で作ると時間がかかるし、そもそも作れないよぉなんて悩んでる方は多いのではないでしょうか。というわけで、王道中の王道ですが、今回は素敵なアイコンサイトのご紹介と行きたいと思います。 もはや何番煎じだかわからないからこそ、全力で厳選しました。ぜひ。 ありとあらゆるアイコンが無料＆超激安で手に入る金字塔的サイト「ICONFINDER」 ICONFINDER >>サイトはコチラ 僕は、資料を作る際に必ずと言っていいほどこのサイトに依存してます。 検索は英語限定ですが、JPG、PNG形式はもちろん、ベクターデータや3D系まで異常なほど豊富なアイコン収録数が魅力。 本職のデザイナーさんでここを知らないって人はもはやいないと思いますが、非デザイナー
ブラウザ上でフォントを簡単にデザインして、実際にTTFファイルとして使うこともできる「Glyphr Studio」
目を引くポスターやウェブサイトを作る時に印象的なフォントは非常に重要な役割を果たしますが、自分好みのフォントはなかなか見つからず、かといって自分でフォントを作るのも大変。「Glyphr Studio」はGoogle Chromeに最適化されており、ブラウザ上で簡単にフォントがデザインできるという無料のウェブサービスで、作ったフォントはTTFファイルとしてダウンロードし利用することも可能になっています。 Glyphr Studio, the free HTML5 based font editor http://www.glyphrstudio.com/ いくつかのフォントは以下から実際にデザインできるようになっています。 Glyphr Studio http://glyphrstudio.com/sandbox/ フォント作成ページはこんな感じ。画面左側にメニュー、右側にデザインスペースが
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
PNG画像でもコマ送りのアニメーションさせてしまう、ナイスアイデアのスタイルシート -Sprite sheet
デモページ 仕組みは、横に各コマを並べたPNG画像をCSSスプライトで順に表示させて、コマ送りのアニメーションのようにしています。 「show sprite」をチェックするとその仕組みがよくわかります。 「animation-duration」の数字を変更すると、アニメーションの速度が変わります。 デモページ：スプライトを表示 スタイルシートはコマ送りのステップを定義し、背景にしたPNG画像を少しずつずらして表示します。 デモは1秒間に10ステップ、500pxの画像を50pxずつ動かしています。 CSS div { animation: play 1s steps(10) infinite; } @keyframes play { 0% { background-position: 0px 0; } 100% { background-position: -500px 0; } }
CSS内の画像埋込で高速化(Data URI) - Qiita
スタイルシートの中で画像を多数呼出していると、HTTPリクエストが大量発生してページの読み込みが遅くなります。このような場合、CSS Spriteを使って回避することが一般的ですが、Data URIを使うと運用はもっと簡単です。 CSSファイルへの埋込 例えばOSSCafeの場合、サイトのCSS内で16ほどの画像ファイルを読込んでいます。 body { background-image:url(images/body.png) } body>header { background-image: url(images/header.png) } body>header div.center>h1 { background-image:url(images/logo.png) } ...(略) body { background-image:url(data:image/png;base64,
透過PNGをIEできちんとopacityさせたい ｜ Tips Note by TAM
透過PNGをIE6/7/8にエラーなく反映させたい時、みなさんどのように対処されていますか？ 今回、つまずきがちなその問題に立ち向かうべく、私なりに色々と調べてみました。 有用と思しき記事に出会うたび、リンク切れだったり、ちょっと難しかったりしたので、 簡単にわかりやすく、次に自分が対応するときのことも考えて記事に残したいと思います。 今回はMach3.laBlogさんのページを参考に実際のサンプルを作っていくことにいたしました。 【参考サイト】 IEの透過PNG+opacityの不具合を治すメモ | Mach3.laBlog 透過PNGをIE6で使用する際に有名なのは「DD_belatedPNG」ですが、 IE6向けのライブラリのため、IE8ではエラーが出てしまいます。 IE6/7/8全てに透過PNGを対応させるため、Mach3.laBlogさんの記事を元に、 「DD_belatedPN
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pixexix - Projection Texturing Tool
窓の杜