Beauty Salon α-BET (alphabet)

space001
Blender3d Collada dae modeling Use Papervision3d on Progression3 and 4 http://a-bet.secret.jp/#/access
more whaison works.
whaison space
space002
http://whaison.jugem.jp/ https://jp.pinterest.com/whaison/ https://www.instagram.com/whaison/ https://whaison.amebaownd.com/
https://suzuri.jp/whaison
http://whaison.blogspot.com/
http://whaison.tumblr.com/ http://qiita.com/users/whaison http://www.behance.net/whaison https://github.com/whaison/ https://bitbucket.org/whaison http://serato.com/user/whaison http://whaison.hatenablog.jp/

typo memo
http://d.hatena.ne.jp/whaison/


dayNote
http://www.myspace.com/whaison http://ameblo.jp/whaison/ http://blog.crooz.jp/whaison/ http://blog.crooz.jp/whaisoncafe/ http://nenpyo.org/whaison

fulldisk
http://full.shin-gen.jp/
http://whaison.client.jp/
http://www.dclog.jp/whaison/
featured forums.
space004
forum.unity3d.com/

forums.unrealengine.com.

Progression Forum.

FlashDevelop Forum.

Papervision3D Forum.

FlexUserGroup Forum.

SparkProjectForum.





Twitter







Mobile
qrcode
Calendar
SunMonTueWedThuFriSat
1234567
891011121314
15161718192021
22232425262728
293031    
<< December 2019 >>
New Entries
Archives
Categories
Recent comment
  • FlashDevelopでフォント埋め込み
    感謝!! (12/24)
  • cocos2d-x-3.0rc0 ,c++ ,cpp でTexturePacker で 吐き出した、plist と png でパラパラアニメーションのコード例
    whaison (04/17)
  • Blender2.67にbvh(web上に2500個以上ころがってる)入れてそのBoneオブジェクトをUnity4.0のmecanimで使う
    whaison (08/19)
  • Apple Dev Center 「Certificates, Identifiers & Profiles」で Adhoc をつくってXCode4.6.1でArchiveしてipaを書き出し
    whaison (04/30)
  • Flash CS6でプロパティーパネルで物理演算のジャンプの高さを設定できるCitrus Engine
    whaison (03/01)
  • 「Flash以外、例えばKinectとか」ON TOKYO (会場:高田馬場4-11-8 Floor 6階 ) 短縮URL http://bit.ly/dI0Bfx
    uka (03/02)
  • App Store Review Guidelines アップル社のアプリ審査基準ガイドライン和訳 Apple が 開発者を悩ませ ユーザーをハッピーにしたいガイドライン。w
    whaison (01/25)
  • Unity3d では ADOBE JAPAN OSAKIで行われたFITC 2010 TOKYOでは、 「iOS用にパブリッシュするためには、フリー版ではなくて、有料版を買ってください。さらに追加のパッケージである、"iOS Package (for Development)"を買ってください」とのことだった。
    whaison (01/25)
  • enjoy Adidas-Futsal-Park
    whaison (01/16)
  • MacBookAir にFlashPlayer入れたらなった。Mac Flash Player 10.1/10.2でUstream などでカメラが認識されないバグそんなときはUstreamProducer!でもなくiPhoneだと直ぐにライブ配信できた
    whaison (01/14)
simple sintax high lighter2.0
space003
SyntaxHighlighter2.0用 の貼り付けコード作成する!
ブログパーツ-BLOG PARTS.
Profile
Links
Recommend
Admin
無料ブログ作成サービス JUGEM
Seach this site
            
2009.11.23 Monday
ウェブページ全体の画面(Flash 含む)をキャプチャするFirefoxのアドオン Pearl Crescent Panel Saversarani|さらに編集もできるAviary
http://vanillachips.net/2009/02/01/pearl_crescent_panel_saver/
より

前の記事: ウェブページ全体の画面をキャプチャするソフト CrenaHtml2jpg
20090201

ウェブページ全体の画面をキャプチャするFirefoxのアドオン Pearl Crescent Panel Saver

Firefoxのアドオン Pearl Crescent Page Saver ならば、ブラウザに表示されているとおりに撮れる

Pearl Crescent Page Saver

Pearl Crescent Page Saver

Pearl Crescent Page Saver

 使用方法も簡単。Firefoxの右上にカメラのアイコンが表示され、ここをクリックすればすぐ画面が撮れます。設定を変えたいときには下向き矢 印をクリックしてプルダウンメニューから項目を選びます。また、右クリックからもスクリーンキャプチャを撮ることができ、全体を撮るか、表示画面のみを撮 るかが選べます。あと細かいところですが、キャプチャを撮るときにシャッター音が鳴るのがすてきです。ファイルの形式はJPEGかPNGが選べます。

 ただし、CrenaHtml2jpgと違って、縮小サイズを設定できないので画像のサイズはそのままの大きさです。ブログに載せるためリサイズしたいというような場合には、画像編集ソフトを別に使う必要があります。

 以下は Pearl Crescent Page Saver で撮ったスクリーンキャプチャ。




-------------------さらにーサイズとかの編集もできるAviary---------------------------------

Webページを3通りの方法でキャプチャして編集もできるFirefoxアドオン「Aviary」

Webサイトやブログの管理者なら、自分のサイトや参考サイトのスクリーンショットをキャプチャしなければならないこともあるでしょう。

Firefoxには、このようなシーンで使える便利なアドオンがいくつか用意されており、余計なアプリケーションをインストールすることなく簡単にスクリーンショットを得ることができます。

今回は、そんなキャプチャ系アドオンの中から、最近リリースされた「Talon: Screen Capture & Aviary.com Quick Launch」という長い名前のアドオンを使ってみました。(以下Aviaryと表記)

「Aviary」 は、Firefoxで表示しているページのスクリーンショットを、[範囲指定]、[現在表示されている部分]、[ページの全体像]の3通りから簡単に取得 できる上、さらにそれをオンラインアプリケーションである「Aviary」で編集もできてしまうというものです。


<使い方>


キャプチャしたいページを表示したら、ツールバーに追加されたボタン 01_Aviary_Firefox_Add-ons.JPG をクリックします。(デフォルトでは範囲指定キャプチャ)

* このとき、以下のようなログインダイアログが表示されますが、これはAviary.comのサービスを使って画像を共有する必要がある場合のものです、不 要な場合はチェックボックスにチェックを入れ、[Continue]をクリックしてください。(次回から表示されません。)


02_Aviary_Firefox_Add-ons.JPG


ページがグレーアウトされたら、マウスカーソルでキャプチャしたい範囲を選択します。


03_Aviary_Firefox_Add-ons.JPG


範囲が決定し、マウスを離すと選択部分にマークが付きますので、[save]ボタンをクリックします。


04_Aviary_Firefox_Add-ons.JPG


*やり直ししたい場合は[キャンセル]ボタンをクリック、キャプチャ自体をやめたい時は[Esc]キーを押します。

[save]をクリックすると、以下のようなウィンドウが表示されます。


05_Aviary_Firefox_Add-ons.JPG


ここでは、画像を[クリップボードにコピー][ローカル(デスクトップ)に保存]の他、後述する[Aviaryで編集]が選択できます。

クリップボードにコピーした場合は、そのまま他のアプリなどで画像を利用することができます。

ローカルに保存を選択した場合は、保存場所を指定するダイアログが表示された後、保存することができます。

*保存形式はpngとなっています。
*ファイル名は、ドメイン名.pngとなります。

また、ツールバーボタン横の▼で表示されるメニューからキャプチャ方法を以下のように指定することもできます。


06_Aviary_Firefox_Add-ons.JPG


[Capture Region on Page]:範囲指定


07_Aviary_Firefox_Add-ons.JPG


[Capture Visible portion of Page]:表示エリアに見えている部分


08_Aviary_Firefox_Add-ons.JPG


[Capture Entire Page]:そのページの全体像


09_Aviary_Firefox_Add-ons.JPG


さらに、このアドオンの特徴として、名前の通りAviary.comというオンラインアプリサービスによる画像の編集機能があります。

この機能を利用するには、保存ダイアログから[Edit it in Aviary.com]を選択します。

キャプチャ後、これをクリックすると、新規ウィンドウでオンラインドローツールが開きます。

ツール読み込み中・・・


10_Aviary_Firefox_Add-ons.JPG


11_Aviary_Firefox_Add-ons.JPG


このツールはフォトショップのようにあらゆる画像編集操作が可能となっており、画像を編集してからローカルに保存することができるようになっています。


12_Aviary_Firefox_Add-ons.JPG


オンラインツールとしてはかなり高機能で本格的なものとなっていますので、「ちょっとした」以上のことができると思います。

アドオンのオプションでは、ツールバーボタンをクリックした際のキャプチャスタイルの設定、および編集時に開くAviary.comのツールを選択することが可能です。


13_Aviary_Firefox_Add-ons.JPG


*オンラインアプリは、イメージ、カラー、エフェクト、ベクターの4種のエディタが利用可能です。

以上のように、3種のスタイルで簡単にページキャプチャができ、それを保存するだけでなく、その場ですぐに編集できるという特徴を持ったものとなっています。

キャプチャしてすぐに利用したいような場面でも活躍してくれそうなアドオンですね。
| whaison | Tool | 17:18 | comments(0) | - | pookmark |
Comment




whaisonStudyNoteBook をFaceBookで いいね!





Share |