Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
画像処理の基礎の基礎 / Ultra Basic of Image Processing
Search
ハトネコエ
September 09, 2022
Technology
0
20
画像処理の基礎の基礎 / Ultra Basic of Image Processing
2022/09/09 の社内勉強会で使った資料です。
実際の発表では画像編集ソフトで実演しながら見せたので、
このスライドだけではわかりにくいところもいくらかあります。
ハトネコエ
September 09, 2022
Tweet
Share
More Decks by ハトネコエ
See All by ハトネコエ
Godot 4.3 と学ぶインタラクティブミュージック / Interactive Music Basics with Godot 4.3
nekonenene
0
31
Developer Consoleを使い倒そう / Use Web Browser DevTools
nekonenene
0
4
まだまだマイナー?! 未踏事業について教えます / Introduction of Mitou Project
nekonenene
1
86
Docker for Windows/macOS
nekonenene
0
4
技術的負債を防ぐには / What is the Technical Debt
nekonenene
0
290
伝わる文章を書こう講座 / Write the Kind Japanese Message
nekonenene
2
130
Unity で Android 自動ビルドしたかった話 / I tried Android build of Unity using Docker, but...
nekonenene
0
2k
これでわかるB-treeアルゴリズム / B-tree algorithm
nekonenene
12
9.7k
なぜ社内勉強会をするのか
nekonenene
0
140
Other Decks in Technology
See All in Technology
Java x Spring Boot Warm up
kazu_kichi_67
2
490
WINTICKETアプリで実現した高可用性と高速リリースを支えるエコシステム / winticket-eco-system
cyberagentdevelopers
PRO
1
190
omakaseしないための.rubocop.yml のつくりかた / How to Build Your .rubocop.yml to Avoid Omakase #kaigionrails
linkers_tech
3
740
Vueで Webコンポーネントを作って Reactで使う / 20241030-cloudsign-vuefes_after_night
bengo4com
4
2.5k
10分でわかるfreee エンジニア向け会社説明資料
freee
18
520k
Product Engineer Night #6プロダクトエンジニアを育む仕組み・施策
hacomono
PRO
1
470
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
21
3.4k
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.8k
30万人が利用するチャットをFirebase Realtime DatabaseからActionCableへ移行する方法
ryosk7
5
350
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
180
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
700
Shift-from-React-to-Vue
calm1205
3
1.3k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
Facilitating Awesome Meetings
lara
49
6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Building an army of robots
kneath
302
42k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Unsuck your backbone
ammeep
668
57k
Ruby is Unlike a Banana
tanoku
96
11k
The Cost Of JavaScript in 2023
addyosmani
45
6.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
Transcript
ԣߐ ྄༎ !"#$%& ' ( % ' ( @yokoe24 )*))+,-,.
ݩωλ • Udemyの『画像処理の基礎:フィルタリ ング,パターン認識から撮像過程モデル まで』( https://www.udemy.com/ course/image_processing_python/ ) の講座を元にしています
/012 1. 基礎を学ぶ目的 2. グレースケール 3. セピア調の加工 4. トーンカーブ 5.
コントラストを強める
̍ 基礎を学ぶ目的
جૅΛֶͿత • 画像加工はいまや多くの SNS向けスマホアプリに 載っている機能のひとつです • ああいったフィルターを プログラミングで表現するには どうしたらいいのでしょう?
جૅΛֶͿత • 今回の発表ではプログラミングまで はおこないませんが、基礎を学ぶこ とで、 どのようにライブラリを扱えば表現 できるのかのイメージは付きやすく なると思います。
̎ グレースケール
Χϥʔը૾
άϨʔεέʔϧը૾
• グレースケール(白黒の濃淡) という言葉であることが大事! • 黒(0%)〜白(100%)を、 各ドット(画素)が 表現しているイメージ GRAY SCALE
Χϥʔը૾ͦΕ3ͭ • 光の三原色は RGB(レッド・グリーン・ブルー) • グレースケールならぬ、 レッドスケール・グリーンスケー ル・ブルースケールの組み合わせで 1枚の画像が出来ているイメージ
Χϥʔը૾ͦΕ3ͭ 黒(0%)〜赤(100%) 黒(0%)〜緑(100%) 黒(0%)〜青(100%)
̏ セピア写真を作る
άϨʔεέʔϧը૾
• 同じようなグレースケール画像で、 黒(0%)〜白(100%)でなく、 黒(0%)〜暗い黄色(100%)で 表現してみたら セピア調になるのでは? ࠇʙനͰͳ͘͢Δͱʁ
࣮ԋͯ͠ΈΑ͏
̐ トーンカーブ
τʔϯΧʔϒ 黒(0%) ↔ 白(100%)
τʔϯΧʔϒ࣮ԋ • 真っ黒にしたり、 真っ白にしたり、 明るくしたり、 暗くしたり、 がトーンカーブをいじって できることを見てみましょう
̑ コントラストを強める
ΦϦδφϧ
ίϯτϥετڧΊ
ίϯτϥετऑΊ
ίϯτϥετΛม͑Δ • これもトーンカーブをいじることで 再現できます。見てみましょう • 明るいところを明るく、 暗いところをより暗くするのが コントラストを強めるということです
άϥϑͰग़དྷΔͳΒ… • y = x のグラフを変えることで 画像のコントラストを変えることが できるということは、 おそらくプログラミングでできるだろう という気になってきますね?!
̒ おしまい
·ͱΊ • セピア調の加工や コントラストの変更などについて 「たしかにプログラミングの制御ででき そう・・・かも?」と思うところまで 進めたら幸いです • より詳しくは https://www.udemy.com/
course/image_processing_python/ で!