Lesson 6-Images - PowerPoint PPT Presentation

slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Lesson 6-Images PowerPoint Presentation
Download Presentation
Lesson 6-Images

play fullscreen
1 / 78
Lesson 6-Images
133 Views
Download Presentation
monita
Download Presentation

Lesson 6-Images

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Lesson 6-Images 图像

  2. 大纲 Overview • 如何产生多媒体图像 Creation of multimedia images. • 静态图像的分类和制作 Creation of still images. • 多媒体中的色彩和模式的使用 Colors and palettes in multimedia. • 多媒体文件中的图像类型 Image file types used in multimedia.

  3. 产生多媒体图像Creation of Multimedia Images 创作之初:Before commencing the creation of images in Multimedia, one should: • 计划行事方法Plan their approach using flow charts and storyboards. • 管理制作工具Organize the available tools. • 多显示器 Have multiple monitors, if possible, for lots of screen real estate.

  4. 制作静态图片 Creation of Still Images • 静态图片是多媒体系统中重要的元素 Still images may be the most important element of a multimedia project. • 界面设计师的工作:一个好的布局者和技术工作者 • 位图和矢量图: • 你的图片存储格式:gif jpg png

  5. 计划行事方法Plan their approach using flow charts and storyboards. • 模版 • 现成的屏幕 • 克隆其他项目的外观 • 制作

  6. 多显示器 Have multiple monitors, if possible, for lots of screen real estate. • 多显示器或者分区的高分辨率显示器——演示窗口 • 重做的意义

  7. 创建项目界面最好的方法 • 准备铅笔、橡皮和白纸 • 给出方案和图形创意 • 采用线条画描述整个项目 • 采用3×5的索引卡片

  8. 管理制作工具Organize the available tools • 专门工具——创作多媒体图形对象:文本、按钮、矢量物体和位图 • 集成工具——特效库

  9. 制作静态图片 Still images are generated in two ways: • 位图Bitmaps.由构成一个图像的小点组成的简单矩阵。把彩色图像分解成许多像素,每个像素用若干个二进制位来指定该像素的颜色、亮度和属性。许多描述像素的数据组成图像文件 • 位图图像由多个像素组成,并带有表示每个像素颜色的数据。当图像放大后,每个像素的信息量是固定的,会出现马赛克现象。 • 位图色彩丰富,具有很强层次感,承载的信息量大,具有很强的视觉效果。 • 位图图像数字化后的数据量大,需要进行压缩。(800*600真彩色的图像保存 空间大约为1.37M)

  10. 位图bitmap

  11. Bitmaps 如何制作位图Bitmaps are an image format suited for creation of: • 绘画程序Photo-realistic images. Using clip art galleries. • 抓屏Capturing and editing images. • 图像采集Scanning images. • 软件制作 Using bitmap software.

  12. 位图的来源 • 使用扫描仪 • 使用数码相机 • 使用摄像机捕捉 • 屏幕图像捕捉 • 图像库获取 • 绘图软件编辑 • 图库clip art • 图片磁盘CD-Rom光盘 • 网站上下载 • 位图软件制作

  13. Using Bitmap Software 位图软件The industry standard for bitmap painting and editing programs are: • 画笔工具 • acdsee • Adobe's Photoshop and Illustrator. • Macromedia's Fireworks. • CorelDraw. • Quark Express.etc

  14. Using Bitmap Software

  15. Director

  16. Photoshop

  17. Painter

  18. 抓图和编辑工具Capturing and Editing Images • 抓屏Capturing and storing images directly from the screen is another way to assemble images for multimedia. • 抓屏按键The PRINT SCREEN button in Windows and COMMAND-CONTROL-SHIFT-4 keystroke on the Macintosh copies the screen image to the clipboard. • 其他抓屏工具:snagIt

  19. Capturing and Editing Images 图象编辑Image editing programs enable the user to: • 合成复杂图像Enhance and make composite images.

  20. Capturing and Editing Images 图象编辑Image editing programs enable the user to: • 变换和扭曲图像Alter and distort images.

  21. Capturing and Editing Images 图象编辑 Image editing programs enable the user to: • 增加和删除元素 Add and delete elements.

  22. Capturing and Editing Images 图象编辑Image editing programs enable the user to: • 变形 Morph (manipulate still images to c reate anima ted transformations).

  23. Scanning Images • 扫描图片Users can scan images from conventional sources and make necessary alterations and manipulations. • 背景图像的制作——扫描照片——利用滤境产生迷人的效果 • 手绘草图——扫描——编辑

  24. 全景图

  25. 矢量图 Vector-drawn graphics • 矢量图Vector-drawn graphics.:是以数学方程式所定义的直线和曲线来记录图像内容。存储量小,分辨率大,精确度高。 • 矢量图一般比较简单,信息表现力不强,数据量小,并且由于矢量图形存储的是关于曲线的点、颜色、曲率等信息,当缩放时,这个数学描述关系在一个区域内是固定的,因此矢量图作为一种抽象化的特殊符号在多媒体系统中具有重要作用。 • 矢量图体积小,画面表达准确。

  26. 矢量绘图的工作原理 • RECT 0,0,200,200 • RECT 0,0,200,200,RED,BLUE • 笛卡尔坐标系

  27. 图像大小的计算 • 图像存储空间的计算公式: • 位图和矢量图像的互换

  28. Applications of Vector-Drawn Images 矢量图形的应用领域Vector-drawn images are used in the following areas: • 建筑工程Computer-aided design (CAD) programs. • 图形设计和印刷媒体Graphic artists designing for the print media. • 三维图形3-D animation programs. • Applications requiring drawing of graphic shapes.

  29. 建筑工程Computer-aided design (CAD) programs.

  30. 图形设计和印刷媒体Graphic artists designing for the print media.

  31. Vector-Drawn Images v/s Bitmaps • 矢量图不能被用来作为显示复杂多色彩图像Vector images cannot be used for images. • 矢量图要求网页安装显示插件Vector images require a plug-in for Web-based display. • 位图不能随便放大和更改Bitmaps are not easily scalable and resizable. • 位图可以通过工具软件转化——自动跟踪Bitmaps can be converted to vector images using autotracing.

  32. 3-D 绘图和描绘输出3-D Drawing and Rendering • 3-D animation tools. • 应用特征Features of a 3-D application. • 全景Panoramas.

  33. 3-D Animation Tools 3-D animation, drawing, and rendering tools include: • Ray Dream Designer. • Caligari True Space 2. • Specular Infini-D. • Form*Z. • NewTek's Lightwave.

  34. Xyz轴和可调的视角

  35. 一个三维场景需要大量信息 • Infini-D软件中椅子由方块和矩形 构成的11个对象组成 每个物体和元素有具有属性: 形状 颜色 纹理 阴影 位置

  36. Features of a 3-D Application • 建模:创建形状Modeling - Placing all the elements into 3-D space. • 模压:将一个平面在与该形状的轮廓垂直的方向上或者沿着某一定义的方向突出的三维处理Extrusion - The shape of a plane surface extends some distance. • 车:将形状的剖面沿着预先定义的轴线旋转来创建三维物体Lathing - A profile of the shape is rotated around a defined axis. • 施加纹理和颜色 设置光源 • 提交:计算机最后利用复杂的算法来合成创建物体定义的各种效果Rendering - Use of intricate algorithms to apply user-specified effects.

  37. 通过压模创建的自由形态的物体和车出来的酒杯通过压模创建的自由形态的物体和车出来的酒杯

  38. 四种不同光影方式下的透视场景

  39. 添加阴影和灯光

  40. 颜色和调色板Colors and Palettes in Multimedia • 理解自然光和颜色Understanding natural light and color. • 调色板Color palettes.

  41. 理解自然光和颜色Understanding Natural Light and Color • 当电子从较高能级向较低能级运动时就产生了光Light comes from an atom where an electron passes from a higher to a lower energy level. • 每一种原子产生的颜色是唯一的Each atom produces uniquely specific colors. • 颜色是整个电磁波普上人的眼睛所能产生反映的一些光波频率,它的范围很窄。Color is the frequency of a light wave within the narrow band of the electromagnetic spectrum, to which the human eye responds. • 光谱中的光波频率递增的顺序:ROY G.BIV • 红外线 紫外线

  42. 理解自然光和颜色Understanding Natural Light and Color • 色调由红蓝绿三色构成 • 人眼能区分80,000种 颜色 颜色采集器选择色彩空间中 一种或多种不同模式构成的 颜色

  43. 颜色 • 红色 • 黄色 • 绿色 • 蓝色 • 紫色 • 棕色

  44. 颜色 • 白色 • 灰色 • 黑色

  45. 加性颜色 Additive color. 减性颜色Subtractive color. CMY CMYK 显示器和颜色Monitor-specific color. 颜色模型Color models. 计算机化的 颜色Understanding Natural Light and Color