10.1　理解数字媒体和数字媒体技术的概念（课件）-《信息技术（拓展模块）》同步教学（大连理工大学出版社）

数字媒体 10.1　理解数字媒体和数字媒体技术的概念 10.2　数字媒体素材处理 10.3　HTML5新特性 第十章 10.1　理解数字媒体和数字媒体技术的概念 媒体———国际电信联盟(ITU)从技术的角度给媒体下了一个定义并进行了分类:媒体是感知、表示、存储和传输信息的手段和方法。在计算机领域,媒体有两种含义:一种是指存储和传输信息的载体(存储媒体和传输媒体),如磁带、磁盘、光盘、半导体存储器、电缆、光缆、微波和数据线等;另一种是指信息的表示形式(表示媒体),如文字(text)、声音(audio,也叫音频)、图形(graphic)、图像(Image)、动画(animation)和视频(video,即活动影像)等。 数字媒体———从狭义上看是信息的表示形式,或者说是计算机对上述感觉媒体的编码。从广义上看,数字媒体和信息的传输、呈现(显示)和存储(记忆)方式密切相关,而作为内容承载的数字媒体艺术,在其丰富的表现形式的背后,也是上述表示媒体、显示媒体、传输媒体和存储媒体共同作用的结果,图10-1是这五类媒体的特征总结。为了从技术角度理解上述五种媒体之间的相互关系,可以根据人与计算机之间的信息传播的过程和途径来形象地说明这些媒体的特征和存在形式。 10.1.1　数字媒体新技术 第十章　数字媒体 10.1 理解数字媒体和数字媒体技术的概念 数字媒体是指以二进制数的形式记录、处理、传播、获取过程的信息载体,这些载体包括数字化的文字、图形、图像、声音、视频影像和动画等感觉媒体和表示这些感觉媒体的表示媒体(编码)等,通常称为逻辑媒体,以及存储、传输、显示逻辑媒体的实物媒体。但通常意义下所称的数字媒体指感觉媒体。数字媒体是以信息科学和数字技术为主导,以大众传播理论为依据,以现代艺术为指导,将信息传播技术应用到文化、艺术、商业、教育和管理领域的科学与艺术高度融合的综合交叉学科。它具有多样性、集成性、交互性等特征,数字媒体的基本属性和媒介特征如图10-2所示。 数字媒体技术常用的编辑工具有文字处理软件(如 WPS文字、MicrosoftWord等)、图形图像编辑工具(如 Photoshop、Illustrator、painter、AutoCAD等)、动画编辑工具(如 Maya、Animate、3DMax)、声音编辑工具(如 Audition、GoldWave、SoundForge)、视频编辑工具(如Mediastudio、Premiere和 AfterEffects)以及数字媒体合成编辑工具(如 Authorware、Director和PowerPoint)。 10.1.1　数字媒体技术概述 第十章　数字媒体 10.1 理解数字媒体和数字媒体技术的概念 数字媒体的应用领域包括教育与培训(幼儿启蒙教育、中小学辅助教学、大众化教育和技能训练)、商业应用(商场导购系统、电子商场、网上购物和助理设计)、家庭娱乐(立体影像和虚拟现实)、网络通信(远程医疗和视听会议)、办公自动化(声音信息的应用和图像识别)以及电子地图等。 10.1.1　数字媒体技术概述 第十章　数字媒体 10.1 理解数字媒体和数字媒体技术的概念 图10-1 国际电信联盟定义的五种媒体的特征和描述 图10-2 数字媒体的基本属性和媒介特征 理解数字媒体的概念,掌握数字媒体技术是现代信息传播的通用技能之一。数字媒体新技术(新媒体技术)是指以现代化的数字技术、网络技术以及通信技术等全新技术为基础,能够向用户提供需要的信息服务的媒介手段。 10.1.2　数字媒体新技术 第十章　数字媒体 10.1 理解数字媒体和数字媒体技术的概念 虚拟现实技术 01 融媒体技术 02 为贯彻落实习近平总书记关于加强学习、建设学习大国重要指示精神,中宣部打造了“学习强国”学习平台。“学习强国”手机客户端于2019年1月1日正式上线,5个月来共经历10次版本更新,其中6次涉及业务拓展和服务提升,4次修复原有缺陷、优化体验。截至2019年5月15日,“学习强国”手机客户端在iOS系统累计下载量为3668万,Android系统累计下载量超2亿。自2019年2月起,其下载量稳居教育类 App榜单第一,2月中旬至3月底下载量占据总榜第一。“学习强国”能在短时间里取得成功很大程度上取决于其利用融媒体优势提供优质内容和服务。 “学习强国”App“不是单一的互联网站,不是单一依托电信网传输数据,不是单一通过广播电视网采集内容,而是互联网、电信网、广电网三网融合的产物,它把广电网的以点对面、电信网的以点对点、互联网的存储移动特点融合在一起”,“实现了物理上的互联互通、无缝对接,业务上的相互交叉、相互渗透、彼此兼容,形态上的技术融合、业务融合、行业融合、终端融合、网络融合”。 10.1.3　案例分析 第十章　数字媒体 10.1 理解数字媒体和数字媒体技术的概念 10.2 数字媒体素材处理 10.2.1　文本素材处理技术 第十章　数字媒体 10.2 数字媒体素材处理 1.文本基础知识 在各种媒体素材中,文字信息是最基本的信息元素。文本是由一系列的“字符”(character)组成的,每个字符均使用二进制编码表示。文本处理的基本步骤包括输入、编辑、排版和输出,具体流程如图10-3所示。 图10-3 文本处理的基本步骤 10.2.1　文本素材处理技术 第十章　数字媒体 10.2 数字媒体素材处理 文本在计算机中的输入方法很多,除了最常用的键盘输入外,还可以用语音识别输入、扫描识别输入及数位笔书写识别输入等方法。Windows系统下的文字种类较多,常见的有*.txt、*.wri、*.doc、*.docx、*.Wps、*.rtf、*.html、*.pdf等。选用文本素材文件格式时,要考虑数字媒体作品的集成工具软件是否能识别这些格式,以免准备的文本素材无法插入集成设计软件。纯文本文件格式(*.txt)可以被任何程序识别,RichTextFormat文件格式(*.rtf)的文本也可被大多数程序识别。 品类繁多的数字媒体集成设计软件中几乎都自带文字编辑功能,但当文本量大时,一般会在前期就预先准备好。文字素材有时也会以图像的方式出现在作品中,排版后用图像的方式保存。新时代下,人们对文字信息的传播更追求个性化、潮流化、综合化,注重参与性和沉浸感,希望能够从被动接受转变为主动参与,从而使得文本动态化。随着媒介技术的发展,文本素材主要通过互联网、手机、平板电脑、移动终端等新的媒体所衍生出来的数字杂志、数字报纸等全新传播形态,实现数字设计的重大变革。 10.2.1　文本素材处理技术 第十章　数字媒体 10.2 数字媒体素材处理 2.案例教学:将文本文件转换为PDF文件 Adobe公司的PDF是PortableDocumentFormat(可携带文档格式)的缩写,是世界电子版文档分发的公开实用标准。PDF文件无论在哪种打印机上都可保证精确的颜色和准确的打印效果,会忠实地再现原稿的每一个字符、颜色以及图像。该格式文件还可以包含超文本链接、声音和动态影像等电子信息,支持特长文件,集成度和安全可靠性都较高。PDF文件多系统通用,这一特点使它成为在Internet上进行电子文档发行和数字化信息传播的理想文档格式。越来越多的电子图书、产品说明、公司文稿、网络资料、电子邮件开始使用PDF格式文件。用PDF制作的电子书具有纸版书的质感和阅读效果,可以逼真地展现书的原貌,而显示大小可任意调节,给读者提供了个性化的阅读方式。 WPS中可以直接将 WPS文档保存为PDF格式。具体步骤如下: 文档编辑完成后,单击“文件”选项卡“另存为”命令,如图10-4所示。 10.2.1　文本素材处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-4 选择“另存为”命令 10.2.1　文本素材处理技术 第十章　数字媒体 10.2 数字媒体素材处理 在弹出的“另存文件”对话框中选择“文件类型”为 PDF(*.pdf),即可将 WPS文档保存为PDF格式文件,如图10-5所示。 图10-5 选择“保存类型” 10.2.1　文本素材处理技术 第十章　数字媒体 10.2 数字媒体素材处理 另一种方法是直接将文本输出成 PDF文件。单击“文件”选项卡“输出为 PDF”命令,如图10-6所示。在弹出的“输出PDF文件”对话框中选择“浏览”保存到什么路径,选择“确定”,即可将 WPS文档保存为PDF格式文件,如图10-7所示。 图10-6 选择“输出为PDF”命令 10.2.1　文本素材处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-7 “输出PDF文件”对话框 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 数字媒体中图形图像处理是非常重要的环节。图形图像包含的信息具有具体直观、形象、易于理解等特点。图形图像不仅用于界面的美化,也可用于内容的表达。通过对图形图像的处理,可以制作出满足不同需求的作品。 1.图形图像的基本知识 数字图像是由扫描仪、摄像机等输入设备捕捉实际的画面而产生的图像,是由像素点阵构成的位图。图像用数字任意描述像素点、强度和颜色。当描述信息文件存储量较大时,所描述对象在缩放过程中便会损失细节或产生锯齿。在显示方面它是将对象以一定的分辨率分辨以后将每个点的色彩信息以数字化方式呈现,可直接快速地在屏幕上显示。分辨率和灰度是影响显示的主要参数。计算机中的图像从处理方式上可以分为位图和矢量图。目前比较常用的图像文件存储格式有 BMP、TIFF、GIF、JPEG、PSD、PDF、PNG、CDR、AI、DXF、EPS、PCX、TGA等,大多数浏览器都支持 GIF、JPG以及PNG图像的直接显示。SVG格式作为 W3C的标准格式在网络上的应用越来越广。 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 2.案例教学:垃圾分类小知识———微视频中图像素材的处理 教学目标:通过教学案例,了解图像素材处理的大体流程(知识目标)。“垃圾围城”已成我国重大环境问题,垃圾分类是环境保护工作的有机组成部分,高校作为培养社会主义的建设者和接班人的重要基地,应起到先锋作用。当代大学生从具体案例中能深刻地体会习近平新时代中国特色社会主义思想的博大精深和实践意义,感受身上肩负的责任和使命。 案例分析:本案例是一个关于垃圾分类知识的微视频,视频采用了手绘+逐格拍摄的表现手法。其中前期制作阶段,需要对所有手绘画面进行图像采集、输入、编辑加工、存储、输出,最后将输出的图像素材导入后期合成软件进行后期制作。在这个过程中,我们可以了解到一个图像素材处理的大体流程。 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 具体步骤: 第1步:在纸面上完成手绘稿,通过扫描仪扫入图像。或者用数码相机拍摄采集图像到芯片上,再通过传输软件、蓝牙、数据线等方法输出到计算机中,此时注意图像存储的格式及分辨率设置。 第2步:用Photoshop软件处理图像的色调。选择“文件”→“打开”命令,打开素材文档中的图像文档,选择“图像”→“调整”→“曲线”,如图10-8所示。或者按快捷键【Ctrl+M】,弹出“曲线”面板,设置输入输出的曲线节点,调整画面阴影光线效果,如图10-9所示。效果不理想时还可以选择“图像”→“调整”→“色阶”(快捷键【Ctrl+L】)和“图像”→“调整”→“色相/饱和度”(快捷键【Ctrl+U】)来补充调整,如图10-10、图10-11所示。 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-8 选择“曲线”命令 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-9 设置“曲线” 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-10 设置“色阶” 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-11 设置“色相/饱和度” 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第3步:用Photoshop软件处理图像的清晰度,选择菜单栏的“滤镜”→“锐化”→“锐化”命令,如图10-12所示,图像清晰度会提高。如果清晰度还不够,可再次执行“锐化”命令(快捷键【Alt+Ctrl+F】),直到满意为止。 第4步:去除图像中的杂色和划痕,在“图层”面板中的“背景”图层面板上点鼠标右键,复制图层,命名为“背景 拷贝”,如图10-13所示。单击这个图层,然后选择菜单栏的“滤镜”→“杂色”→“蒙尘与划痕”命令,如图10-14所示,设置对话框,调节“半径”和“阈值”参数,直到图像中的杂色和划痕不明显。单击“确定”按钮完成操作,如图10-15所示。 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-12 选择“锐化”命令 图10-13 复制图层 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-14 选择“蒙尘与划痕”命令 图10-15 设置“蒙尘与划痕”滤镜 10.2.2　数字图形图像处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第5步:图像的压缩与存储,选择菜单栏的“文件”→“另存为”命令,将文件存储成 .JPEG格式文件,如图10-16所示。压缩指的是减少图像存储量或降低图像带宽的处理。互联网是以大量的图片内容为特征的,例如jpg文件扩展名用于JPEG的图像压缩标准。JPEG格式的图像可以用较少的磁盘空间得到较好的图像质量。 10.2.3　数字音频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 随着数字时代的到来,数字音、视频技术正在向各个行业不断扩展,从教育的远程授课,到交通的人脸识别,再到医疗的远程就医等,音、视频技术已经占据了一个相当重要的位置,其中数字音频的应用优势也愈发凸显。数字影视、动画作品中的对白、解说词等内容都需要专业音频文件进行配置。作为新时代背景下的青年,掌握基础的录音软件、音频剪辑合成软件是一项必备的技能。 数字音频处理相关知识请扫描二维码获取。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 在众多的数字媒体作品中,视频是一种不可缺少的表现形式,与图形图像信息相比,视频信息更易于表现动态逼真的信息。视频与文本、图形、图像、声音、动画等组合能大大提高数字作品的直观性和形象性。随着科技的发展、5G入局,大众对内容的消费,经历了文字到图片,图片到视频的巨大变化。视频相比图片和文字,效果更立体直观,已经成为人与社会联结的重要窗口。会创作视频的人更容易在这个时代发光发热! 因此,熟练掌握数字视频处理技术十分必要。 1.数字视频的基本知识 数字视频是对模拟视频信号进行数字化后的产物,它是基于数字技术记录视频信息的。模拟视频可以通过视频采集卡将模拟视频信号进行 A/D(模/数)转换,这个转换过程就是视频捕捉(或采集过程),将转换后的信号采用数字压缩技术存入计算机磁盘中就成为数字视频。视频数字化过程主要包括色彩空间的转换、光扫描的转换、分辨率的统一和编码压缩等。一般采用分量数字化方式,先把模拟视频信号中的亮度和色度分离得到 YUV分量,然后用三个模数转换器对三个分量分别进行数字化,最后再转换成 RGB方式。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 (1)视频格式 常用的视频格式有 MPEG、AVI、RM、MOV/QT和 RealMedia等,见表10-1。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 ①MPEG是视频格式/标准系列的一个总称,包括 MPEG-1、MPEG-2和 MPEG-4等。采用有损压缩方法减少运动图像中的冗余信息,同时保证每秒30帧的图像动态刷新率,已被所有的计算机平台共同支持。 ②AVI格式是一种符合 RIFF文件规范的数字音频与视频的文件格式。能够允许视频和音频交错在一起同步播放并支持256色和 RE压缩,其优点就是兼容性好且图像质量好,缺点是文件过大。 ③MOV格式是 Apple公司开发的一种视频格式,支持流体技术,默认播放器是 Quick-TimePlayer。具有先进的视频和音频功能,具有存储空间小和跨平台特性,能够通过网络提供实时的数字化信息流、工作流与文件回放功能。 ④RM格式是 RealNetworks公司开发的一种流媒体文件格式,主要用于在低速率的网上实时传输视频,具有体积小而又较清晰的特点。 (2)视频采集 视频文件获取的方式有多种,可以通过数码摄像机拍摄,再用视频捕捉卡配合相应的软件获取视频文件,或直接利用视频素材库中提供的视频文件进行截取。另外,还可以用屏幕抓取软件来记录屏幕的动态显示及鼠标操作,以获得视频素材等。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 2.案例教学:垃圾分类小知识———微视频中视频素材的处理 教学目标:通过教学案例,了解视频素材处理的基本流程和方法(知识目标)。通过对视频文件的剪辑,养成学生专心、用心、细心、耐心的品格,以及吃苦耐劳、严谨认真、团结协作的职业素质。同时学习垃圾科学分类方法,潜移默化,践行于行。当代大学生能深刻地体会习近平新时代中国特色社会主义思想的博大精深和实践意义,感受身上肩负的责任和使命。 案例分析:本案例是关于垃圾分类知识的微视频剪辑,已有素材包括:粗剪过的录音文件、定格拍摄的序列图片、视频片段,我们需要将这些素材文件导入移动端剪辑软件进行剪辑、加工、包装、存储和发布。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 我们都知道,一部微视频,从脚本创作,到素材拍摄和剪辑,都有非常高的学习和时间成本。一个内心有强烈表达欲望的人,很有可能在打开电脑,开始创作的第一步就败下阵来。因此,我们需要一个简单强大的视频创作工具。剪映正是这样顺势而出的。其操作的简单易用,解放了用传统剪辑软件用得焦头烂额的人们。通过手机就可以快速地将脑海里的创意变成大众更易接受的视频。它大大提升了内容表达的效率,让个人创意的表达拥有了更多可能性。它还推出图文成片功能,可以一键快速将文字转化为视频,只需粘贴文字就可得到包含配图、字幕、配音和背景音乐在内的视频。作为一个极富创新精神和时代情怀的产品,剪映的使命就是在瞬息万变的世界里,让每个人都能通过视频实现自我表达,尽情传递内容与创意。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 具体步骤: 案例所用的软件是移动端视频剪辑 App———剪映。 第1步:打开手机,启动剪映应用程序,进入 App主界面。 第2步:导入素材。点击屏幕上方创作区的“开始创作”图标,如图10-17所示,进入选用素材的界面。素材选用有“最近项目”(手机相册库)和“素材库”(剪映素材库)两大板块,手机相册库里又分为三大类:“视频”“照片”和“实况照片”,如图10-18所示,我们从手机相册中选择垃圾分类的照片和视频素材,然后点击屏幕右下方的“添加”图标,如图10-19所示。选择音轨下方的“添加音频”选项,将录音文件“小知识———垃圾分类”导入。 第3步:删减素材。选中视频轨道,在00:04秒处选择剪辑工具栏中的“分割”图标,如图10-20所示,将视频裁切成两部分,再选中前面的部分,选择剪辑工具栏中的“删除”图标,对视频进行剪辑,将多余部分删除。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第4步:静帧延时。选中视频轨道,在00:01秒处选择剪辑工具栏中的“定格”图标,当前帧处的图片被延长了显示时间,相当于插入了一张图片的效果。选中图片,左右滑动白色边框,可以手动调整时长。如图10-21所示。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 图10-20 选择“分割”图标 图10-21 选择“定格”图标 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第5步:节奏控制。选中视频,点击剪辑工具栏中的“变速”图标,如图10-22所示,进行视频节奏时长的调整,选择“常规变速”,如图10-23所示。选择1.5X倍速,声音变调不动,点右侧“√”图标提交操作,如图10-24所示。如果选择“曲线变速”,可以对视频节奏进行由慢到快、由快到慢的缓动设置,在需要变速的位置添加点,根据图表提示调节倍速。0.1X方向表示慢速,10X方向表示快速,如图10-25所示。变速设置后如图10-26所示。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第6步:转场动画。视频轨00:30秒处,选择“分割”图标,再选择“动画”图标,添加画面转场效果,如图10-27所示。动画转场效果分为“入场动画”“出场动画”“组合动画”三类,我们选用“组合动画”中的 “旋转缩小”,动画时长设置为 “8.4s”,点右侧 “√”图标提交操作,如图10-28、图10-29所示。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第7步:优化防抖。视频轨02:52秒处,选择“防抖”图标,设置“裁切最少”选项,点右侧“√”提交操作,如图10-30所示,改善画面抖动效果。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第8步:调节画面。视频轨03:01秒处,选择“调节”图标,如图10-31所示。再选择“暗角”图标,添加画面暗角,营造追光效果,如图10-32所示;选择“颗粒”图标,添加噪点,营造画面肌理效果,如图10-33所示。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第9步:调整画面。视频轨02:01秒处,选择“编辑”图标,如图10-34所示。此功能栏有“镜像”“旋转”“裁剪”三个选项,再选择“裁剪”选项,如图10-35所示。选择“16∶9”选项,点右侧“√”提交操作,如图10-36所示。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第10步:添加蒙版。视频轨03:25秒处,选择“蒙版”图标,如图10-37所示,再选择“镜面”选项,设置周围羽化效果,点右侧“√”提交操作,如图10-38所示。 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 10.2.4　数字视频处理技术 第十章　数字媒体 10.2 数字媒体素材处理 第11步:画面特效。视频轨03:38秒处,选择主屏幕下方工具栏中的星星魔杖“特效”图标,再选择“画面特效”选项,选择“热门”卡窗内的“全剧终”效果,点右侧“√”提交操作,如图10-39所示。剪映软件自带多种特效,可根据类型选项卡查找,从预览窗查看选用。特效加入后,时间轴上会出现紫色长条,选择左右两边的边框,可以拖曳特效显示时长,操作非常简单、直观,如图10-40所示。 第12步:导出视频。 $$