第5章网络多媒体信息编辑课件

Page 1第5章 网络多媒体信息编辑.网络信息编辑第5章 网络多媒体信息编辑.Page 2网络信息编辑网络信息编辑知识点：l 网络图片的常用格式、作用及编排形式l 网络动画的常见格式l 网络音视频文件的格式、特点及选用原则 l 选择网页中图像、音频、视频的文件格式l Photoshop、Flash的基本操作。技能点：第第5 5章章 网网络多媒体信息多媒体信息编辑.网络信息编辑知识点：网络图片的常用格式、作用及编排形式 选Page 3【引例】浏览新华网2008年10月2日的一条图片新闻网络信息编辑网络信息编辑.【引例】浏览新华网2008年10月2日的一条图片新闻网络信息Page 4【案例导读】网络信息编辑网络信息编辑 本条信息的主要内容是介绍新疆喀纳斯的秋天景色，使用了两幅图片客观、形象地展示了喀纳斯的金秋美景，此时图片的运用远胜于一大串的文字描述。图片所能传达的信息要比文字丰富的多，特别是一些好的图片对于瞬间的记录，可以产生长久的震撼人心的效果。目前，各网站在进行网络信息的组织时，充分利用网络媒体的优势，综合运用文字、图片、动画、音视频等多种形式，以达到图文并茂、视听共享的效果。网页是WWW的基本文档，构成网页的元素包括文字、图片、动画、音频、视频、程序等，而且各类素材的文件格式也是多种多样的。这就要求网络编辑了解各种多媒体素材的作用和特点，能正确选择网页中图像、音频、视频的文件格式，同时需要掌握图像处理软件Photoshop、动画制作软件Flash的基本操作。第第5 5章章 网络多媒体信息编辑网络多媒体信息编辑.【案例导读】网络信息编辑 本条信息的主要内容是介绍新疆Page 5网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络动画编辑网络动画编辑网络音视频编缉网络音视频编缉实训内容及指导实训内容及指导网络信息编辑网络信息编辑第第5 5章章 网网络多媒体信息多媒体信息编辑5.15.25.3本章小结本章小结第第5 5章章 网络多媒体信息编辑网络多媒体信息编辑.网络图片编辑网络动画编辑网络音视频编缉实训内容及指导网络信息Page 6网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.1 网络图片的类型及格式5.1.2 网络图片的编排形式5.1.3 Photoshop的使用第第5 5章章 网络多媒体信息编辑网络多媒体信息编辑.网络图片编辑网络信息编辑5.15.1.1 网络图片的类型及格Page 7网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.1 网络图片的类型及格式1.网络图片的类型照片图示漫画 照片都是紧紧围绕着主题、聚焦新闻报道的焦点，或是报道的核心人物、事件发生的地点及引发人联想的标志性事物等。可以将抽象的规划具体化，将枯燥的数字形象化，将分散的内容整体化，将平面的文字立体化。从现实生活中取材，通过夸张、比喻、象征、寓意等手法，表现主题事件或人物.网络图片编辑网络信息编辑5.15.1.1 网络图片的类型及格Page 8网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.1 网络图片的类型及格式2.网络图片的格式JPGGIFPNGJPG 格式是照片和连续色调图像的文件格式，它采用失真 的 压 缩 方 式。GIF格式是非连续色调或具有大面积平面色彩图像的格式，采用非失真的压缩方式。PNG格式支持24位全彩色，采用非破坏性压缩，可以完整和精确地保存图像的亮度和彩度。.网络图片编辑网络信息编辑5.15.1.1 网络图片的类型及格Page 9网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.2 网络图片的编排形式l 作为网站、频道或栏目的主图 l 作为主页上头条新闻的配图 l 作为栏目的题图照片 l 作为消息正文的配图 l 作为独立的图片新闻报道 1.网络图片的作用.网络图片编辑网络信息编辑5.15.1.2 网络图片的编排形式Page 10网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.2 网络图片的编排形式l 图片放置在页面的左上方 l 图片放置在页面的右上方 l 采用多个小图纵向或横向排列 l 放置在消息正文的正上方 2.网络图片的编排.网络图片编辑网络信息编辑5.15.1.2 网络图片的编排形式Page 11网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.2 网络图片的编排形式3.网络图片的应用原则图片具有真实性图片要有思想性图片要有艺术性 图片要有实用性.网络图片编辑网络信息编辑5.15.1.2 网络图片的编排形式Page 12网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.2 网络图片的编排形式4.应用网络图片时需要注意的问题图片大小图片大小图片格式图片格式 图片过大，会影响网页的显示速度 在保证所需清晰度的情况下，尽量压缩图像的大小 除了彩色照片和高色彩图像以外，尽量使用GIF格式图像 JPG GIF PNG 图片面积图片面积 图片在网页中占据的面积大小能直接显示其重要程度 大图片容易形成视觉焦点 小图片起到点缀和呼应页面主题的作用.网络图片编辑网络信息编辑5.15.1.2 网络图片的编排形式Page 13网络图片编辑网络图片编辑网络图片编辑网络图片编辑网络信息编辑网络信息编辑5.15.1.3 Photoshop的使用 Photoshop是Adobe公司推出的、功能强大的图像处理软件，它具有界面简洁友好、可操作性强、可以和绝大多数的软件进行完美的整合等特点，因此，被广泛地应用于图像处理、绘画、多媒体界面设计、网页设计等领域。工作界面基本概念 文档的建立与保存Photoshop的基本操作.网络图片编辑网络信息编辑5.15.1.3 PhotoshopPage 14网络动画编辑网络动画编辑网络动画编辑网络动画编辑网络信息编辑网络信息编辑5.25.2.1 网络动画的格式5.2.2 Flash的使用.网络动画编辑网络信息编辑5.25.2.1 网络动画的格式.Page 15网络动画编辑网络动画编辑网络动画编辑网络动画编辑网络信息编辑网络信息编辑5.25.2.1 网络动画的格式FLA GIF Flash动画是一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等优点，是当今最流行的Web页面动画格式。在一个GIF文件中可以保存多幅彩色图像，如果把存在于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就构成了一种最简单的动画。.网络动画编辑网络信息编辑5.25.2.1 网络动画的格式FLPage 16网络信息编辑网络信息编辑【案例5-1】浏览搜狐网嫦娥一号卫星探月全程演示的动画.网络信息编辑【案例5-1】浏览搜狐网嫦娥一号卫星探月全程演示Page 17网络信息编辑网络信息编辑【案例分析】该动画形象地模拟了嫦娥一号卫星探月的全过程。Flash动画与文字描述相比更逼真，更形象，因此，Flash在各网站中都得到了大量的应用，主要用于模拟战局示意图，灾难或事故的场景报道等。.网络信息编辑【案例分析】该动画形象地模拟了嫦娥一号卫Page 18网络动画编辑网络动画编辑网络动画编辑网络动画编辑网络信息编辑网络信息编辑5.25.2.2 Flash的使用 Flash是当前Internet上最为流行的Web动画制作软件，它集矢量编辑和动画创建于一体，同时可以将图形、图像、音频、动画和交互动作有机地结合在一起，制作出美观、新颖、交互性强的动态网页。工作界面基本概念 文档的建立与保存Flash的基本操作Flash动画的基本类型导线运动和遮罩影片剪辑和声音的运用按钮及交互动画.网络动画编辑网络信息编辑5.25.2.2 Flash的使用 Page 19网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.1 流媒体技术5.3.2 网络音视频的格式5.3.3 网络音视频的编排.网络音视频编辑网络信息编辑5.35.3.1 流媒体技术.Page 20网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.1 流媒体技术l 所谓流媒体是指采用流式传输的方式在Internet播放的媒体格式，如音频、视频等文件。流媒体在播放前并不下载整个文件，只将开始部分内容存入内存，在计算机中对数据包进行缓存并使媒体数据正确地输出。l 流媒体技术广泛应用于互联网信息服务，如多媒体新闻发布、在线直播、网络广告、电子商务、视频点播、远程教育、远程医疗、网络电台、实时视频会议等。l 目前，常用的流媒体格式有：ASF、3GP、VIV、SWF、RT、RP、RA、RM等。.网络音视频编辑网络信息编辑5.35.3.1 流媒体技术 所谓Page 21网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.2 网络音视频的格式1.声音文件的格式WAVMIDMP3 是声音文件最基本的格式。把声音的各种变化信息逐一转成0和1的电信号记录下来。MIDI的文件体积很小，即使是长达十多分钟的音乐也不过十多K至数十K。MP3是目前最为流行的多媒体格式之一。以MPEG2的多媒体标准进行压缩。.网络音视频编辑网络信息编辑5.35.3.2 网络音视频的格式Page 22网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.2 网络音视频的格式2.视频文件的格式视频文件格式影像文件影像文件：AVI文件 QuickTime文件 MPEG文件 流式视频文件流式视频文件：RealVideo文件 ASF格式 WMV格式.网络音视频编辑网络信息编辑5.35.3.2 网络音视频的格式Page 23网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.2 网络音视频的格式2.视频文件的格式AVIMOV/QTMPEG AVI文件图像质量好，可以跨多平台使用，但体积过于庞大，而且压缩标准不统一。MOV即QuickTime影片格式，它是Apple公司开发的一种音视频文件格式。是运动图像压缩算法的国际标准，图像和音响的质量非常好，兼容性相当好。.网络音视频编辑网络信息编辑5.35.3.2 网络音视频的格式Page 24网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.2 网络音视频的格式2.视频文件的格式RMASFWMV 一种新型流式视频文件格式，包含在音频视频压缩规范RealMedia中。是Microsoft公司推出的实时传播多媒体的技术标准，能在多种网络环境下支持数据的传送。是一种独立于编码方式的在Internet上实时传播多媒体的技术标准。.网络音视频编辑网络信息编辑5.35.3.2 网络音视频的格式Page 25网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.3 网络音视频的编排1.网络音视频的作用网络音频网络音频的作用的作用 对于文字信息是一个有力的补充，可以引导受众正确理解影像信息的含义 可以对影像信息进行补充，传达影像文件无法表现的主观信息 利用语言的概括性可以简洁而清楚地传达新闻信息网络视频网络视频的作用的作用 能够再现镜头前的几乎全部现象，表现出强烈的现实感 视频的拍摄、传达与接受都是具有强制性的 视频中不同的镜头用不同的方式加以组合，可能产生不同的效果.网络音视频编辑网络信息编辑5.35.3.3 网络音视频的编排Page 26网络音视频编辑网络音视频编辑网络音视频编辑网络音视频编辑网络信息编辑网络信息编辑5.35.3.3 网络音视频的编排2.网络音视频的编辑网络音视频的编辑原则视频的声画字要同步 视频的衔接要自然 视频的画面选取要合理 注意音频的质量 选择音视频文件时要讲究内容集中，尽量将一件事情的来龙去脉说清楚 1 12 23 35 55 5.网络音视频编辑网络信息编辑5.35.3.3 网络音视频的编排Page 27网络信息编辑网络信息编辑【案例5-2】浏览新华网标题为“奥运场馆引发京城旅游热”的视频页面.网络信息编辑【案例5-2】浏览新华网标题为“奥运场馆引发京城Page 28网络信息编辑网络信息编辑【案例分析】十一黄金周期间，奥运期间创造过许多奇迹的奥运场馆成为了新的旅游热点，奥林匹克中心区内的鸟巢、水立方、国家体育馆以及森林公园等奥运设施每天都吸引着大量的游客。通过网络视频以动态的方式向受众传达奥运场馆引发京城旅游热的信息，使受众体会到了强烈的现实感。随着网络媒体技术的发展，音频、视频等多媒体信息也越来越多的通过网络进行发布。网络音视频具有覆盖范围广、信息容量大、传播速度快、互动性强等特点，因此，在网站中得到了广泛的应用。.网络信息编辑【案例分析】十一黄金周期间，奥运Page 29本章小结本章小结本章小结本章小结网络信息编辑网络信息编辑 本章重点讲述了网络图片、网络动画、网络音视频等多媒体信息编辑的有关知识。通过本章的学习，应了解网络图片、网络动画、网络音视频文件的格式及特点；理解网络图片的编排形式，网络音视频编辑的原则；掌握图像处理软件Photoshop、动画制作软件Flash的基本操作。.本章小结网络信息编辑 .Page 30实训内容及指导实训内容及指导实训内容及指导实训内容及指导网络信息编辑网络信息编辑实训一、Photoshop软件的使用 实训目的：熟悉Photoshop软件的工作环境，掌握Photoshop主要工具的使用技巧，能够处理各种图像、优化图像文件、转换图像格式。实训内容：1设计并制作一个网站的Logo标志。2对一幅大的图像进行优化。3将BMP、PSD的文件转换为JPG或GIF格式。4图层、文本、滤镜的应用。实训要求：学生应能够进行各种图像的处理。实训条件：装有Photoshop软件，且提供Internet环境。实训操作：1根据个人需求与兴趣自选主题进行构思设计。2进行有关素材的收集。3制作作品。4将作品存储为Web所用的格式。.实训内容及指导网络信息编辑实训一、Photoshop软件的使Page 31实训内容及指导实训内容及指导实训内容及指导实训内容及指导网络信息编辑网络信息编辑实训二、Flash软件的使用实训目的：熟悉Photoshop软件的工作环境，掌握Photoshop主要工具的使用技巧，能够处理各种图像、优化图像文件、转换图像格式。实训内容：1设计并制作一个网站的Logo标志。2对一幅大的图像进行优化。3将BMP、PSD的文件转换为JPG或GIF格式。4图层、文本、滤镜的应用。实训要求：学生应能够进行各种图像的处理。实训条件：装有Photoshop软件，且提供Internet环境。实训操作：1根据个人需求与兴趣自选主题进行构思设计。2进行有关素材的收集。3制作作品。4将作品存储为Web所用的格式。.实训内容及指导网络信息编辑实训二、Flash软件的使用实训目