Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はAfterEffects Advent Calendar 2016の7日目の記事です。 #データ形式の話って眠くなる 動画コーデック・スターシリーズ！みたいな話をします。この辺の話ってどうしてもカタカナだらけでビジュアル的に映えないのですが、いい機会なので噛み砕いてまとめてみようかと。AEオフで題材にしようかと思ったんですが「これ30分だと寝るな」と思ってやめました。 流れとしてはこんな感じです。 プリレンダリングとは プロキシのすすめ いろんな形式のいろんな強み 個人的によくやる手法 「レンダリングが重くて…」とは界隈の頻出
この記事の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 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
こんにちは、プール通いを始めたオッキーです。 今日は、Webに限らずすべてのクリエイティブに関わる人たちに向けて、グッドニュースをお知らせします。Adobeが、あらゆる高品質な素材を無料でダウンロードできるCreative Cloud Market（以下、CC Market）をローンチしました。 このようなモダンなUIキットのPSDや…… 製品イメージなどに使えそうなMac、iOSデバイスのテンプレート（もちろん部品ごとにレイヤーが分かれたPSD）、 アプリやデザインのアクセントとして使えそうなSVG（！）アイコン、 リピートすることを想定して作られているパターン画像、 果てはPhotoshop用のブラシまで…… これらすべてが無料でダウンロードできます！ もちろん、商用利用も含めたあらゆるプロジェクトで利用可能です。 ダウンロードは毎月500個までという制限はありますが、500個というこ
どうも、平成の☆ やな☆ぎさわです。 デザインや資料作成などで素敵なアイコンをサクッと配置したり、ワンポイントで使いたい時ってありますよね。 そんなとき、自分で作ると時間がかかるし、そもそも作れないよぉなんて悩んでる方は多いのではないでしょうか。というわけで、王道中の王道ですが、今回は素敵なアイコンサイトのご紹介と行きたいと思います。 もはや何番煎じだかわからないからこそ、全力で厳選しました。ぜひ。 ありとあらゆるアイコンが無料＆超激安で手に入る金字塔的サイト「ICONFINDER」 ICONFINDER >>サイトはコチラ 僕は、資料を作る際に必ずと言っていいほどこのサイトに依存してます。 検索は英語限定ですが、JPG、PNG形式はもちろん、ベクターデータや3D系まで異常なほど豊富なアイコン収録数が魅力。 本職のデザイナーさんでここを知らないって人はもはやいないと思いますが、非デザイナー
目を引くポスターやウェブサイトを作る時に印象的なフォントは非常に重要な役割を果たしますが、自分好みのフォントはなかなか見つからず、かといって自分でフォントを作るのも大変。「Glyphr Studio」はGoogle Chromeに最適化されており、ブラウザ上で簡単にフォントがデザインできるという無料のウェブサービスで、作ったフォントはTTFファイルとしてダウンロードし利用することも可能になっています。 Glyphr Studio, the free HTML5 based font editor http://www.glyphrstudio.com/ いくつかのフォントは以下から実際にデザインできるようになっています。 Glyphr Studio http://glyphrstudio.com/sandbox/ フォント作成ページはこんな感じ。画面左側にメニュー、右側にデザインスペースが
No notifications to show yet You’ll see useful information here soon. Stay tuned!
デモページ 仕組みは、横に各コマを並べた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; } }
透過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ページを開く
