APNGとは? APNG(エーピング)とはアニメーションするPNG画像のことです。もともとブラウザベンダーのMozillaが提案した規格で、Webサイトでのアニメーション表現に利用できます。従来よりアニメーションGIFが主流でしたが、アニメーションGIFは色数の制限や輪郭のジャギーなどクオリティ面で悩ましいところが多々あります。その悩みを払拭してくれると期待されるのがAPNG形式です。 最近では、LINEのアニメーションスタンプ(うごスタ)にも使われています。 APNGの詳細はICS MEDIAにて解説してますのでご覧ください。 GIFアニメからAPNGの時代に! 次世代画像形式APNGを使いこなそう LINEのアニメーションスタンプはこう作る! APNGファイルの作り方を徹底解説 APNGファイルの作成に必要なものはPNGの連番画像 APNGファイルの作成には、次のようなアニメーションの
CSSでアニメーションするにはtransitionもありますが今回は animationを使う方法です このページでは手抜きのため ベンダープレフィックスは-webkitだけ書いてますが必要に応じて-mozなどをつけてください animationの使いかた /* キーフレームを作成 */ @-webkit-keyframes fadein { 0%{ opacity:0; } 75%{ opacity:0.5; } 100% { opacity:1; } } /* キーフレームをanimationプロパティで指定 */ div#in{ -webkit-animation: fadein 3s linear 0s 1; } key-framesは0%や100%などの%ごとにスタイルを指定します 0%が最初で100%最後のフレームです 0%から100%の間で途中経過を指定できます 50%ならち
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
ツラと部屋がマズい。 そんな自分でも、人目を避けて暮らせるイラストレーター。 仕事はメールのみ。人に会わない日々。今日は大根の葉っぱ描こうかな。欲しいものは、穏やかな暮らし。朝に注ぐ、柔らかな日差し… それが最近「オンライン打合せ、手軽やん」と気付いた人々により、zoomミーティングの大発生。初対面だとカメラもOFFれず、冴えない部屋と共に、貧相なツラまで開示される日々… 「この人、目と鼻と口ちっさ! 顔のデータ何キロバイトww」 ・・・・・ そんな罵声(妄想)を浴びる生活に終止符を打つべく、自分の挙動をリアルタイムトラッキング、zoom上でアニメーション化。 Character Animator → Camtwist (or OBS) → Zoom zoomの自分、カワイく出来る! イラストレーターの人なら zoom の"背景"を絵にしたことあると思うんですが、アレもう「全部自分の絵!」
アニメーション作成に長けた「Adobe Animate CC」。ここでは初心者でも無理なく進められるように、スクリプトを使わずに実現できるアニメーションについて解説します。必要なパーツをIllustratorで作り、それらをAnimateへと移し、きちんと動くようにしましょう。 Adobe Animate CCの特性を理解する 「ステージ」と「ライブラリ」について Animateを起動すると、定番サイズはすぐ新規ファイルとして指定可能です。「新規ファイルを素早く開始する」をクリックします。 ただ最初のうちは、左ペインの「新規作成」を選ぶほうがいいでしょう。新規作成をクリックすると、立ち上がった設定画面の下にいくつか「サンプルファイル」が表示されるので、自習には最適だからです。 ここでは、プリセットの「標準」を選択。なお、スクリプトを作成しなくても、プラットホームとして何らかのスクリプトを選
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く