DESIGN BLOGデザイン事務所の制作ブログ

【Adobe After Effects】APNG書き出し手順

あらくん
株式会社ビーエムビー

APNG Assemblerを使う場合

前提として、事前にAPNG Assemblerをインストールしている必要があります。(https://sourceforge.net/projects/apngasm/files/latest/download)

AEでの作業
  1. ファイル→書き出し→レンダーキューに追加
  2. レンダリング設定→フレームレート・デュレーション(動画時間)を決める
  3. 出力モジュール→チャンネル→PNG+アルファ
  4. 出力先→デスクトップに英名で出力先指定
  5. レンダリング


レンダリング後の作業
  1. 出力されたファイルの中から完成画像のPNGをコピーして先頭のファイルになるよう名前を変更
  2. APNG Assemblerに出力全pngファイルをドラッグ
  3. Playback Setting→ループ回数を指定(だいたい無限か1回か),先頭画像はスキップしない(Skip the first frameにチェックをいれない)
  4. Delays - All Frames→フレームレートを指定(AEとあわせる必要はない)
  5. Make Animated PNG(ドラッグ元の階層にコンポジットしたファイルが出力される)
  6. WEB上のtinyPNGでanimated.pngをさらに圧縮・ダウンロードで完成
株式会社ビーエムビー

株式会社ビーエムビー

〒114-0031 東京都北区十条仲原1-4-8 商店街会館311 TEL&FAX:03-5948-5996

東京都北区のWEBやDTP(印刷物)のデザイン制作会社です。ホームページ制作やLP(ランディングページ)の作成、ECサイト(楽天ストアなど)の構築などのWEBデザイン、チラシ・ポスター・名刺・パンフレット・看板などの印刷物デザインに対応しています。お客様の業務形態や用途に合わせたwordpressによるCMSサイトをフルスクラッチにて構築することが可能です。お気軽にお問い合わせください。

その他の制作ブログ一覧

知られざるHTMLタグ!知っておくと便利なタグ10選 HTMLはウェブページを構築するための基盤で、一般的に使われるタグはよく知られています。しかし、実際にはあまり注目されていないけれど、便利で強力なタグもたくさんあります。今回は、あまり知名度のないけれど知っておくと便利なHTMLタグを紹介し、その使い方とメリットを解説します。 1. <details> と <summary> 使い方: これらのタグは、ユーザーがクリック…
【CSSのtransformとは?】使い方とアニメーション応用を解説 transform は、CSSの中でも非常に強力で、動きやアニメーションを加えるために使われるプロパティです。本記事では、CSS transform の基本的な使い方から、アニメーションへの応用例まで、わかりやすく解説します。 CSSのtransformとは?基本を押さえよう transformプロパティとは transform プロパティは、HTML要素の見た目を変形させるためのCSS… CSS
【CSS疑似クラス】知っていると便利!::before / ::after 以外にも疑似クラスはたくさん! CSSの世界で「疑似クラス」と聞いて真っ先に思い浮かぶのは、::before や ::after という人が多いのではないでしょうか? 確かに、これらは装飾的な要素を追加したり、アイコンを表示したりするのにとても便利です。でも実は、CSSにはそれ以外にも便利な疑似クラスがたくさん用意されているんです。 この記事では、意外と見落とされがちな疑似クラスをピックアップしてご紹介します!ちょ…
VPN接続とは?オススメVPNサーバーもご紹介! VPN接続とは?おすすめのVPNサーバーの選び方【初心者向けガイド】 インターネットの利用が日常的になった今、「VPN」という言葉を耳にする機会も増えたのではないでしょうか?この記事では、VPN接続の基本的な仕組みから、あなたにぴったりのVPNサーバーの選び方までをわかりやすく解説します。 VPN接続とは? VPN(Virtual Private Network)は、「仮想専用線」とも呼ばれ… WEB制作
初心者でも安心!レンタルサーバーの選び方ガイド Webサイトを立ち上げるには、まず「レンタルサーバー」を選ぶ必要があります。でも、種類が多くて「どれを選べばいいの?」と迷ってしまいますよね。この記事では、初心者でも失敗しないレンタルサーバーの選び方をわかりやすく解説します。 1. レンタルサーバーとは? レンタルサーバーとは、Webサイトのデータを24時間インターネット上に公開できるようにするための「場所」のこと。自分のパソコンを使わずに、… WEB制作
一覧に戻る