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

【AE】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サイトを、フルスクラッチにて構築することが可能です。お気軽にお問い合わせください。

    その他の制作ブログ一覧

    LINEスタンプを制作しました。たくさんのイラスト作画が大変でしたが、とても楽しい作業で納品まであっという間でした。 LINEスタンプ制作のご依頼を頂きました。 兵庫県三木市で彫刻刀の老舗メーカーとしてたくさんの彫刻刀を製造販売しているクライアントさんです。以前にホームページ制作をさせていただいたご縁からいろんなお仕事をご依頼いただいています。 そんな中でもLINEスタンプ制作のご相談をいただきました。クライアントさんのマスコットキャラクターをLINEスタンプにしたいとのこと。 何度かやったことのある仕事で… イラスト制作illustratorphotoshop
    【jQuery】slideToggleを使って要素をクリックで要素を表示・非表示させる 「Q&A」などでよく使われる、クリックすると詳細が表示される、アコーディオンメニュー。この記事では、そのアコーディオンメニューを、jQueryのslideToggleというメソッドを使って作成する方法をご紹介します。 1、slideToggle 2、jsの関連コード<script>$(function($){$('.qa ul li .question').click(functi… TECHNICWEB制作javascriptjQuery
    一覧に戻る