hirax.net::Keywords::「画像加工」のブログ

トップページ"hirax.net" へ　/　サイトBlog "inside out" へ

「画像加工」に関する最新記事　/　「画像加工」に関する「説明」「記事の一覧」
より新しい5件の記事へ

2001-10-19[n年前へ]

■女性を美しく見せる画像加工ソフト　

　色変換と座標変換くらいで、シワとりフィルターは実装されていないようですね。 from ASCII24（リンク）

この記事の「関連お勧め記事」を読む >>

キーワード(ブログ):画像加工|女性|実装|フィルター|座標|座標変換

2002-08-04[n年前へ]

■キラキラ光る景色を描く　

「木漏れ日」プラグイン「リン」を作る

　夏の休日には、朝早く起きて西伊豆の松崎の先にある「雲見・岩地・石部」辺りへ行って、海の中でお魚と戯れてみたり、海辺の温泉に長々とつかってみたりする。例え休日であっても朝早く行けば混雑とは無縁だし、海に照りつける太陽と温泉とビールの三点セットが揃えば、夏の景色としてはとても素敵なのである。

　とはいえ、今日は朝寝坊したので、松崎までは行かずに「無名だけれどとても良い感じの場所」へ行った。海辺に車を止めて、景色を眺めて、ほんの少しの時間泳いでみた。下はその西伊豆の某所で眺めた「今日見た景色」だ。

西伊豆の某所で眺めた「今日見た景色」
「雲見、岩地、石部」であれば温泉も海も最高だけれど、西伊豆の辺りには他にも「海水が綺麗で、人も全然いなくて、トイレも水もある」ような場所はいくつもある。これはそんな場所の一つ。　県道から海辺の集落に向かう道沿いには素晴らしい滝もあって、まるでプレイステーション２のゲームソフト「ぼくのなつやすみ２海の冒険篇」の世界に迷い込んだかのよう。　実際に眺めていた景色はもっとキラキラしていたハズなのに、その片鱗も残っていない…。それはひとえに写真を撮ったワタシのウデが悪いから。

　海辺でワタシが実際に眺めていた景色は、もっとずっと「キラキラ」していたハズなのに、残念なことに上の写真を眺めてみても、その片鱗すら残っていない。揺れてる波間も、足下の濡れている岩も、眩しい太陽だってもっとずっとキラキラしていたハズなのに、上の写真はただボンヤリした写真になってしまっている。それは、ひとえに写真を撮ったワタシのウデが悪いからである。もちろん、それが一番の理由である。クヤシイ話ではあるが、確かにワタシのウデは悪いのである。

　とはいえ、言い訳を少しばかり書くならば、実際に眺めていた景色がもっとずっとキラキラしていた理由は他にも考えられる。例えば、ワタシ達が景色を眺めるときには、目の前にかかる髪の毛や、睫毛や、目の水晶体を通して景色を眺めているわけで、それらの中で光が回折したりして、キラキラとまるで虹のように光が輝いて見えたりするからだ。そのため、例えば夜空の星の形、本来は丸いはずの星の形、が星型に見えたり、木漏れ日が虹のように輝いて見えたりする。

　そんな様子をもしカメラで再現しようとするならば、ケンコーが出しているクロスフィルターのようなものをつけることになる。しかし、手軽さが取り柄のデジタルカメラでわざわざそんなフィルターをつけるのは面倒くさいし、第一人によって見え方は違うから、「ただ一つのフィルター」で写真を撮ってしまうのは少しばかりイヤな気がする。例えば、「私は目の前に髪の毛がたくさんかかってしまって邪魔なのー」という人もいれば、「最近、抜け毛がハゲしーなぁ…、目の前に髪の毛がたくさんかかっていたあの頃が懐かしぃ…」という人もいるわけで、そんな二人が眺めた景色はきっと全然違うハズなのである。「百人の人がいれば百人百葉様の景色を眺めている」わけで、写真を撮る時点でただ一つのフィルターをデジカメにはめて写真を撮ってしまうのも面白くない。フィルターに限らず、何事も一つの枠にはめてしまうのは良くないのである。

　デジカメの便利なところは、何より撮った後の画像加工が自由自在、というところなわけで、撮った後に「眺めた景色」を再現するように画像を加工してやれば、「写真を撮るときには素直な景色を撮って」「その後で自分が眺めたキラキラ光る景色を蘇らせる」ということができる。そこで、今回はそんな「キラキラ光る景色を描く」Photoshop用のプラグインを作ってみることにした。そして、ワタシの写真の腕の悪さを「技術の力」で誤魔化そうと思うのである。

　といっても、基本的には、「ボケ」た背景で包み込めの時の処理を基にして、

色々な畳み込みの演算カーネル形状を用意し
演算カーネルのサイズを強度やアルファチャンネルの情報を元にしてピクセル単位で可変にし
カーネル演算を対数変換有無などに対応する

ようにするだけで、比較的簡単に「キラキラ光る景色を描く」Photoshop用のプラグインを作ることができる。光が輪を作ってキラキラする景色を描くプラグインなので、輪を意味する"RINg"と名付けてみた。木漏れ日は時折鈴（りん）の音のように見えるので、その響きにもかけてみた。　ちなみに、RINgプラグインは今のところ、Windows2000(XP?)のPhotoshop6.0,7.0でしか動かないと思うが、いつもと同じようにアルファ版のものをここにおいて（＋説明）おく。

　RINgの出力サンプルを少し眺めてみると、下の画像のようになる。まず最初のサンプル画像は、クローバーの写真に「虹十字状」の畳み込みの演算カーネルを用いて、処理をしてみたものだ。左のオリジナル画像では、朝露を載せて光るクローバーを眺めるときに私達が感じる「キラキラしたようす」がほとんど写っていないが、右のフィルター後の写真では私達が睫毛などを通して景色を見るときに感じる虹色のキラキラした自然？な景色が映し出されている。

職場の駐車場で眺めた景色
オリジナル画像	左の画像にRINgをかけたもの（畳み込みの演算カーネルは虹十字状）

　そして、また下の写真は、新宿から初台へ歩く途中で眺めた木漏れ日の向こうのビルの景色だ。左のオリジナル写真はクッキリ・ハッキリ写っているのだが、ただ「それだけ」である。太陽の光を遮る木々の葉っぱも、そこから降り注ぐキラキラする木漏れ日も写ってはいない。しかし、右のRINgが描いた景色の方では、ボンヤリと、だけど強く光る初夏の「木漏れ日」が確かに写っているのである。夏の空気が写っているかのようなのだ。

新宿から初台へ歩く途中で眺めた景色
オリジナル画像	左の画像にRINgをかけたもの（畳み込みの演算カーネルは円状）

　もちろん、このRINgは「ボケ」た背景で包み込めの時の処理を基にしているので、写真のボケも再現することができる。例えば、六角形の畳み込みの演算カーネルを用いて、画面全体に同じ演算カーネルで処理をかけると下の右の写真のようにピンボケの写真を再現することができる。

画像全体に同じようにRINgをかけてみた例
（畳み込みの演算カーネルは六角形状）
オリジナル画像	左の画像にRINgをかけたもの

　また、アルファチャンネルも選択してフィルタ処理を行うと、自動的にアルファチャンネルの情報を基に畳み込みの演算カーネルサイズを画素毎に変化させる。だから、例えばアルファチャンネルに距離の情報を入れておいてやれば、下の写真のように距離に応じたボケなども再現することができる。この写真では画面中央下の領域はピントが合ってていて、そこから離れるに従って、ピンボケの具合が大きくなっている。もっとも、現在のバージョンでは大雑把に計算してみただけなので、空の部分などに疑似輪郭などがずいぶんと発生してしまっている。きっと、それはいつかのバージョンで直すつもりなのである。

距離の情報としてアルファチャンネルを用いた例
オリジナル画像	左の画像にRINgをかけたもの（畳み込みの演算カーネルは円状）

　今回のRINgプラグインは光が広がる様子を保存した「畳み込みの演算カーネル」を基に画像にフィルタをかけるだけなので、使う演算カーネルの形状・様子によって色んなフィルタに早変わりする。

　例えば、デフォルトでつけてある三日月型の"Moon"カーネルを使えば、色んな灯りが三日月型に光る景色に早変わりする。もし、星空の写真に"Moon"カーネルでRINgプラグインをかけたら、いきなり全ての星が三日月に早変わりだ。また、"Smile"カーネルであれば、いきなり光が大小様々な「笑顔」に早変わりする。そんな風にして、色んな画像ファイルを演算カーネルにして見ると、色んな景色が見えてくるはずだ。例えば、「星はなぜ星型に見えるのか」のグループが作成した「星型シミュレーションソフトウェア」の出力結果を演算カーネルにすれば、目の前の景色が星空の向こうの景色に早変わりするだろう。そしてまた、水で満たしたコップの向こうに浮かぶ光の画像を使えば、RINgはデジカメで撮った色々な写真を水槽の向こうの景色であるかのように描き直したりするかもしれないし、あるいはまたまるで瞳に涙を浮かべながら景色を眺めてみたかのように描き直したりするかもしれない。

この記事の「関連お勧め記事」を読む >>

2003-05-21[n年前へ]

■JavascriptとPhotoshopで画像加工　

　Javascriptが得意なあなたはもちろんこことか、こことかを読んだでしょうか？えっ、画像加工のためにJavaScriptなんか作りたくない…？

この記事の「関連お勧め記事」を読む >>

キーワード(ブログ):Photoshop|Script|画像加工|Javascript|画像

2007-03-24[n年前へ]

■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"

の入力部が画面に現れます。そこで、適当に「ユーザ名」「パスワード」を入力し、"OK"ボタンを押すと、新しいアカウントが作成され、そのアカウントでログインした状態になります。ログインに失敗"Fail"する場合には、アカウント名を変える・パスワードを確認するなどしてみて下さい。

ログインする

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

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

の入力部が画面に現れます。そこで、あなたの「ユーザ名」「パスワード」を入力し、"OK"ボタンを押すと、そのアカウントでログインした状態になります。そのアカウントからログアウトしたい場合には、（ログインしている際に）画面上部に表示されている"Logout"をクリックして下さい。

画像をアップロードする

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

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

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

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

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

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

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

上部アイコン

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