SlideShare a Scribd company logo
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 倍して 周りの値をひく
色 えん ぴつ フィルタ 話が戻りまして・・・ ・ ムラがある ・原色に近い色ばかり ・ぼやけてる 写真と比べて… 同じ要領で他も計算式を生み出してね!!!!!!!!
話が戻りまして・・・ 色 えん ぴつ フィルタ 色彩強調 白黒濃淡化フィルタ エッジ強調 エッジ抽出 合成 ぼやけ 各処理をまとめるとこんなかんじ~ 色々やってるね
色 えん ぴつ フィルタ 完成するとこんな感じ~
おしまい みんな で 色んな フィルタ~ つくってね~

More Related Content

PPTX
SIMDで整数除算
PDF
ImageJを使った画像解析実習〜数・形態・分布の解析〜
PDF
マルチコアを用いた画像処理
PPTX
画像処理の高性能計算
PDF
つくってあそぼ ラムダ計算インタプリタ
PPTX
Androidで画像処理リベンジ
PPTX
【Unity道場スペシャル 2017博多】クォータニオン完全マスター
PDF
OpenCVの拡張ユーティリティ関数群
SIMDで整数除算
ImageJを使った画像解析実習〜数・形態・分布の解析〜
マルチコアを用いた画像処理
画像処理の高性能計算
つくってあそぼ ラムダ計算インタプリタ
Androidで画像処理リベンジ
【Unity道場スペシャル 2017博多】クォータニオン完全マスター
OpenCVの拡張ユーティリティ関数群

What's hot (16)

PDF
【Unity道場】ゲーム制作に使う数学を学習しよう
PPT
Or seminar2011final
PPT
Gurobi python
PDF
Ssaw08 0603
PDF
深層学習と確率プログラミングを融合したEdwardについて
PPTX
CG2013 01
PDF
グラフニューラルネットワーク入門
PDF
【Unity道場 2月】シェーダを書けるプログラマになろう
PDF
【Unity道場スペシャル 2017京都】乱数完全マスター 京都編
PPTX
Python opt
PPTX
CG2013 11
PDF
【Unite Tokyo 2018】誘導ミサイル完全マスター
PPTX
冗長変換とその画像復元応用
PPTX
CG2013 05
PDF
フーリエ変換と画像圧縮の仕組み
【Unity道場】ゲーム制作に使う数学を学習しよう
Or seminar2011final
Gurobi python
Ssaw08 0603
深層学習と確率プログラミングを融合したEdwardについて
CG2013 01
グラフニューラルネットワーク入門
【Unity道場 2月】シェーダを書けるプログラマになろう
【Unity道場スペシャル 2017京都】乱数完全マスター 京都編
Python opt
CG2013 11
【Unite Tokyo 2018】誘導ミサイル完全マスター
冗長変換とその画像復元応用
CG2013 05
フーリエ変換と画像圧縮の仕組み
Ad

Viewers also liked (12)

PDF
Data Science Bowl 2017 Winning Solutions Survey
PDF
AAをつくろう!
PDF
Word2vecで大谷翔平の二刀流論争に終止符を打つ!
PDF
High performance python computing for data science
PDF
GPUが100倍速いという神話をぶち殺せたらいいな ver.2013
PDF
NIPS2016論文紹介 Riemannian SVRG fast stochastic optimization on riemannian manif...
PDF
明日使えないすごいビット演算
PDF
Quoraコンペ参加記録
PDF
Icml2015 論文紹介 sparse_subspace_clustering_with_missing_entries
PDF
Scikit learnで学ぶ機械学習入門
PDF
IIBMP2016 深層生成モデルによる表現学習
PPTX
猫でも分かるVariational AutoEncoder
Data Science Bowl 2017 Winning Solutions Survey
AAをつくろう!
Word2vecで大谷翔平の二刀流論争に終止符を打つ!
High performance python computing for data science
GPUが100倍速いという神話をぶち殺せたらいいな ver.2013
NIPS2016論文紹介 Riemannian SVRG fast stochastic optimization on riemannian manif...
明日使えないすごいビット演算
Quoraコンペ参加記録
Icml2015 論文紹介 sparse_subspace_clustering_with_missing_entries
Scikit learnで学ぶ機械学習入門
IIBMP2016 深層生成モデルによる表現学習
猫でも分かるVariational AutoEncoder
Ad

Similar to 30分で博士号がとれる画像処理講座 (16)

PDF
2020年度秋学期 画像情報処理 講義の進め方と成績評価について (2020.9. 25)
PDF
2022年度秋学期 画像情報処理 講義の案内 (2022. 9. 23)
PDF
Linqで画像処理
PDF
2021年度秋学期 画像情報処理 講義の進め方と成績評価について (2021. 9. 24)
ZIP
JOI本選 夜店(NightMarket)解説
PDF
ディープラーニングのすごさを共有したい.pdf
PDF
垣内のひとりプレゼン★はじめてのAI編その2(画像認識、音声認識、文章認識のヒミツ)
PDF
「きのこたけのこ戦争に学ぶ画像認識」 プロ生勉強会 第20回@品川
PDF
Sec15 dynamic programming
PPTX
20150725 オープンキャンパス資料
PDF
【Unity道場スペシャル 2017札幌】乱数完全マスター
PDF
IbisPaintのOpenGLES2.0
PPT
コラム二ストとオブジェクト指向
PDF
リッツパーリー
PDF
GDC2013 Visual Art系セッション報告
2020年度秋学期 画像情報処理 講義の進め方と成績評価について (2020.9. 25)
2022年度秋学期 画像情報処理 講義の案内 (2022. 9. 23)
Linqで画像処理
2021年度秋学期 画像情報処理 講義の進め方と成績評価について (2021. 9. 24)
JOI本選 夜店(NightMarket)解説
ディープラーニングのすごさを共有したい.pdf
垣内のひとりプレゼン★はじめてのAI編その2(画像認識、音声認識、文章認識のヒミツ)
「きのこたけのこ戦争に学ぶ画像認識」 プロ生勉強会 第20回@品川
Sec15 dynamic programming
20150725 オープンキャンパス資料
【Unity道場スペシャル 2017札幌】乱数完全マスター
IbisPaintのOpenGLES2.0
コラム二ストとオブジェクト指向
リッツパーリー
GDC2013 Visual Art系セッション報告

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

  • 2. 画像処理ってなんぞ? コンピュータで絵描いたり 監視カメラで人を認識したり DVDやブルーレイに保存できる状態にしたり でかい写真をなるべく小さい容量にしたり
  • 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 ピクセル = こういう画像もじつは数値が並んでいるだけだったりします
  • 14. 画像フィルタ ようやくここまで来たゼ R G 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. おしまい みんな で 色んな フィルタ~ つくってね~