2010年05月10日12時00分

Chromeだけでキャプチャー&画像編集! エクステンションAviary Screen Captureで遊ぼう!!

  • このエントリーをはてなブックマークに追加
  • Pocket

  ブラウザーの画面をキャプチャー画像にする場合、まずは【Print Screen】+【Alt】、次に画像編集ソフトを起動して【Ctrl】+【V】でペースト……、と手間が必要。しかし、Chromeの拡張機能『Aviary Screen Capture』を使えば、なんとワンクリックでこれらの作業をブラウザ上で完了できる。しかも、その場でトリミングや囲み線、矢印やペインティングといった簡単な編集作業もできるすぐれものだ。

Aviary Screen Captureで遊ぼう!!:Aviary Image Markup
キャプチャーはもちろん、画像をブラウザー上で加工できるAviary Image Markupが便利だ。

 さらに、画像をバリバリ加工したい人向けに『Aviary Image Editor』というツールも用意されている。これはAdobe『Photoshop』のようなレイヤー機能を使える画像処理ツール。ほかにもAdobe『Illustrator』と似たベクター描画機能や音声編集機能など多彩なツールを備えている。

Aviary Screen Captureで遊ぼう!!:Aviary Image Editorで画像編集。
Aviary Image Editorでは、Photoshopのようにレイヤー機能を使って画像編集できる。

 
■インストール

 Google Chromeのエクステンション配布サイトにアクセス。サイト上で“Aviary Screen Capture”を検索して、ダウンロードページに進もう。

Aviary Screen Captureで遊ぼう!!

 ページ中央の【インストール】ボタンをクリックすると【インストールの確認】ダイアログが表示される。【インストール】ボタンをクリックすると数秒でインストールが終了する。

Aviary Screen Captureで遊ぼう!!:【インストールの確認】ダイアログ
“インストールの確認”ダイアログ。

 ブラウザーの再起動なしで拡張機能が表示される。左上のツールバーに【Aviary Screen Capture】のアイコンが表示されていればインストール完了だ。

Aviary Screen Captureで遊ぼう!!:『Aviary Screen Capture』のアイコン。
『Aviary Screen Capture』のアイコン。

 
■基本的な使い方

 Aviary Screen Captureの使い方は簡単だ。右上の“a”マークのアイコンをクリックするとメニューが表示される。メニュー一番上の“Capture Visible Portion of Page”を選択すればよい。

Aviary Screen Captureで遊ぼう!!

 すると、自動的にキャプチャー画像が新しいブラウザーウィンドーで展開される。

Aviary Screen Captureで遊ぼう!!

 用意されている機能は以下のとおりだ。

上部ボタン左側
Aviary Screen Captureで遊ぼう!!:上部ボタン左側。
左側にはファイルの保存など基本機能を配置。
上部ボタン右側
Aviary Screen Captureで遊ぼう!!:上部ボタン右側。
各種ツールを起動するボタンが配置されている。
画像編集用ツール
Aviary Screen Captureで遊ぼう!!【画像編集用ツール】
ウィンドー左に縦に並んでいるのは【画像編集用ツール】。画像編集に必要な基本的なツールは網羅されている。
パレットツール
Aviary Screen Captureで遊ぼう!!【パレットツール】
ウィンドー右には【History】パレットと【Colorパレット】、【ブラシ】パレットが配置されている。
Aviary Screen Captureで遊ぼう!!:編集用メニュー
ウィンドー左下には画像のサイズ変更で使うメニューが並んでいる。それぞれ【Crop】【Resize】【Rotate & flip】。
Crop
Aviary Screen Captureで遊ぼう!!:Crop
Cropでキャンパスのサイズをピクセル単位で変更できる。
Resize
Aviary Screen Captureで遊ぼう!!:Resize
Resizeでは、画像そのもののサイズを変更する。縦横を別々に拡大縮小することも可能だ。
Rotate & flip
Aviary Screen Captureで遊ぼう!!:Rotate & flip
画像を傾けたり、反転したりできる。
画像のズーム機能
Aviary Screen Captureで遊ぼう!!:画像のズーム機能
右下にあるのはズームツール。これでキャプチャした画像を拡大縮小して確認することができる。

 
■画像を編集してみよう

  “Capture Visible Portion of Page”を選択して新規ウィンドーを表示しよう。今回はツールバーから四角形ツールを選択して図形を描いてみる。

Aviary Screen Captureで遊ぼう!!

 次は矢印ラインツールで線を矢印を引いてみよう。矢印の先端はラインの終点部分に向かって表示される。

Aviary Screen Captureで遊ぼう!!

 次は文字ツールで文字を記入する。残念ながら現時点ではまだ日本語に対応していない。今回は欧文で「MOVE」と入力してみた。

Aviary Screen Captureで遊ぼう!!

 今度はペンツールで色を塗ってみよう。スポイトツールを選択して、使用したい色にツールのカーソルを合わせてクリックすると、カラーパレットの色が変化する。これで指定した色で線を描くことができる。または、カラーボックスの四角い部分をクリックしてカラーパレットを表示し、そこで色を選択してもよい。

Aviary Screen Captureで遊ぼう!!:スポイトツールで色を選択。
スポイトツールで色を選択。
Aviary Screen Captureで遊ぼう!!:カラーパレットで色を選択することもできる。
カラーパレットで色を選択することもできる。

 次はブラシツールを使用して絵を描いてみよう。ツールパレットのブラシを選択する。後はクリックしたままの状態でマウスを動かせば線を描くことができる。ブラシサイズパレットで線の太さを設定できる。

Aviary Screen Captureで遊ぼう!!

 最後に編集した画像を保存する。上部の【Save to Desktop】をクリックする。

Aviary Screen Captureで遊ぼう!!

 【保存】ボタンをクリックして編集した画像をローカルのデスクトップに保存することができる。

Aviary Screen Captureで遊ぼう!!:ファイルの保存形式はPNG。
ファイルの保存形式はPNG。

 
■コレは使える! 高機能ツールたち

 Aviary Screen Captureにはキャプチャーツール以外にも、Aviaryのサービスを利用した便利なツールが用意されている。Aviaryは無料で使える画像処理系のウェブアプリケーションサービスだ。会員登録すると、専用のオンラインストレージに画像をアップロードすることもできる。

Aviary Screen Captureで遊ぼう!!:基本メニューから多彩なツールを選択できる。
基本メニューから多彩なツールを選択できる。

 メニューから“Aviary.com Chromo Extension Options...”を選択すれば、画像キャプチャー時に起動するウェブアプリケーションを変更することも可能だ。

Aviary Screen Captureで遊ぼう!!:起動アプリを変更できる。
起動アプリを変更できる。

各ツールの機能は以下のとおり。

●Aviary Image Markup
 今回使用したデフォルトで設定されているペイントふうの簡易画像編集機能。画像サイズを変更したり矢印や引き出し線を追加したりと、ちょっとした画像処理に便利だ。ローカルの画像をアップロードして加工することもできる。

●Aviary Image Editor
 本格的な画像処理ができる。レイヤーやマスクなどPhotoshopライクな編集機能やフィルターなどの画像加工機能を使用できる。

●Aviary Color Editor
 ウェブなどで使用する色を作成する。カラーパレットを使用して色を作成することができ、細かな色指定が必要なウェブ制作で便利なツールだ。

●Aviary Effects Editor
 エフェクト機能と画像をマインドマップように連結して一枚の画像を作成する。イラストやウェブサイトの背景画像づくりで使える。

●Aviary Vector Editor
 Illustratorに比べると機能不足は否めないものの、そこそこのベクター描画ができるドロー系画像処理ツール。

●Aviary Audio Editor
 音声ファイルを編集、作成することができるウェブアプリケーション。ライブラリには多数の素材が用意されているのがうれしい。

Aviary Screen Capture
バージョン:0.42
フリーソフト
作者:iderdik

(バージョンは記事掲載時のものです)

関連記事

あわせて読みたい

follow us in feedly

最新のニュース

アスキーストア人気ランキング

特集

Comic

アクセスランキング

Like Ranking

BEST BUY

みんなが買っている最新アイテムはこれだ!

Fire タブレット 8GB、ブラック

Fire タブレット 8GB、ブラック

Amazon

8,980円〜

55人が購入

Fire TV Stick

Fire TV Stick

Amazon

4,980円〜

41人が購入

Amazon Fire TV

Amazon Fire TV

Amazon

12,980円〜

11人が購入

Amazon.co.jp