このページの本文へ

  • twitterでつぶやく
  • はてなブックマークに登録
  • del.icio.usに登録
  • livedoorクリップに登録
  • Buzzurlに登録
  • StumbleUponに登録
  • Google Bookmarksに登録
  • Facebookでシェア
  • Yahoo!ブックマークに登録
  • お気に入りに登録
  • 本文印刷

新感覚!画像加工サービス「Aviary Peacock」がおもしろい

ぐにゅ~ Yahoo! Pipes風に画像つながる!

2009年03月06日 12時00分更新

文● 小橋川誠己/企画報道編集部

 画像にさまざまな加工を施せるPhotoshopは、Webサイトの素材作成に重宝する。ピンボケ、逆光、解像度不足……と、普通なら使い物にならないような写真素材しか手元になくても、バラエティに富んだPhotoshopエフェクトがあれば、ちゃんとイメージカットとして使えるようになるのだから便利だ。

 そんなPhotoshopは、具体的に完成形のイメージがカチッと決まっていて、エフェクト効果も想像できる場合には大変使いやすいのだが、逆にイメージが固まっていない時などには、もう少し直感的に加工できたらいいのに……と思うことはないだろうか?

 そんな方に、「Aviary Peacock」というオンラインサービスを紹介しよう。一風変わった操作で画像にエフェクトを重ねられるPeacockは、まったく予想外のイメージ画像を作り出せる、とてもユニークなWebアプリケーションだ。


画像とエフェクトをつないで新たな画像を作る

Peacock
「Aviary Peacock」のトップページ

 Peacockは、「Aviary」という米国のベンチャー企業が提供するオンラインサービス群のひとつで、現在のところ無料で提供されている。利用にあたって特に登録は不要だが、AviaryのIDを取得するとオンラインストレージ上にデータを保存できたり、他のユーザーとの共有ができる。Aviaryにはほかにも、ビットマップ/ベクター画像のエディターなど、さまざまなサービスがあり、Aviary IDは共通で使えるので、最初にユーザー登録をおすすめしたい。

 Peacockが具体的にはどんなサービスか? 言葉で説明してもちょっと分かりづらいので、最初にサンプル画面を見てほしい。このページ(Peacockが用意しているデモページ)を開くと、次のような画面が表示されるはずだ。

Peacock
Peacockのデモページ。見た目はあのサービスにそっくりだが……

 たくさんのボックスのようなものが“ぐにゅぐにゅ”と曲線でつながっているこの画面、どこかで見たことがないだろうか? そう、米ヤフーのフィードアグリゲーター「Yahoo! Pipes」のUIに、パッと見がソックリなのだ。

Peacock
Peacock上では取り込んだ画像やエフェクトを自由に配置できる。ノード同士を近づけると接続線が表示されるのでそれでつなげていき、最後に「Canvas」に接続すると処理を終えた画像が出力される

 Yahoo! Pipesは、指定したRSSフィードなどから情報を収集して、パイプでつなぐ操作でまとめられるサービスだ。パイプの途中には、「日付でソートする」「特定のキーワードを抽出する」といった処理を加えることができ、最終的には新たなフィードを発行したり、ブログやWebページに埋め込めるHTMLタグを出力できる。実はこのPeacock、見た目だけでなく基本的な考え方や操作もYahoo! Pipesとほぼ一緒だ。

 FlickrやPicasaにアップされている画像データを選択するか、自分のPCから画像データをアップして、それらのノードをエッジ(線)でつないでいく。途中でカラー変換やボカシなどのさまざまなエフェクトを加えたり、いくつかの画像データ同士をブレンドして、新しい画像データを出力する――といった具合だ。Pipesと違うのは、扱うのが画像データであり、当然それに合わせて処理の中身が違ってくる、ということだ。

Peacockソースとして使う画像は、左上の[File]から[Import Resource]で取り込む。ローカルから画像をアップするか、FlickrやPicasaの画像を指定する。取り込んだ画像は、左側の「Resources」パネルにストックされ、使いたいときに自由に配置できる
Peacock
配置できるノードは、左側のパネルに集約されている。左上の画面は、「Generators」。グラデーションや幾何学模様など、パラメーターでパターン画像を生成する機能だ。右上は、画像のブレンドやマスクなどの処理ができる「Controllers」。左下は、画像にさまざまなエフェクト処理をかけられる「Effects」パネルで、かなりの種類がある
Peacockエフェクトやコントローラーのパラメーターは右側のプロパティパネルで設定できる。画面は複数の画像を重ねてブレンドする「Blender」のプロパティ

 ノードをエッジでつなぎ、グラフを描くようにして画像を作り上げていくとなると、「最初にきちんとした設計が必要」と思うかもしれないが、実際にはそんなことはない。エフェクトをかけた結果はすぐにプレビューできるうえに、気に入らなければそのノードを捨てるか、エッジを外せばいいので手軽だし、感覚的に画像やエフェクトをつなぎ合わせていくだけで、まったく想像していなかったようなイメージにたどり着くこともある。単純に触っているだけでも楽しめるUIだ。

 使っている間に新しい発想を広げてくれるという意味では、Photoshopとはまた違った魅力があるこの新サービス。デザインのアイデアに詰まったときにでも試してみてはどうだろうか。

■関連サイト

カテゴリートップへ

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く

みんなが買ってる最新アイテムはコレだ!

VOCALOID3 スターターIA ARIA ON THE PLANETES

VOCALOID3 スターターIA ARIA ON THE PLANETES

ヤマハ

17,745円〜

24人が購入

標準HTML5タグリファレンス (WEB PROFESSIONAL)

標準HTML5タグリファレンス (WEB PROFESSIONAL)

アスキー・メディアワークス

2,205円〜

70人が購入

Google上位表示 64の法則 (WEB PROFESSIONAL)

Google上位表示 64の法則 (WEB PROFESSIONAL)

アスキー・メディアワークス

2,499円〜

69人が購入

Speck MacBook Air 13型 See Thru - Clear SPK-MBA13-SEE-CLR

Speck MacBook Air 13型 See Thru - Clear SPK-MBA13-SEE-CLR

スペックコンピュータ

4,262円〜

21人が購入

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

アスキー・メディアワークス

2,499円〜

38人が購入

メモリーカード 32GB (PCH-Z321J)

メモリーカード 32GB (PCH-Z321J)

ソニー・コンピュータエンタテインメント

7,772円〜

9人が購入

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

マイクロソリューション Micro Solution Inc.

60人が購入

Amazon.co.jp