johokiso-graphics

Size: px

Start display at page:

Download "johokiso-graphics"

えみままだ
5 years ago
Views:

1 2 (pixe) (Picture Eement) (dot) http://kayoo.

800 600 4:3 XGA 1024 768 4:3 4:3 SXGA 1280 1024 4:3 UXGA 1600 1200 4:3 1920x1080 16:9 (HDTV) 4K 3840x2160 16:9 16:9 (DPI) 5 6 1 1 : DPI (Dot

1 1 2 (pixe) (Picture Eement) (dot) kiki/ 3 4 (Jaggy) : = NTSC ( TV) 4:3 ( ) 16:9 iphone6 ipad2 Air 1334x750 (326dpi) 2048x1536 (264dpi) VGA :3 SVGA :3 XGA :3 4:3 SXGA :3 UXGA :3 1920x :9 (HDTV) 4K 3840x :9 16:9 (DPI) : DPI (Dot Per Inch) 1=2.54cm DPI = DPI (DPI ) 800~1600 PC : 72~110dpi : 600dpi DPI : 11 : ~ ~2500 Sony Cybershot DSC-WX x3672 (1800) Canon EOS 5D MarkIII 5760x3840 (2210) : 4:3 3:2 16:9 1

7 グレースケール 8 色の表現各画素の輝度を数値で表現階調数は 1 画素に用いる b it数 (b it/ p ix e ) できまる 1 b itグレースケールでは 2 階調 (0 (真っ黒 )と 1 (真っ白 )) 白黒 2値画像とも呼ばれる 8 b i t グレースケールでは 2 5 6 ( = 2

2 7 グレースケール 8 色の表現各画素の輝度を数値で表現階調数は 1 画素に用いる b it数 (b it/ p ix e ) できまる 1 b itグレースケールでは 2 階調 (0 (真っ黒 )と 1 (真っ白 )) 白黒 2値画像とも呼ばれる 8 b i t グレースケールでは ( = 2 8) 階調 0 (真っ黒 ) から 255 (真っ白 ) まで色 (1) 9 光はさまざまな波長の波の集まり色 (2) 10 目が光を捉えるとき錯体細胞すいたいさいぼう光源からの光が直接目に入る赤成分緑成分青成分の大きさで色を表せる網膜にある細胞光の特定の波長に反応人は赤錐体緑錐体青錐体を持つ加色三原色これらへの刺激の大きさの組み合わせによって色を知覚光源からの光が何かにあたって目に入る <何か>が吸収した残りを見ている減色三原色加色三原色 11 カラー画像 12 光の三原色ともいう自ら光を発する器具 (ディスプレイ) Red 赤 Green 緑 Bue 青 RGB 混合すると白になる (加色混合) コンピュータグラフィックスでは通常この方式 R ed, G reen, Bue それぞれの輝度を数値で表現 R G B各 1bit使えば 8 (=23)色を表現可能黒赤緑青シアンマジェンタイエロー白 R G B各 8bit: 約 1678万色 (2 24) (フルカラー ) 2

問題 13 ディスプレイの構造 8 x 8 の解像度の白黒２値画像を表現するた CRT めに必要なバイト数は以下のとおり 14 液晶 8 x 8 (pixe) x 1 (bit/pixe) / 8 (bit/byte) = 8

白黒2値画像 8bitグレースケールフルカラー (24bit)を計算せよまた 5760 x 3840 の場合はどうか減色三原色 15 インクジェットプリンタの構造 16

3 問題 13 ディスプレイの構造 8 x 8 の解像度の白黒２値画像を表現するた CRT めに必要なバイト数は以下のとおり 14 液晶 8 x 8 (pixe) x 1 (bit/pixe) / 8 (bit/byte) = 8 byte 1280 x 1024の解像度の画像を表現するために必要なバイト数は? 白黒2値画像 8bitグレースケールフルカラー (24bit)を計算せよまた 5760 x 3840 の場合はどうか減色三原色 15 インクジェットプリンタの構造 16 色の三原色ともいうカラープリンタ絵の具混合すると黒くなる減色混合 Cyan 水色, Magenta 紫, Yeow 黄 (まとめてCMY) プリンタでは黒(bacK)を加えた CMYK の4色のインクを使う場合が多い RGB CMYK は変換可能 R, G, B をの範囲にしたとき K = 1 -m a x (R, G, B ) C = (1 R K ) / (1 K ) M = (1 G K ) / (1 K ) Y = (1 B K ) / (1 K ) 17 コンピュータでの画像の扱い方ラスタ形式 (ビットマップ形式 ) 18 全ての画素の色情報をファイルに記録拡大縮小で画質劣化縮小: 画素を間引く拡大: 画素を引き伸ばすラスタ画像動画 (MPEG) ベクタ画像最初に目的に合ったキャンバスの大きさ (画素数)を決めることが重要 3

4 19 20 (paint) (Windows), Adobe Photoshop, GIMP TIFF.tiff.tif BMP.bm p Windows PNG.png Web( ) GIF.gif 256 Web JPEG.jpeg.jpg Web PNG, GIF Web : ( ) (PNG, GIF) (JPEG) GIMP 23 JPEG 24 Joint Photographic Experts Group 1 4

5 JPEG (1) 25 RGB!! JPEG (2) 26 (DCT) 8x8 2 DCT JPEG 27 JPEG (Cont'd) 28 Web DCT DCT MPEG () 29 MPEG 30 x () fps (fram e per second 24fps () 30fps () 1 24fps 1440 MPEG = (.mpg,.wmv,.mov,.avi,.3gp, etc.) (YouTube,, etc.), DVD, Bu-ray MPEG-1 (1992 ) CD CD-ROM 11 MPEG-2 (1994 ) MPEG-4 (1999 ) 5

6 MPEG I : JPEG (12 ) B, P : 16x16 [: ] ( ) : (draw) Adobe Iustrator, Microsoft Visio, LibreOffice Draw Word PowerPoint PDF Portabe Document Format (PDF) Windows Metafie (WMF), Enhanced Metafie (EMF) Scaabe Vector Graphics (SVG) Encapsuated PostScript (EPS).pdf.wmf.emf.svg.eps Microsoft Word Windows Web PostScript TeX LibreOffice.org Draw.odg OpenDocument 6

37 () 38 ( (JPEG) Web ) http://www.okidata.co.

7 37 () 38 ( (JPEG) Web ) 05a.htm 39 LibreOffice Draw Tips 7

スライド 1

スライド 1 グラフィックスの世界第 6 回サイバーメディアセンターサイバーコミュニティ研究部門安福健祐 Processing による画像処理デジタル画像についてピクセルと色情報ベクターとラスターデジタルデータについて 2 進数と 16 進数ビットとバイト画像処理の例ピクセル加工 ( モノトーンなど ) Processing による画像ファイル表示画像ファイルの読み込み PImage img;