30 分で博士号がとれる 画像処理講座 崎山圭
画像処理ってなんぞ? コンピュータで絵描いたり 監視カメラで人を認識したり DVDやブルーレイに保存できる状態にしたり でかい写真をなるべく小さい容量にしたり
トリックアートフィルタ さっそくひとつ なんだこれ?・・・・・・ 横から見ると・・・・・
トリックアートフィルタ さっそくひとつ
光 の「 三 ・ 原 ・ 色 」 よく見かけるこーいうーの。 でもこれってなんなの?だからなんなの? わけわからんわボケ… よーするに・・・・ っていうことを言ってます 三つの色を混ぜるだけで 全ての色は作れるよ! まずさいしょに…
デジタル画像 デジタルって? 整数値 (すなわち digit )のこと  1,2,3,4,5,6,7,8,9,10,…,253,254,255 デジタル画像とは数値の集まりなんだよ!! コンピュータは全てのデータ(画像、音声、ネットワーク通信、 etc )をデジタルで扱う デジタルだから最小単位があるよ!! つ・ま・り
画像の最小単位とは 最小単位があるよ!! 「ピクセル」とか「ドット」とか「画素」とかいうよ! ひとつひとつのことです 最小単位って言われても…ワケワカンネ(笑) 四角形 拡大! まだまだ拡大! この 四角形 この を
ピクセルの構造 画像とは数値なんだよ!! 数値って言われても…何が、どう数値になるんだよぉぉぉぉぉぉぉ!! 明るさ です まっくろ まっしろ ちょいくろ はいいろ ちょいしろ 0 255 128 32 64 96 160 192 224 … … … … … … … … まっくろを0、まっしろを255というぐあいに色の 明るさ を 256等分して、数値を割り当てています
ピクセルの構造 明るさを 0 ~ 255 の 数値にしてる のは分かった。 でもそれじゃ 色は どうすん の!? そうですアレです 光 の「 三 ・ 原 ・ 色」 !!!   =  三つの色を混ぜるだけで全ての色は作れるよ! 1 ピクセルは 赤 緑 青 の三層構造になってて、三層である 赤 緑 青 のそれぞれの 明るさ を 0~255 の数値で表しひとつのピクセルの色を作る。 赤 緑 青 のことを Red 、 Green 、 Blue の頭文字をとって R G B といったりするゾ! = = R G B (255, 128, 32)
ピクセルの構造 三つの色を混ぜるだけで全ての色は作れるよ! = R G B ( 255 ,  128 ,  32 ) = R G B ( 255 ,  0 ,  0 ) = R G B ( 0 ,  0 ,  255 ) = R G B ( 0 ,  255 ,  0 ) = R G B ( 0 ,  0 ,  0 ) = R G B ( 255 ,  255 ,  255 ) = R G B ( 128 ,  128 ,  128 )
ピクセルの構造 余談ですが画像処理の研究を長くやっていると… 友 「あそこの 赤い 看板を右に曲がったとこにさぁ…」 僕 「あれ? 赤色って何色だっけ? …あ、 ( 255 , 0 , 0 ) のことか」 こんなことになります。 ここまでやると病気です。気をつけましょう。
デジタル画像 283 ピクセル 400 ピクセル ( 120 , 120 , 30 ) ( 45 ,  70 ,  200 )  …  ( 0 ,  0 ,  198 ) ( 120 , 120 , 30 ) ( 45 ,  70 ,  200 )  …  ( 0 ,  0 ,  0 ) ( 120 , 120 , 30 ) ( 60 ,  12 ,  200 )  …  ( 0 ,  255 ,  198 ) ( 255 , 255 , 255 ) ( 255 ,  255 ,  255 ) … ( 25 ,  25 ,  255 ) ( 120 , 120 , 30 ) ( 45 ,  70 ,  200 )  …  ( 0 ,  0 ,  198 ) .  .  . .  .  . .  .  . ( 120 , 120 , 30 ) ( 45 ,  70 ,  200 ) … ( 0 ,  0 ,  198 ) ( 120 , 120 , 30 ) ( 45 ,  70 ,  200 ) … ( 0 ,  0 ,  198 ) ( 120 , 120 , 30 ) ( 45 ,  70 ,  200 ) … ( 0 ,  0 ,  198 ) 283 ピクセル 400 ピクセル = こういう画像もじつは数値が並んでいるだけだったりします
画像フィルタ ようやくここまで来たゼ 視覚的にはこんな感じで 変化させることですが…
画像フィルタ ようやくここまで来たゼ R G B ( もとの R ,  もとの G ,  もとの B ) R G B ( 新しい R , 新しい G , 新しい B ) もとのピクセルの数値からうまいこと計算して新しい数値を求めること! こんぴゅーた的には それぞれの効果に合った計算式
白 黒 濃 淡 化 フ ィ ル タ では基礎的なことからから… それぞれの効果に合った計算式 白黒濃淡化に合った計算式ってなんだろう?
白 黒 濃 淡 化 フ ィ ル タ では基礎的なことからから… ( R + G + B )/3 正解はこれ!!
白 黒 濃 淡 化 フ ィ ル タ では基礎的なことからから… ( 255 + 128 + 32 )/3= 194 R G B ( 255 ,  128 ,  32 ) R G B ( 194 ,  194 ,  194 ) 具体例~
色 えん ぴつ フィルタ 話が戻りまして・・・ 色 えん ぴつ 化 に合った計算式ってなんだろう?
色 えん ぴつ フィルタ 話が戻りまして・・・ 色 えん ぴつ 化 に合った計算式ってなんだろう? ・ムラがある ・原色に近い色ばかり ・ぼやけてる 写真と比べて… 写真の色をどんな風に変えたら色えんぴつ風になるんだろう? 言いかえると…
色 えん ぴつ フィルタ 話が戻りまして・・・ ・ムラがある ・原色に近い色ばかり ・ぼやけてる 写真と比べて… 写真の色をどんな風に変えたら色えんぴつ風になるんだろう? 言いかえると… それぞれの効果が出るような計算式を使います!!!!
ム ラ を つ くろ う ! 全部説明するのはしんどいんでひとつだけ・・・ 3 ピクセル 話を簡単にするために 3×3 のピクセルで 3 ピクセル こいつに注目!! ムラなし ム ラ あ り まわりのピクセルと、 RGB の数値の差を 激しくしてやればいいんだな!
ム ラ を つ くろ う ! 全部説明するのはしんどいんでひとつだけ・・・ a b c d f g h r e ムラをつくるための計算式 e ピクセルの R  = 9×e の R -(a の R  + b の R  + c の R  + d の R  + f の R  + g の R  + h の R  + r の R ) e ピクセルの G  = 9×e の G -(a の G  + b の G  + c の G  + d の G  + f の G  + g の G  + h の G  + r の G ) e ピクセルの B  = 9×e の B -(a の B  + b の B  + c の B  + d の B  + f の B  + g の B  + h の B  + r の B ) よーするにまんなか 9 倍して周りの値をひく まわりと数値の差を激しくする ムラをつくるためには
ム ラ を つ くろ う ! 全部説明するのはしんどいんでひとつだけ・・・ 1 1 1 1 1 1 1 1 5 まんなか 9 倍して周りの値をひく まわりと数値の差を激しくする ムラをつくるためには 具体例~ 1 1 1 1 1 1 1 1 45 1 1 1 1 1 1 1 1 37 9 倍して 周りの値をひく
色 えん ぴつ フィルタ 話が戻りまして・・・ ・ ムラがある ・原色に近い色ばかり ・ぼやけてる 写真と比べて… 同じ要領で他も計算式を生み出してね!!!!!!!!
話が戻りまして・・・ 色 えん ぴつ フィルタ 色彩強調 白黒濃淡化フィルタ エッジ強調 エッジ抽出 合成 ぼやけ 各処理をまとめるとこんなかんじ~ 色々やってるね
色 えん ぴつ フィルタ 完成するとこんな感じ~
おしまい みんな で 色んな フィルタ~ つくってね~

30分で博士号がとれる画像処理講座

  • 1.
  • 2.
    画像処理ってなんぞ? コンピュータで絵描いたり 監視カメラで人を認識したりDVDやブルーレイに保存できる状態にしたり でかい写真をなるべく小さい容量にしたり
  • 3.
  • 4.
  • 5.
    光 の「 三・ 原 ・ 色 」 よく見かけるこーいうーの。 でもこれってなんなの?だからなんなの? わけわからんわボケ… よーするに・・・・ っていうことを言ってます 三つの色を混ぜるだけで 全ての色は作れるよ! まずさいしょに…
  • 6.
    デジタル画像 デジタルって? 整数値(すなわち digit )のこと 1,2,3,4,5,6,7,8,9,10,…,253,254,255 デジタル画像とは数値の集まりなんだよ!! コンピュータは全てのデータ(画像、音声、ネットワーク通信、 etc )をデジタルで扱う デジタルだから最小単位があるよ!! つ・ま・り
  • 7.
    画像の最小単位とは 最小単位があるよ!! 「ピクセル」とか「ドット」とか「画素」とかいうよ!ひとつひとつのことです 最小単位って言われても…ワケワカンネ(笑) 四角形 拡大! まだまだ拡大! この 四角形 この を
  • 8.
    ピクセルの構造 画像とは数値なんだよ!! 数値って言われても…何が、どう数値になるんだよぉぉぉぉぉぉぉ!!明るさ です まっくろ まっしろ ちょいくろ はいいろ ちょいしろ 0 255 128 32 64 96 160 192 224 … … … … … … … … まっくろを0、まっしろを255というぐあいに色の 明るさ を 256等分して、数値を割り当てています
  • 9.
    ピクセルの構造 明るさを 0~ 255 の 数値にしてる のは分かった。 でもそれじゃ 色は どうすん の!? そうですアレです 光 の「 三 ・ 原 ・ 色」 !!! = 三つの色を混ぜるだけで全ての色は作れるよ! 1 ピクセルは 赤 緑 青 の三層構造になってて、三層である 赤 緑 青 のそれぞれの 明るさ を 0~255 の数値で表しひとつのピクセルの色を作る。 赤 緑 青 のことを Red 、 Green 、 Blue の頭文字をとって R G B といったりするゾ! = = R G B (255, 128, 32)
  • 10.
    ピクセルの構造 三つの色を混ぜるだけで全ての色は作れるよ! =R G B ( 255 , 128 , 32 ) = R G B ( 255 , 0 , 0 ) = R G B ( 0 , 0 , 255 ) = R G B ( 0 , 255 , 0 ) = R G B ( 0 , 0 , 0 ) = R G B ( 255 , 255 , 255 ) = R G B ( 128 , 128 , 128 )
  • 11.
    ピクセルの構造 余談ですが画像処理の研究を長くやっていると… 友「あそこの 赤い 看板を右に曲がったとこにさぁ…」 僕 「あれ? 赤色って何色だっけ? …あ、 ( 255 , 0 , 0 ) のことか」 こんなことになります。 ここまでやると病気です。気をつけましょう。
  • 12.
    デジタル画像 283 ピクセル400 ピクセル ( 120 , 120 , 30 ) ( 45 , 70 , 200 ) … ( 0 , 0 , 198 ) ( 120 , 120 , 30 ) ( 45 , 70 , 200 ) … ( 0 , 0 , 0 ) ( 120 , 120 , 30 ) ( 60 , 12 , 200 ) … ( 0 , 255 , 198 ) ( 255 , 255 , 255 ) ( 255 , 255 , 255 ) … ( 25 , 25 , 255 ) ( 120 , 120 , 30 ) ( 45 , 70 , 200 ) … ( 0 , 0 , 198 ) . . . . . . . . . ( 120 , 120 , 30 ) ( 45 , 70 , 200 ) … ( 0 , 0 , 198 ) ( 120 , 120 , 30 ) ( 45 , 70 , 200 ) … ( 0 , 0 , 198 ) ( 120 , 120 , 30 ) ( 45 , 70 , 200 ) … ( 0 , 0 , 198 ) 283 ピクセル 400 ピクセル = こういう画像もじつは数値が並んでいるだけだったりします
  • 13.
  • 14.
    画像フィルタ ようやくここまで来たゼ RG B ( もとの R , もとの G , もとの B ) R G B ( 新しい R , 新しい G , 新しい B ) もとのピクセルの数値からうまいこと計算して新しい数値を求めること! こんぴゅーた的には それぞれの効果に合った計算式
  • 15.
    白 黒 濃淡 化 フ ィ ル タ では基礎的なことからから… それぞれの効果に合った計算式 白黒濃淡化に合った計算式ってなんだろう?
  • 16.
    白 黒 濃淡 化 フ ィ ル タ では基礎的なことからから… ( R + G + B )/3 正解はこれ!!
  • 17.
    白 黒 濃淡 化 フ ィ ル タ では基礎的なことからから… ( 255 + 128 + 32 )/3= 194 R G B ( 255 , 128 , 32 ) R G B ( 194 , 194 , 194 ) 具体例~
  • 18.
    色 えん ぴつフィルタ 話が戻りまして・・・ 色 えん ぴつ 化 に合った計算式ってなんだろう?
  • 19.
    色 えん ぴつフィルタ 話が戻りまして・・・ 色 えん ぴつ 化 に合った計算式ってなんだろう? ・ムラがある ・原色に近い色ばかり ・ぼやけてる 写真と比べて… 写真の色をどんな風に変えたら色えんぴつ風になるんだろう? 言いかえると…
  • 20.
    色 えん ぴつフィルタ 話が戻りまして・・・ ・ムラがある ・原色に近い色ばかり ・ぼやけてる 写真と比べて… 写真の色をどんな風に変えたら色えんぴつ風になるんだろう? 言いかえると… それぞれの効果が出るような計算式を使います!!!!
  • 21.
    ム ラ をつ くろ う ! 全部説明するのはしんどいんでひとつだけ・・・ 3 ピクセル 話を簡単にするために 3×3 のピクセルで 3 ピクセル こいつに注目!! ムラなし ム ラ あ り まわりのピクセルと、 RGB の数値の差を 激しくしてやればいいんだな!
  • 22.
    ム ラ をつ くろ う ! 全部説明するのはしんどいんでひとつだけ・・・ a b c d f g h r e ムラをつくるための計算式 e ピクセルの R = 9×e の R -(a の R + b の R + c の R + d の R + f の R + g の R + h の R + r の R ) e ピクセルの G = 9×e の G -(a の G + b の G + c の G + d の G + f の G + g の G + h の G + r の G ) e ピクセルの B = 9×e の B -(a の B + b の B + c の B + d の B + f の B + g の B + h の B + r の B ) よーするにまんなか 9 倍して周りの値をひく まわりと数値の差を激しくする ムラをつくるためには
  • 23.
    ム ラ をつ くろ う ! 全部説明するのはしんどいんでひとつだけ・・・ 1 1 1 1 1 1 1 1 5 まんなか 9 倍して周りの値をひく まわりと数値の差を激しくする ムラをつくるためには 具体例~ 1 1 1 1 1 1 1 1 45 1 1 1 1 1 1 1 1 37 9 倍して 周りの値をひく
  • 24.
    色 えん ぴつフィルタ 話が戻りまして・・・ ・ ムラがある ・原色に近い色ばかり ・ぼやけてる 写真と比べて… 同じ要領で他も計算式を生み出してね!!!!!!!!
  • 25.
    話が戻りまして・・・ 色 えんぴつ フィルタ 色彩強調 白黒濃淡化フィルタ エッジ強調 エッジ抽出 合成 ぼやけ 各処理をまとめるとこんなかんじ~ 色々やってるね
  • 26.
    色 えん ぴつフィルタ 完成するとこんな感じ~
  • 27.
    おしまい みんな で色んな フィルタ~ つくってね~