hirax.net::Keywords::「クリック」のブログ

■「ナンシー"小"関 風 パッチもん版画」作成ソフト　

　 「ナンシー"小"関 風 パッチもん版画」作成ソフトを作ってみました。使い方は、顔画像を"nancyKOseki.exe"のアイコン上にドラッグ＆ドロップするだけ…です（もしも、アイコンを直接ダブルクリックした場合には、添付のアインシュタイン顔画像を使います）。後は、必要に応じて適当に調整をすればＯＫです。キーボードの"s"ボタンを押すと、結果画像が"○×のパッチもん版画.00.jpg"というようなJpegファイルとして保存されます。また、ソフトウェアの終了はキーボードのESCを押して下さい。 細かい説明やソース添付版は、Mac OS X 版をトライした後に付け足してみます。色んな作成画像の例は「こちら」です。なお、Mac OS X (PPC)版はこちらです。

■Imagination You Make　

使い方

　Imagination You Makeは画像加工をするためのWEBサイトです。ブラウザ上で画像をさまざまな効果を掛けたり、アニメーション画像を作成することができます。自分用のアカウントを作りログインすることで、手元の画像を他の人には見せずに自由に加工することができます。また、アカウントを作らない場合（ゲスト・モード）でも、サンプルファイルをに対して各種効果をかけることができます。（ただし、ゲスト・モードではサンプルファイル自体を書き換える画像間演算や、サンプルファイルに説明文・属性を付けたりする機能などは制限されています。）

　Imagination You Make で必要な作業は、「画像をマウスでつかんで動かす」「アイコンをクリックする」という２つだけです。たとえば、上・左右に配置されているアイコンをクリックすれば、"Processed Image"に対して、さまざまな画像効果がかかります。もちろん、処理を何回も次々と重ねていくことも可能です（"Backup Image"として、処理を掛けている途中の画像を保存しておくこともできます。また、アップロードした画像に戻すこともできます）。

　また、ログインしていて、なおかつ、自分がアップロードしたファイルの場合、画面下部のサムネイル画像を"Processed Image"にドラッグアンドドロップすることで、異なる画像間で処理を行うことができます。

　"Processed Image"も"Backup Image"も自由にドラッグして移動できますから、机の上で絵を描いて遊ぶような感覚で操作することができます。また、他の画像を使って遊んでみたい場合には、画面下部からサムネイル画像を上の領域にドラッグ・アンド・ドロップして下さい。すると、その画像が画面に登場して、処理を行うことができるようになります。

アカウントを作る

　画面右上部の"Create new account"をクリックすると

• 名前 "Name"
• パスワード "Passwd"
• パスワードの確認用 "Passwd"

ログインする

　画面右上部の"Login your account"をクリックすると

• 名前 "Name"
• パスワード "Passwd"

画像をアップロードする

　ログインしている際に、画面上部に表示されている "Upload new image!" という部分をクリックして下さい。すると、画像のタイトル"Title", 説明文"Description"の入力欄とともに画像をアップロードすることができるフォームが画面に現れます。 画像のタイトル"Title", 説明文"Description"は省略可能ですので、この段階で必ず入力しなければならないわけではありません。また、後で入力・修正をすることもできます。なお、画像のタイトル"Title"や 説明文"Description"を使う画像処理機能もあります（吹き出し作成・ポラロイド写真加工・タイトル合成など）。

吹き出しや効果線の位置を決める「ターゲット"Target"」

　吹き出しや集中効果線は、画像中の顔や口を自動検出して自動配置させるようになっています。その位置を手動で決めたい場合には、"Processed Image"の上にある"Target"を好きな位置にドラッグして設定します。なお、Targetはログイン状態で、なおかつ、自分がアップロードした画像でないと見ることができません。

アイコンをクリックしてできること

　画面の上・右・左に並んでいるアイコンをクリックするとさまざまな画像加工を行うことができます。アイコンの機能は大きく分類すると次のようになっています。通常は、画面右上部に配置されているアイコンを使い、（適時、画面の右部のアイコンを使いつつ）反時計回りに順にを追った処理をかけていくと良いでしょう。

• 画面右：行った処理を元に戻す機能といったヒストリ処理 / 画像間演算機能 / 動画作成機能
• 画面上部：画像強調・色処理 / マンガ処理 / 絵画処理 / 美人化処理 など
• 画面左部：写真フレーム・ジグソーパズル化 / 照明効果 / ミニチュア処理化など

　それぞれのアイコンの機能は次のようになります。

上部アイコン

• 　画像を鮮明にします
• 　明暗を強調します
• 　色合いを強調します
• 　画像中の「顔」をズームアップします
• 　画像中の「顔（瞳）」の化粧を落とします
• 　画像中の「顔（瞳）」に化粧をします
• 　アメリカ版画風イラストにします
• 　　カラー木版画風にします
• 　　白黒木版画風にします
• 　油絵絵画風にします
• 　　鉛筆スケッチ風にします
• 　　マンガの集中効果線を描きます。画像中の顔に自動的で効果線を集中させることもできますし、Targetを利用して位置を指定した上で、集中線を描かせることもできます
• 　　マンガのような吹き出しを描きます。位置は画像中の「口」に自動配置することもできますし、Targetを利用して任意の位置に吹き出しを配置することもできます。吹き出しの内容は画像の説明"description"が使われます
• 　マンガの「タイトル」のように文字を描きます。内容は画像の題名"Title"が利用されます
• 　　　画像を印象的なセピア風にします
• 　　画像を白黒写真にします

左部アイコン

• 　画像をミニチュア撮影風写真に加工します。ピント位置は"Target"を置いた位置になります
• 　　画像をジグソーパズルにします
• 　　LOMOカメラで撮影した写真風にします
• 　魚眼レンズで撮影したようにします
• 　　ポラロイド写真風にします
• 　　文字を書き入れたポラロイド写真風にします。文字は画像の説明"desciprion"が利用されます
• 　　　画像を燃やします
• 　　　右上から照明が当たっているような効果をかけます

右部アイコン

• 　最後の処理をかけない状態に戻します
• 　"Processed Image"と"Backup Image"をアップロードした画像に戻します
• 　"Processed Image"の内容を"Backup Image"の内容で書き換えます
• 　"Processed Image"と"Backup Image"を入れ替えます（要ログイン）
• 　"Processed Image"と"Backup Image"を合成します
• 　画像の左右反転させます
• 　「顔」のズームアップがされた状態の"Processed Image"と"Backup Image"を合成します
• 　"Processed Image"と"Backup Image"の間のモーフィング動画を作成します

サンプル画像

　Imagination You Make のサンプル画像にあります。

■Icosahedron Worlds　

　"Icosahedron Worlds" は、好きな画像ファイルから、のりしろなども付いた正二十面体の展開図を作成するWEBサービスです。あなたの手元にある画像ファイルを、ブラウザ画面からアップロードするだけで、自動的にサーバー内で画像変換が行われて、ブラウザ画面に正二十面体の展開図が表示されます。表示された正二十面体の展開図を印刷すれば、あなたの画像ファイルを実際の正二十面体として組み立てることもできます。

　処理された展開図は、ブラウザ上では一見小さな画像に見えます。しかし、実際には非常に大きなサイズの画像ファイルです。画像上でマウスを右クリックでもすれば、展開図の画像ファイルをローカル・ディスクに保存することができます。ダウンロードした展開図を好きなサイズでプリンターから印刷すれば、好きな大きさの正二十面体を作り出すことができます。

　たとえば、Texture Mapなどから、さまざまな画像ファイルをダウンロードして、地球や月や火星などの天体の地図をもとに小さな正二十面体を作ってみても面白いでしょう。あるいは、パノラマ写真から、水晶玉のように周囲の景色を中に封じ込めた不思議な正二十面体を作ることもできるでしょう。いろいろな使い方がきっとあります。"Icosahedron Worlds" は、好きな画像ファイルから正二十面体の展開図を作成し、20の顔を持つ小さな空間を作り出すWEBサービスです。

　今のところ、サーバにアップロードした画像ファイルを削除する機能はありません。そのかわり、アップロード時に自動的に暗証番号が付加され、その暗証番号を指定しなければ、アップロードした画像にアクセすることはできないようになっています（たとえば、アップロード後に表示されるhttp://www.hirax.net/map/index/16?code=186604のcode=186604の部分がその暗証番号です）。もしも、アップロードして作成した画像や展開図に、後でアクセスしたい場合には、ブラウザ・アドレスバーに表示されているURIをメモするなどしておいて下さい。このhttp://www.hirax.net/map/index/16?code=186604というアドレスを他の人に知らせたならば、手元の写真を正二十面体の展開図にしたものを友達に見せることもできます。友達と一緒に撮影した写真などを「展開図」にして、見せてみるのも楽しいかもしれません。友達の顔をした正二十面体を作るのも面白いかもしれません。一枚の写真から、掌の上にのる小さな世界を作る、"Icosahedron Worlds" は、そんな風に1枚の2次元の画像から、いろいろな面を持つ3次元の空間を作り出すWEBサービスです。

■Mannequin Head Maker　

　Mannequin Head Maker は、アップロードした写真に写っている人の「マネキン頭」を作り出すWEBサービスです。写真や画像中から「人の顔」を抽出して、その顔をスキンヘッドにした上で、その顔を組み立てることができる正二十面体展開図を作り出します。ブラウザ画面中に生み出された展開図を（マウスの右クリックで）ローカル・ディスクに保存し、プリンタで厚紙に印刷して、展開図をはさみやカッターで切り取って、ののりしろ部分に両面テープやのりをつけてて、組み立ててみることにしましょう。すると、あなたの手元には、スキンヘッドの「マネキンの頭」が出現するはずです。あなたが手にした写真に写っている人の顔を、あなたは掌の上でその重みを感じながら持つことができます。あなた自身や、あなたの友達や、あなたが好きなタレントたちの顔を、小さな紙細工としてあなたの掌の中に実際に作り出すことができるのです。

　けれど、組み立てた坊主頭のマネキン・ヘッドは、その段階では、まだ素材に過ぎません。太い油性マジックを手にとって、あるいはカラフルなクレヨンを握り、好きな髪型でも描いてみましょう。あるいは、赤いクレヨンを口紅に見立てて唇を赤く彩ってみるのも面白いことでしょう。はたまた、薄い色鉛筆で頬に彩りを添えてみたり、眉を整えてみるのも良いかもしれません。組み立てたマネキン・ヘッドをキャンバスにして、あなたが好きな化粧や髪型を作り出して描いてみるのが、それがMannequin Head Maker の楽しみ方です。立体的に顔が描かれたキャンパスに、筆を走らせてみることができるのが Mannequin Head Maker の味わい方の１つです。好きな髪型や化粧の下書き・あるいは苦手な髪型の実験台として、本当の人の代わりにマネキン・ヘッドを使ってみるのも、きっと面白いと思います。

　紙でできたマネキン・ヘッドを横に向ければ、その顔はあなたに横顔を見せることでしょう。その顔を下に向ければの口や目の配置から、少し「笑顔」を見せるはずです。そして、マネキン・ヘッドを少し上に向ければ、その顔はちょっと怒った顔を見せるだろうと思います。あるいは、斜め下から眺めれば、なぜか憂いを帯びた顔を見せ、斜め上から眺めれば含み笑いを浮かべている…。そんな具合に、マネキンヘッドの表情がカラフルに変化するように、顔の部品が正二十面体上の適切な位置（変上）に配置されています。それがMannequin Head Makerです。

　つまり、Mannequin Head Maker は、好きな顔を掌の上に作り出し、あなたの思い通りの装いをさせることができ、そして、あなたの好きな表情を作り出すことができるWEBサービスです。平面的な写真から、立体的な表情や姿を作り出すことができるちょっとおかしなWEBサービスです。

　Icosahedron Worlds と同じように、処理された展開図は、ブラウザ上では一見小さな画像に見えます。しかし、実際には非常に大きなサイズの画像ファイルです。また、その他の使い方自体も、Icosahedron Worldsと同じになっています。組み立てる時には、のりでなく両面テープを使った方が楽でしょう。

■「画像処理ジェネレータ・サービス」を使ったサイド・バー　

　こういった画像加工をすることができるジェネレータを作る・使うことができるのが、「画像処理ジェネレータ・サービス」を作り出すサービス"Imagenerator"です。この Imagenerator にサイド・バーで貼り付けて使うことができるためのタグを出力する機能を追加しました。Imageneratorが出力する「各ジェネレータのページ（例）」の下部に、サイドバー用のタグを出力するようになっています。そのタグを、サイド・バー部分に貼り付ければ、下のようなジェネレータ・モジュールを貼り付けることができます。もちろん、下の例のように、普通の記事部分に貼り付けることもできます。

　なお、画像は小さく表示されますが、実際には長辺が400ピクセルの画像になっています。そのため、画像部分を「右クリック」して画像を保存すれば、大きな画像を自分の手元に残すこともできます。