1 / 15

計概實習

計概實習. Week 8 Graphic & Image Tools. Image. 美是主觀的 最好的相片？ Lena http ://www.csie.nctu.edu.tw/~zlxuan/lena/ lenna.html. Image Tools. Freeware Picasa http://picasa.google.com/intl/zh-TW / Pixlr http ://pixlr.com / GIF Maker http://gifmake.com / Commercial Software PhotoImpact X3

deirdre-lane
Download Presentation

計概實習

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 計概實習 Week8 Graphic&ImageTools

  2. Image • 美是主觀的 • 最好的相片？ • Lena • http://www.csie.nctu.edu.tw/~zlxuan/lena/lenna.html

  3. ImageTools • Freeware • Picasa • http://picasa.google.com/intl/zh-TW/ • Pixlr • http://pixlr.com/ • GIFMaker • http://gifmake.com/ • CommercialSoftware • PhotoImpactX3 • https://oper.cc.ntu.edu.tw/download/ • PhotoshopCSx • http://www.adobe.com/tw/products/photoshop.html • PhotoshopLightroom • http://www.adobe.com/tw/products/photoshop-lightroom.html

  4. Storage • Saveinyourowndisk • Howmuchstoragesizedoyouhave? • Howtomanageyourphotolibrary? • Whatifthediskcrashed? • Saveinthecloudstorage • Security? • Permission? • Cost? • Quality?

  5. UsefulCloudStorage • Facebook • Flickr • http://www.flickr.com/ • Picasa • http://picasaweb.google.com/home • Pinterest • http://www.pinterest.com/

  6. Image Processing Concepts and Tools

  7. Digital Image • Numeric representation (usually binary) of 2D image • Vector vs. Raster • Vector: using mathematical geometry to describe points; can be resized with no degradation in quality • Raster: consists of fixed number of picture elements = pixels

  8. Raster • Aka. Bitmap • Rectangular grid of pixels • Pixels store information • Typically RGB values

  9. BMP • The classical image format • No compression of pixel data • Compare to RAW format • They’re HUGE

  10. GIF • Graphics Interchange Format • 8-bit per pixel, 256 color palette • A lossless format • Can be used in small animations • Each frame is a GIF with its own palette

  11. PNG • Portable Network Graphics • Successor to GIF • Supports ‘truecolor’ (16 million) • Can be both lossless and lossy • Lossy JPEG is better • Streamable, works well with browsers

  12. JPG/JPEG • Joint Photographic Experts Group • 8-bit grayscale || 24-bit color (8-bit per R,G,B) • Lossy compression • 高頻不敏感 • Fourier transform • Quantization Matrix

  13. Comparisons • Size • Usage • Image complexity

  14. Let’s try some tools Let’s photoshop!?

  15. WebsiteProject • 一個主頁 • http://homepage.ntu.edu.tw/~b017050xx/ • 三個次頁面 • 別忘了有”MENU”和”回到主頁” • 只能次頁面刷新，不能整個網站重新整理 • 其中之一需為Yourownprofile: 想想NTU-Portfolio • 其餘兩頁自行發揮 • 興趣/專長 • 過去的活動記錄、作品集 • 各種課程心得 • 評分標準 • 內容（誠意至上）– 60% • 運用的html語法 –40% • CSS –10%Bonus!

More Related