電腦多媒體 – Introduction 2012/09/13

(1)

電腦多媒體 – Introduction 2012/09/13

林浩民

(Hao-Min Lin)

Dept. of Comp. Sci. and Info. Engr., National Taiwan University

E-mail: d00922003@ntu.edu.tw

Version: 2012/9/10

(2)

德霖休閒事業管理系德霖休閒事業管理系德霖休閒事業管理系

德霖休閒事業管理系 ²

Syllabus

• Course Website:

– http://www.csie.ntu.edu.tw/~d00922003/Img2012

• Instructor

–

林浩民

– Web Site:

• http://www.csie.ntu.edu.tw/~d00922003/

– E-mail: d00922003@ntu.edu.tw – Mobile: 0953816876

• Textbook

–

可不可以不要重拍用

PHOTOSHOP

修出好照片

–

李金明

,

李金榮

,

松崗出版

(3)

上課投影片下載 & 課程公告

• http://www.csie.ntu.edu.tw/~d00922003/Img2012

1

2

(4)

德霖休閒事業管理系 ⁴

成績計算

• 平時成績

–

出席

10%

•

點名未到一次扣

2%

–

作業

50% (

包含上機實作

)

• 2~3

個作業

• Final Project 40%

– 5~10mins

自我介紹影片

•

包含修圖前後對比

•

配樂

• Word

報告

(5)

課程涵蓋內容

• 基礎電腦圖學

–

顯示器與印刷的差異

• Vector Magic

–

向量化圖形軟體

• Startrails

–

如何疊出美麗的星空及花火

• Photoshop, 光影魔術手

–

完整的修圖工具

,

美化您所拍出的照片

• Microsoft Movie Maker

– Final project

所需之基礎影片編輯軟體

(6)

德霖休閒事業管理系 ⁶

課程目標

• 學習電腦圖學基礎, 進而了解印刷品等製作過程.

• 美化圖片

• 製作回憶影片

• 修圖不求人

(7)

Mobile01 的創意修圖

布勒

2008-07-06 00:37 #50

前陣子跟我老婆拍照

,结

果路過一個小孩

!

可是一不小心親密的照片就多出了一個腦袋

,

怪可惜的

,

希望惠

PS

的朋友帮我把這個小孩子做掉

,

可以嗎

?

先谢谢大家了

http://www.mobile01.com/topicdetail.php?f=256&t=684177&p=1

(8)

德霖休閒事業管理系 ⁸

多了一隻手

(9)

主角對調

(10)

德霖休閒事業管理系 ¹⁰

複製人

(11)

卡通系列

(12)

德霖休閒事業管理系 ¹²

Mobile01 的創意修圖 - 2

http://www.mobile01.com/topicdetail.php?f=256&t=913034&last=10252525

(13)

(14)

德霖休閒事業管理系 ¹⁴

(15)

(16)

德霖休閒事業管理系 ¹⁶

Photoshop 神人示範 – 兩津勘吉

(18)

德霖休閒事業管理系 ¹⁸

從模擬圖到製作 - 1

(19)

從模擬圖到製作 - 2

(20)

德霖休閒事業管理系 ²⁰

從模擬圖到製作 - 3

(21)

作業預告

• 製作一款自己想貼的貼紙

(22)

德霖休閒事業管理系 ²²

光的三原色 RGB

• 人所看見的顏色 , 為光從物體表面所反射的光進入肉眼所形成 . 而其中人眼最為敏感的顏色有三種 , 並且只要調整這三種色光的強度 , 就能讓人幾乎看見所有顏色 .

• Red(R), Green(G), Blue(B) 即為光的三原色 .

• 電腦世界裡各用 8bits 來表示各個顏色的強度

– 0~255

– 255*255*255 =

約

1650

萬種變化

• Q: 所有顏色共 1650 萬種顏色 !?

(23)

疊加起來的光

• 沒有光的世界

–

黑色

(0, 0, 0)

• 所有光強到刺眼的世界

–

白色

(255, 255, 255)

• (255, 0, 0)

• (0, 255, 0)

• (0, 0, 255)

(24)

德霖休閒事業管理系 ²⁴

印刷用色彩 CMYK

• 水彩調色盤

–

如何把

”

光

”

放在紙上

!?

–

吸收光線的顏料

• 補色原理

– Cyan(

青色

)

吸收了紅色的顏料

– Magenta(

洋紅

)

吸收了藍色的顏料

– Yellow(

黃色

)

吸收了綠色的顏料

– K

黑色

(25)

RGB vs. CMYK

•

網站

: RGB

色調

•

文宣印刷品

: CMYK

色調

(26)

德霖休閒事業管理系 ²⁶

解析度 Image Resolution

• 能夠分辨影像中兩個點或線的能力。最好的數學定義是使用點擴充功能函式的分布大小。

• 以 iPhone 螢幕解析度為例

iPhone 3 iPhone 4

螢幕像素 480x320 960x640

螢幕尺寸 3.5 inch 3.5 inch

解析度 163ppi 326ppi

(27)

iPhone 3 vs. iPhone 4

(28)

德霖休閒事業管理系 ²⁸

解析度單位

• DPI (dots per inch)

–

印刷常用

,

表示印刷機器在每英吋上能列印幾個墨點

• PPI (pixels per inch)

–

螢幕常用

,

表示螢幕在每英吋上能顯示幾個像素

• Ex. 假設我們有張 3x5 的照片 , 以及一台 300dpi 的

印表機 , 要用多少 ppi 掃瞄 , 才能放大到 4x6 且品質

不變 ?

(29)

電腦多媒體 – Introduction 2012/09/13