タグ

2016年6月21日のブックマーク (2件)

  • [iOS 8] Safari 8 で対応したAPNG(アニメーションPNG)の作成方法 | DevelopersIO

    前回まで、APNGの概要を紹介しました。今回は実際にアニメーションPNGの作成についてご紹介できればと思います。 ですが、アニメーションGifのようにサクッと作れるものだと思っていたのですが、、、 まだまだ対応ブラウザが少ないため、ひと手間が必要みたいです。 フレームアニメーション画像素材の準備 まずは、アニメーションGifの作成と同じようにフレームアニメーション画像素材を準備します。 フレームアニメーション画像を作成できるツールはたくさんありますが、私はPhotoshopで作成してみました。 Photoshopメニューからウィンドウメニュー > タイムラインを選択、 下記のタイムラインパネルが表示されます。そのパネル内のフレームアニメーションを作成を選択します。 その後、以下のようなフレームごとの編集ができるウィンドウが表示されます。 今回はPhotohopでのフレームアニメーション作成

    [iOS 8] Safari 8 で対応したAPNG(アニメーションPNG)の作成方法 | DevelopersIO
    nvs
    nvs 2016/06/21
    なぜか逆回しになる
  • ウェブ用アニメーションを劣化なく保存できる画像形式APNGの作り方 - ICS MEDIA

    APNGエーピング(Animated Portable Network Graphics)形式とは、高画質なアニメーション用の画像形式です。類似の画像形式としてGIFアニメーション形式が存在しますが、APNGは高画質化が可能であり透過情報の扱いに長けています。詳しい利点は記事「これからはGIFアニメからAPNGの時代に」で紹介しています。 記事ではAPNGファイルの作り方を解説します。APNGファイルの作り方はいろいろありますが、「できるだけデータ容量を軽く」というテーマでまとめてました。 ※LINEアニメーションスタンプの作り方については、記事「LINEのアニメーションスタンプはこう作る! APNGファイルの作り方を徹底解説」で解説してます。 APNGの作り方の手順 記事では次の手順で解説します。 Adobe Animateでアニメーションを作成 アニメーションの連番画像を書き出し

    ウェブ用アニメーションを劣化なく保存できる画像形式APNGの作り方 - ICS MEDIA