Firefoxのデザインをお好みのテーマに変更

 FirefoxLogo   @  Firefoxペルソナギャラリーで一般公開して いるテーマの中からお好みのテーマを選択してFirefoxの外観を変更 
A Firefoxアドオンのペルソナをインストール して自分で作成したオリジナルテーマにFirefoxの外観を変更 
B Firefoxアドオン「NASA Night Launch」をインストールしてツールバー、ステータスバー、サイドバーのスタイルを変 
C  「APNG Edit」を使ってオリジナルのPNGアニメを作成してFirefoxのテーマに動きを与える 
 
 Home Back ペルソナギャラリー オリジナルテーマ NASA Night Launch
Google検索
カスタム検索

〜INDEX〜

■ APNG(PNGアニメ)

■ APNG Edit ダウンロード

■ PNGアニメ用の画像を用意する

■ APNG Editの使い方

■ PNGアニメの完成


FirefoxLogo

 Firefox ブラウザの入手先
 Download http://mozilla.jp/firefox/



APNGEdit

 APNG Edit のダウンロードサイト
  Downloadhttps://addons.mozilla.org/ja/firefox/addon/5519/



〜 ショートカット 〜

 公開されているテーマで外観変更
  ペルソナギャラリー

 テーマを自分で作って外観変更
  オリジナルテーマ

 ツールバー、サイドバーなどのスタイル変更
  NASA Night Launch

 PNGアニメをテーマに適用
  PNGアニメ作成









AmazonでPCソフトを検索  Amazon








    • FirefoxのペルソナテーマはAPNG ファイル (PNGアニメ)をサポートしています。

    • FirefoxアドオンのAPNG Edit(APNG Editor)を使えばAPNG形式(PNGアニメ)のファイルを簡単に作成できます。

    • APNG Edit(APNG Editor)はFirefox上で動作するFirefox用アドオンです。

    • APNGはフルカラー(PNGフォーマットを継承)のため鮮明な画質のアニ メーションを作成できます。


      Hed4
  • ※この画像ファイルはFirefoxのテーマに「APNGファイル」を適用させた状態キャプチャ したもので
    APNGファイル形式の画像ではありません。(GIFアニメ)

     PNGアニメ      
  • 『 APNG Editor 』 で作成したAPNGファイル
    ※APNGがサポートされてないブラウザですと静止画像として表示されます。


  • 『 + Firefoxへ追加 』 をクリック
    APENG Set1
          ↓
  • 『 今すぐインストール 』 をクリック
    APENG Set2
          ↓    
  • 『 Firefoxを再起動 』 をクリック
    APENG Set3
          ↓

  • Firefoxが再起動されると 『 新しいアドオンを1個インス トールしました 』 のメッセージがでます。
    インストールはこれで完了です。
    APENG Set4


  
  • ペラペラ漫画の要領で少しづつ変化を与えた画像を複数個用意する。
    PNGファイル以外のフォーマットにも対応してはいるようだが出来ればPNG形式のファイルを用意した方が無難。
  • ヘッター用画像の仕様 画像サイズ:幅 3000 x 高さ 200 ピクセル
    フッター用画像の仕様 画像サイズ:幅 3000 x 高さ 100 ピクセル

    「APNG Editor」で調整はある程度できますがあらかじめ同じサイズの画像を用意した方が簡単にAPNGファイルを作成できます。  
  • 今回用意したのは下の@〜Dの画像(PNGファイル)

    @HedOrg1

    AHedOrg2

    BHedOrg3

    CHedOrg4

    DHedOrg5
      


  • メニューバーの「ツール」を選択し次に「APNG Editor」を選択するとEditorが起動します。
    APENGEdit5
          ↓
  • 起動した「APNG Editor」の初期画面
    APENGEdit6
          ↓
    
  • 画面下の方のフレームの中にある「Open File...」のボタンをクリックして画像ファイルを選択し「APNG Editor」に画像ファイルを取り込んでいく。
    APENGEdit7
          ↓
    
  • 新しく画像を取り込むと空のフレームが自動的に追加されるので用意した画像を全て取り込んでい く。
    APENGEdit8
          ↓
    
  • 取り込んだ画像を変更する必要がある場合は@〜Cのボタンをクリックして調整する。
    全ての画像サイズを統一しておけば表示する長さを調整する程度でAPNGファイルを作ることができます。
    デフォルト値で250msがセットされますので特に調整の必要がない場合は表示時間の調整も不要です。

    APENGEdit9    
  • 次の画像を表示するまでの時間を変更する場合は A をクリックして数値を入力 単位:ms
  • 画像を変更する場合は B をクリックして新しい画像を選択し直す
          ↓     
  • 画像の取り込み、アニメーションの調整が終了したら「Save Animation...」ボタンをクリックして「PNGアニメ」に名前を付けて保存する
    APENGEdit10



  • 用意した画像@〜Dを「APNG Editor」により作成したPNGアニメ 
    画像サイズ:幅 3000 x 高さ 200 ピクセル  ファイルサイズ:80KB
    HedAPNG
    
  • GIFアニメとより画像が鮮明な上ファイルサイズも小さくできました。

    注意APNG ファイルはまだ一部のブラウザでしかサポー トされていません。(サポー されていないブラウザではPNG形式のファイルとして扱われ静止画像となります)
    「Firefox 3.6.3」 「Opera 10.53」でのアニメーション表現は確認できました。


    同じ画像から作成したGIFアニメ
    画像サイズ:幅 3000 x 高さ 200 ピクセル  ファイルサイズ:197KB
    HedGIF

    

Home PageTop Back ペルソナギャラリー オリジナルテーマ NASA Night Launch
inserted by FC2 system