![Page 1: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/1.jpg)
計概實習Week 8
Graphic & Image Tools
![Page 2: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/2.jpg)
Image• 美是主觀的• 最好的相片?• Lena
• http://www.csie.nctu.edu.tw/~zlxuan/lena/lenna.html
![Page 3: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/3.jpg)
Image Tools• Freeware
• Picasa• http://picasa.google.com/intl/zh-TW/
• Pixlr• http://pixlr.com/
• GIF Maker• http://gifmake.com/
• Commercial Software• PhotoImpact X3
• https://oper.cc.ntu.edu.tw/download/
• Photoshop CSx• http://www.adobe.com/tw/products/photoshop.html
• Photoshop Lightroom• http://www.adobe.com/tw/products/photoshop-lightroom.html
![Page 4: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/4.jpg)
Storage• Save in your own disk
• How much storage size do you have?• How to manage your photo library?• What if the disk crashed?
• Save in the cloud storage• Security?• Permission?• Cost?• Quality?
![Page 5: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/5.jpg)
Useful Cloud Storage• Facebook• Flickr
• http://www.flickr.com/
• Picasa• http://picasaweb.google.com/home
• Pinterest• http://www.pinterest.com/
![Page 6: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/6.jpg)
Image Processing
Concepts and Tools
![Page 7: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/7.jpg)
Digital Image• Numeric
representation (usually binary) of 2D image
• Vector vs. Rastero Vector: using mathematical
geometry to describe points; can be resized with no degradation in quality
o Raster: consists of fixed number of picture elements = pixels
![Page 8: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/8.jpg)
Raster• Aka. Bitmap
o Rectangular grid of pixels
• Pixels store informationo Typically RGB values
![Page 9: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/9.jpg)
BMP• The classical image format• No compression of pixel data• Compare to RAW format
• They’re HUGE
![Page 10: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/10.jpg)
GIF• Graphics Interchange Format• 8-bit per pixel, 256 color palette• A lossless format• Can be used in small animations
o Each frame is a GIF with its own palette
![Page 11: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/11.jpg)
PNG• Portable Network Graphics
o Successor to GIF
• Supports ‘truecolor’ (16 million)• Can be both lossless and lossy
o Lossy JPEG is better
• Streamable, works well with browsers
![Page 12: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/12.jpg)
JPG/JPEG• Joint Photographic Experts Group• 8-bit grayscale || 24-bit color (8-bit per R,G,B)• Lossy compression
o 高頻不敏感o Fourier transformo Quantization Matrix
![Page 13: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/13.jpg)
Comparisons• Size• Usage• Image complexity
![Page 14: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/14.jpg)
Let’s try some toolsLet’s photoshop!?
![Page 15: 計概實習 Week 8 Graphic & Image Tools. Image 美是主觀的 最好的相片? Lena zlxuan/lena/lenna.html](https://reader033.vdocuments.pub/reader033/viewer/2022061421/56649f285503460f94c3ffb0/html5/thumbnails/15.jpg)
Website Project• 一個主頁
• http://homepage.ntu.edu.tw/~b017050xx/
• 三個次頁面• 別忘了有” MENU” 和”回到主頁”• 只能次頁面刷新,不能整個網站重新整理• 其中之一需為 Your own profile: 想想 NTU-Portfolio• 其餘兩頁自行發揮
• 興趣 / 專長• 過去的活動記錄、作品集• 各種課程心得
• 評分標準• 內容(誠意至上)– 60%• 運用的 html 語法 – 40%• CSS – 10% Bonus!