漫画カメラの画像処理 #TechLunch

漫画カメラの画像処理
2013/08/07 (水) @ Livesense TechLunch
発表者：鈴木 健太

Transcript

1. ͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ
2. γεςϜ։ൃ෦ɹϝσΟΞ։ൃୈ2άϧʔϓ Copyright © LIVESENSE Inc. ླ໦ɹ݈ଠ ອըΧϝϥ ը૾ॲཧʢϑΟϧλʔʣʹ͍ͭͯ
4. ອըΧϝϥ
5. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ 漫画カメラの 仕組みを調べてみた
6. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ 漫画の描き方
7. ອըͷඳ͖ํ 1. ྠֲΛܾΊͯϖϯೖΕ ඞཁͳͱ͜Ζ͸ࠇͰృΓͭͿ͠
8. ອըͷඳ͖ํ 2. εΫϦʔϯτʔϯΛೖΕΔ
9. ອըͷඳ͖ํ 2. εΫϦʔϯτʔϯΛೖΕΔ
10. ອըͷඳ͖ํ 3. ׬੒ʘ(^o^)ʗ
11. ອըͷඳ͖ํ 3. ׬੒ʘ(^o^)ʗ 2. εΫϦʔϯτʔϯΛೖΕΔ 1. ྠֲΛܾΊͯϖϯೖΕ
12. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ 写真を画像処理して 漫画にするには？
13. ը૾ॲཧͰອըʹ͢Δ 3. ׬੒ʘ(^o^)ʗ 2. εΫϦʔϯτʔϯΛೖΕΔ 1. ྠֲΛܾΊͯϖϯೖΕ ྠֲ͸Ͳ͏͢Ε͹෼͔Δͷ͔ʁ Ͳ͜ʹͲΜͳεΫϦʔϯτʔϯΛೖΕΔʁ ʗ(^o^)ʘ
14. ը૾ॲཧͰອըʹ͢Δ
15. εΫϦʔϯτʔϯ͸1छྨ 斜線
16. ը૾ॲཧͰອըʹ͢Δ 3. ׬੒ʘ(^o^)ʗ 2. εΫϦʔϯτʔϯΛೖΕΔ 1. ྠֲΛܾΊͯϖϯೖΕ ྠֲ͸Ͳ͏͢Ε͹෼͔Δͷ͔ʁ Ͳ͜ʹͲΜͳεΫϦʔϯτʔϯΛೖΕΔʁ ʗ(^o^)ʘ
17. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ 簡単な画像(フィルター)処理を おさえておく
18. •  നࠇʢάϨʔεέʔϧʣม׵ •  ΅͔͠ •  ΨϯϚ •  ηϐΞ •  ճస •  ֦େɾॖখ •  ߹੒ •  etc ը૾(ϑΟϧλʔ)ॲཧͷछྨ ͱΓ͋͑ͣແݶʹ͋Δɻ
19. f = 0.299R + 0.587G + 0.114B നࠇʢάϨʔεέʔϧʣม׵ (R, G, B) = (0.6, 0.8, 0.1) f = 0.299*0.6 + 0.587*0.8 + 0.114*0.1 = 0.66 (0.6, 0.8, 0.1) -> (0.66, 0.66, 0.66) 白  =  (1,  1,  1)  -­‐>  (1,  1,  1)  =  白   黒 =  (0,  0,  0)  -­‐>  (0,  0,  0)  =  黒   ม׵ࣜ ͢΂ͯͷըૉʹ͍ͭͯܭࢉͯ͠΍Δͱ
20. നࠇʢάϨʔεέʔϧʣม׵
21. ΅͔͠ WikipediaʹΑΔͱ ΅͔͠ͱ͸ɺ ྠֲ΍ɺ৭ͷڥքΛ͸͖ͬΓ͠ͳ͍Α͏ʹ͢Δ͜ͱ ͋Δըૉʹ͍ͭͯɺ·ΘΓͷըૉͱͷڥ໨Λແ͘͢ɻ ࣅͨΑ͏ͳ৭ʹ͢ΔΕ͹ྑ͍ɻ
22. पΓͱ৭ΛࠞͥΔ पΓͷ8ͭͷըૉͱࠞͥΔ ࣗ෼ࣗ਎ͷӨڹ͕Ұ൪ڧ͘ͳΔΑ͏ʹॏΈ෇͚ f = 0.6* 4 16 + 0.3* 2 16 + 0.5* 2 16 +...
23. पΓͱ৭ΛࠞͥΔ ͞ΒʹͦͷपΓΛؚΊͯ24ͷըૉͱࠞͥΔ f = 0.6* 36 256 + 0.3* 24 256 + 0.5* 24 256 +...
24. पΓͱ৭ΛࠞͥΔ ͞ΒʹͦͷपΓʢ͈́ ॏΈ෇͚ͬͯͲ͏͢Ε͹͍͍ʁ
25. Ψ΢ε(΅͔͠)ϑΟϧλʔ Ψ΢εؔ਺ पғʹߦ͘΄ͲॏΈ෇͚͕ খ͘͞ͳΔɻ PhotoshopͰ΋ར༻
26. Ψ΢ε(΅͔͠)ϑΟϧλʔ
27. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ やっと漫画フィルターの話
28. ը૾ॲཧͰອըʹ͢Δ 3. ׬੒ʘ(^o^)ʗ 2. εΫϦʔϯτʔϯΛೖΕΔ 1. ྠֲΛܾΊͯϖϯೖΕ ྠֲ͸Ͳ͏͢Ε͹෼͔Δͷ͔ʁ Ͳ͜ʹεΫϦʔϯτʔϯΛೖΕΔʁ ʗ(^o^)ʘ
29. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ １．輪郭を決める
30. ྠֲʹ͍ͭͯ ըૉ஋͕ٸܹʹมԽ͍ͯ͠ΔՕॴ͕ڥք ͦΕΛ݁΂͹ྠֲ͕Ͱ͖Δ ͔͜͜Β͸άϨʔεέʔϧͰߟ͑·͢
31. ྠֲʹ͍ͭͯ ըૉ஋͕ٸܹʹมԽ͍ͯ͠ΔՕॴΛௐ΂Ε͹OK
32. ྠֲʹ͍ͭͯ ٸܹͳมԽ = ܏͖͕ٸ = ඍ෼஋͕ϐʔΫͷՕॴ ※ 2֊ඍ෼͕0ͷՕॴ
33. ྠֲʹ͍ͭͯ ըૉ஋͕ٸܹʹมԽ͢ΔՕॴ ϊΠζ͕ڥքͱͯ͠நग़͞Εͯ͠·͏
34. ը૾ͷϊΠζΛ཈͑Δ Ψ΢ε(΅͔͠)ϑΟϧλΛ࢖͏ ڱ͍ൣғͰͷٸܹͳมԽΛ͓͑͞Δ͜ͱ͕Ͱ͖Δ ΅͔͠͸ɺ ྡͱͷ৭ͷڥքΛ͸͖ͬΓ͠ͳ͍Α͏ʹ͢Δ
35. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ Cannyエッジ検出器 ը૾ͷྠֲΛநग़
36. CannyΤοδݕग़ث John F. Canny 1986೥ʹൃද ࠓͰ΋Τοδݕग़ͷ ࠷ઌ୺(wikipedia)
37. CannyΤοδݕग़ث ٸܹʹըૉ஋͕มԽ͢ΔՕॴΛநग़ ྠֲΛਫ਼ࠪͨ͠Γɺͭͳ͍ͩΓ͢ΔॲཧΛܦͯ..
38. ྠֲநग़ OpenCV  を使って抽出してみました
39. ྠֲநग़ OpenCV  を使って抽出してみました
40. ྠֲநग़݁Ռ
41. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ 2．スクリーントーン ࠇృΓɺനృΓ΋Ұॹʹ
42. ྠֲҎ֎ʹ஫໨ εΫϦʔϯτʔϯ 1. ന͵Γ 2. ࠇ͵Γ 3. εΫϦʔϯτʔϯ(ࣼઢ) ͷ3छྨ ը૾Λ3छྨʹృΓ෼͚Δ
43. ը૾ͷ৭ͷೱ͞ʹԠͯ͡3ͭͷྖҬʹΘ͚Δɻ ը૾ͷృΓ෼͚ ͦΕͧΕനɺࠇɺεΫϦʔϯτʔϯʹృΓ෼͚Δɻ 1 0 ࠇ εΫϦʔϯτʔϯ ന
44. ృΓ෼͚݁Ռ
45. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ 輪郭とスクリーントーンを合成
46. ׬੒
47. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ 悪くはないけど
48. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ ちょっと微妙
49. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ なぜ？
50. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ エッジが立っていないから
51. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ エッジが立っている素材を使おう
52. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ エッジが立っている人・・・
53. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ
54. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ ࡍཱͭΤοδ
55. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ カラー写真の上に 漫画を重ねれば カラー漫画っぽくなるのでは
56. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ
57. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ
58. ɾύϥϝʔλʔΛ࠷దԽ͢Ε͹ɺ΋ͬͱ៉ྷʹͳΔɻ ɾεΫϦʔϯτʔϯͷछྨ΋૿΍͍ͨ͠ɻ ɾಈըͷϑΟϧλॲཧ΋΍ͬͯΈ͍ͨɻ ɾiOSʹ͸σϑΥϧτͰࣸਅϑΟϧλ͕͍͍ͭͯΔɻ ɾອըΧϝϥ͸νϟοτ͕ग़དྷΔɻ ·ͱΊ ϞϯαϯϛογΣϧ Χϥʔອը෩
59. גࣜձࣾϦϒηϯε γεςϜ։ൃ෦ϝσΟΞ։ൃάϧʔϓ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
60. ͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ