《多媒体技术》综合设计报告

题目：《》              

院    系

专    业：                       

班    级：                          

报告人：                          

学    号：                          

指导教师：                         

二0一   年   月     日

一、综合设计任务

    ???

二、综合设计开发环境和工具

1、准备图像素材，并利用Photoshop软件来进一步处理；

2、准备其它相关媒体素材如音乐等；

3、利用Authorware编程的基本技巧和编程方法，包括程序中图标的具体属性设置、函数的使用、变量的设置、知识对象的应用、程序的调试等。

三、创作人

   

四、作品主要思路和结构

1、概要设计

   

图为作品总框架。

2、详细设计

开始界面的制作：先拖入一个显示图标到流程线上，用于显示背景。双击显示图标，打开演示窗口来编辑这个图标，在工具栏上单击“导入”按钮或在“插入”菜单选择“图像”，选择要插入的图片就可以了。图像大小可以自己拖动，当调整到合适的位置时，需要将其固定。右击显示图标，选择计算并输入Movable:=OFF，然后保存，这样图片就不能移动了。然后插入已选好的背景音乐。拖入一个声音图标，命名为背景音乐。双击声音图标，在工具栏上单击“导入”按钮，然后选择背景音乐“天之痕.mp3”。要使作品打开时有音乐播放，就要在计时一栏对属性进行设置。执行方式一栏选择“同时”，播放一栏选择“直到为真”，这样，打开作品的时候，音乐就会自动播放了。添加音乐完成后，设置一个断点，即插入一个“wait”等待图标。等待图标会让程序停留在此，在事件处勾选“单机鼠标”，将显示按钮前面的勾去掉。这样，就实现了，单击鼠标继续的功能了。随后要插入的是头部，也就是作品的标题和制作人这些相关信息。头部也是用的一个显示图标。点击工具栏上的字母A，则可以在图标中输入内容了。

作品内容：显示完头部后，单击鼠标，显示出主界面。这里用到了一个擦除图标。擦除图标的功能顾名思义，就是将需要擦除的部分不显示。在擦除内容中，选择背景，背景，头部。作品的主要界面，需要实现一个选择功能，点击不同的按钮，进入到不同的内容中。于是，我采用了一个交互图标，以及群组图标。先在流程线上拖入一个交互图标，并命名为多媒体简介。然后拖入一个群组图标，拖到交互图标的右侧，这时候会弹出提示框，选择“按钮”。用相同的方式，再拖入三个交互图标，4个按钮依次显示为“多媒体简介”、“多媒体开发工具”、“AUTHORWARE简介”和“退出”。双击打开第一个群组图标，则可以进行层2的编辑。依照前面的方法，分别对三个群组图标进行设计，将相应的素材放进去。第四个群组图标为退出，功能是点击这个按钮，关闭演示。双击打开“退出

”，拖入一个计算图标到流程线上，然后右击这个图标，选择计算，输入QUIT()，并保存。这样，退出的功能就实现了。这样，整个作品就算基本完成了。

3、作品截图

4、打包

    文件——发布——发布设置，把WEB发布的那些文件前面的勾去掉。然后发布——打包，两种文件类型都打包一次。打包完成后，运行生成的文件进行调试。这时候，提示我很多XTARS文件缺失，运行过程中不停地报错。于是，我使用了网上提供的方法。在工具栏选择“命令”，然后选“查找XTRAS”。这样，在这个作品中用到的.X32的文件都会显示出来，然后对比找到缺少的，复制过去，就行了。

五、总结

    通过本次课程设计，我更进一步地掌握了Authorware的一些基本操作，创建交互、使用函数、按钮交互、音频控制等，掌握了导入声音、图片文件。结合这次课程设计，我总结了要使用authorware来制作课件的一些基本流程。确定选题、设计策划、素材准备、作品制作、作品测试等。

在本次实验中，我发现素材的准备是最花费时间的，要找到合适的素材很不容易，找到之后素材还得经过加工才能在编程的时候用得上。例如我找了大量的图片，然后挑出比较合适的，但还不能直接用，在Photoshop进行了一些处理，添加文字，擦除网上的Logo，修改大小等等。虽然这是个繁琐的过程，花费了不少时间，但同时让我也更加熟悉了一些软件。

    整个设计流程与我想要的结果相同。设计中难免会遇到难题，不过只要肯思考，并把知识融会贯通就一定能解决问题。

参考资料：

［1］       AuthorWare打包常见问题分析  百度文库

［2］       孙全党，新世纪Authorware 7.0应用教程，电子工业出版社

第二篇：PHOTOSHOP课程设计报告

广告设计—雪中情

[摘要]：Photoshop是目前公认的最好的通用平面美术设计软件，它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。它专门用来进行图像处理的软件。通过它可以对图像修饰、对图形进行编辑，以及对图像的色彩处理，另外，还有绘图和输出功能等。支持几乎所有的图像格式和色彩模式，能够同时进行多图层的处理；它的绘画功能和选择功能让编辑图像变得十分方便；它的图层样式功能和滤镜功能给图像带来无穷无尽的奇特效果。

[关键词]平设设计 色彩模式 Photoshop

Advertising Design - Xue Zhongqing

[Abstract]Photoshop is widely recognized as the best

general-purpose graphic art design software, its functions, stable performance, easy to use, so almost all of the advertising, publishing, software company, Photoshop is the preferred plane tool. It is specifically designed for image processing software. It can be modified by the image, graphics editing, and color image processing; in addition, there are drawings and output functions. Supports almost all image formats and color modes, simultaneous multi-layer processing; its drawing functions and select an image becomes very easy to edit; its layer style to the image features and filter functions bring endless strange results.

[Keywords] Graphic Design, Color Pattern, Photoshop

目 录

1平面美术设计概述 2

2 作品的设计 4

2.1 创意说明 4

2.2 软件的选择 4

2.3 软件功能的利用 5

2.4 作品规格 5

3 制作过程 6

3.1 背景图像制作 6

3.2 背景图像雪景的制作 14

3.3 背景图像雪花的制作 15

3.4 保存 17

4 结论 17

参考文献 17

附作品图 18

1平面美术设计概述

1.1平面设计的概念

平面设计是将不同的基本图形，按照一定的规则在平面上组合成图案的。主要在二度空间范围之内以轮廓线划分图与地之间的界限，描绘形象。而平面设计所表现的立体空间感，并非实在的三度空间，而仅仅是图形对人的视觉引导作用形成的幻觉空间。

设计是有目的的策划，平面设计是这些策划将要采取的形式之一，在平面设计中你需要用视觉元素来传播你的设想和计划，用文字和图形把信息传达给受众，让人们通过这些视觉元素了解你的设想和计划，这才是我们设计的定义。

1.2应用范围

(1) 企业形象设计：包括企业VI、CI等。

(2) 广告设计：包括报纸、杂志、网站、招贴画、宣传册、商标。

(3) 包装设计：包括包装纸、容器、标签、商品外包装等

(4) 展示设计：包括铺面、橱窗...

1.3色彩模式

色彩模式是指在电脑中颜色的不同组合方式，不同的色彩模式有不同的特性，也可以进行互相交换。色彩模式是图形设计最基本的知识，下面是Photoshop包含的色彩模式。

（1）RGB模式

RGB是色光的色彩模式。R代表红色(Red)，G代表绿色(Green)，B代表蓝色(Blue)。在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。显示器、投影设备以及电视机等许多设备都依赖于这种加色模式来实现的。

（2）CMYK模式

CMYK模式是由青色(Cyan)、洋红色(Magenta)、黄色(Yellow)和黑色四种基本颜色组合成不同色彩的一种色彩模式。这是一种减色色彩模式。在打印和印刷时应用的是这种减色模式。

（3）Lab模式

Lab模式由三个通道组成，它的一个通道是亮度，即L。另外两个是色彩通道，用A和B来表示。A通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值）；B通道则是从亮蓝色（底亮度值）到灰色（中亮度值）再到黄色（高亮度值）。在Lab模式下色彩混合后将产生明亮的色彩。这种模式是由国际照明委员会（CIE）于1976年公布的。

（4）HSB模式

在HSB模式中，H表示色相，S表示饱和度，B表示亮度。色相：是纯色，即组成可见光谱的单色。饱和度：亦称彩度。表示色彩的纯度，为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。亮度：是色彩的明亮度。为0时即为黑色。

（5）Indexed模式

Indexed模式就是索引颜色模式，也叫做映射颜色。在这种模式下，只能存储一个8bit色彩深度的文件，即最多256种颜色。而且颜色都是预先定义好的。这种色彩模式在进行滤镜处理时效果不太好，但由于其文件存储空间小，多用于多媒体制作和互联网。

（6）Grayscale模式

灰度模式中只存在灰度,这种模式包括从黑色到白色之间的256种不同深浅的灰色调。在灰度文件中，图像的色彩饱和度为0，亮度是唯一能够影响灰度图像的选项。当一个彩色文件被转换为灰度文件时，所有的颜色信息都将从文件中去掉。Photoshop允许将一个灰度文件转换为彩色模式文件，但不能够将原来的色彩丝毫不变的恢复回来。

（7）Bitmap模式

黑白位图模式就是只有黑色和白色两种像素组成的图像。需要注意的是,只有灰度图像或多通道图像才能被转化为Bitmap模式，当图像转换到Bitmap模式后，无法进行其它编辑，甚至不能复原灰度模式时的图像。

（8）Duotone双色调模式

Duotone模式用一种灰度油墨或彩色油墨在渲染一个灰度图像，为双色套印或同色浓淡套印模式。

1.4存储格式

（1）BMP格式 

BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序所支持。随着Windows操作系统的流行与丰富的Windows应用程序的开发，BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富，几乎不进行压缩，但由此导致了它与生俱生来的缺点--占用磁盘空间过大。所以，目前BMP在单机上比较流行。 

（2）GIF格式 

GIF是英文Graphics Interchange Format（图形交换格式）的缩写。顾名思义，这种格式是用来交换图片的。事实上也是如此，上世纪80年代，美国一家著名的在线信息服务机构CompuServe针对当时网络传输带宽的限制，开发出了这种GIF图像格式。GIF格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到了广泛的应用。GIF格式只能保存最大8位色深的数码图像，所以它最多只能用256色来表现物体，对于色彩复杂的物体它就力不从心了。

（3）JPEG格式 

JPEG也是常见的一种图像格式，它由联合照片专家开发并以命名为“ISO 10918-1”，JPEG仅仅是一种俗称而已。JPEG文件的扩展名为.jpg或.jpeg，其压缩技术十分先进，它用有损压缩方式去除冗余的图像和彩色数据，获取得极高的压缩率的同时能展现十分丰富生动的图像，换句话说，就是可以用最少的磁盘空间得到较好的图像质量。由于JPEG格式的压缩算法是采用平衡像素之间的亮度色彩来压缩的，因而更有利于表现带有渐变色彩且没有清晰轮廓的图像。同时JPEG还是一种很灵活的格式，具有调节图像质量的功能，允许你用不同的压缩比例对这种文件压缩，比如我们最高可以把1.37MB的BMP位图文件压缩至20.3KB。当然我们完全可以在图像质量和文件尺寸之间找到平衡点。

2 作品的设计

2.1 创意说明

在这次的课程设计中，我做了一个圣诞节题材的作品，为庆祝即将到来的圣诞节，我采用了特殊的效果-鱼眼世界，来表现圣诞节的温馨、浪漫，通过扣取与合成，再添加滤镜，即可做成。　　

在此，我为我的设计做演示。希望老师能给出很好的意见。也希望大家可以喜欢我的设计作品。

2.2 软件的选择

Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。

Adobe Photoshop是一个由Adobe Systems出品的专业图像处理软件。跟该公司的其它软件一样，Photoshop适用于Mac OS及Microsoft Windows两个操作系统，同时公司也发布了Unix操作系统上的版本。Google也正在透过Wine资助Linux版Photoshop的研究。

Photoshop最初是由Thomas Knoll 汤马斯·诺尔和John Knoll 约翰·诺尔这对兄弟于1987年制作的，但直到1990年后，这个软件才由Adobe公司首次发布。Photoshop 最初用于处理那些在当时价格不菲的扫描仪扫描下来的图像。

从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。

图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。

　　图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。Photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。

　　校色调色是Photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。

　　特效制作在Photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由Photoshop特效完成。而各种特效字的制作更是很多美术设计师热衷于Photoshop的研究的原因。

2.3 软件功能的利用

蒙版:蒙版就是这样的一种工具，它是一种灰度图像，其作用就像一张布，可以遮盖住处理区域中的一部分，当我们对处理区域内的整个图像进行模糊，上色等操作时，被蒙版遮盖起来的部分就不会受到改变。 蒙版还可以达到这样的效果，当蒙版的灰度色深增加时，被覆盖的区域会变得愈加透明，利用这一特性，我们可以用蒙版改变图片中不同位置的透明度，甚至可以代替“橡皮”工具在蒙版上擦除图像，而不影响到图像本身。

变形工具：对对象变形。

自由变换的快捷键：Ctrl+T。

辅助功能键：Ctrl、Shift、Alt。

其中Ctrl键控制自由变化；Shift控制方向、角度和等比例放大缩小；Alt键控制中心对称。

画笔工具：编辑蒙版。

2.4 作品规格

分辨率：300ppi

颜色模式：RGB

存储格式：psd和 jpg

最终作品文件大小：Psd: 20.1MB jpg: 1.45KB

3 制作过程

3.1 背景图像制作

（1） 打开素材蓝天草地 图1所示

图1

（2） 复制背景图层 图2所示

图2

（3） Ctrl+T（自由变换）右键-垂直翻转图片 图3所示

图3

（4）利用极坐标制作出鱼眼世界 滤镜-扭曲-极坐标 图4所示

图4

（5）效果如图：天空、草地部分 ，用进行修复，变得自然 图5所示

图5

（6）打开草地素材 拖拽到背景图层中 Ctrl+T 调整草地大小 图6所示

图6

（7）打开风景图片 拖拽到背景层中 图7所示

图7所示

（8）将风景图片载入选区，点击窗口菜单的选择（S）-色彩范围，

设置颜色容差为40，选择点击风景图片中的天空部分 图8所示

图8

(9)利用工具 减去图片中的部分选区 Shift+Ctrl+I（反向选择）将背景载入选区。 图9所示

图9

（10）添加图层蒙板 减去天空部分 图10所示

图10

（11）选择工具箱中的画笔工具 在图层蒙板上进行涂抹

并随时更改画笔的不透明度， 使风景图片融入周围的环境。 图11所示

图11

（12）打开一张圣诞树图片，把他拖拽背景图层中 图12 所示

图12

（13）打开礼品图片，把他们拖拽到背景图层中. 图13所示

图13

（14）继续上一步的操作,丰富画面 图14所示

图14

（15）打开第二张圣诞树图片 并拖拽到背景图层中 图15所示

图15

(16)打开礼品、雪人图片 并把它们拖拽到背景图层中 图16所示

图16

（17） 合并图层 图17所示

（18）移动图层10，Ctrl+T， 右键垂直翻转 图18所示

图18

（19）滤镜-扭曲-极坐标 图19所示

图19

（20）添加雪人图片，Ctrl+T 对图片进行反转，缩小 图20所示

图20

（21）新建一个图层 填充蓝色，并把它放到背景副本图层下 图21所示

图21

（22）在背景副本和合并图层上建立图层蒙板 选择画笔工具 在蒙板上进行涂抹，并随时更改画笔的不透明度 图22所示

图22

（23）打开礼品、花环图片 把他们拖拽到图层中

Ctrl+T调整大小 把花环放到图片中间 图23所示

图23

（24）将花环载入选区，并调整不透明度69% 是他与周围的环境融为一体。图24所示

图24

（25）合并可见图层 图25所示

图25

3.2 背景图像雪景的制作

（1）选择画笔工具 选择笔刷类型 设置前景色为白色 在背景图片中进行涂抹 画笔不透明度35%

调整画笔不透明度为65% 在背景图片中进行点击 并随时更改画笔大小 使画面显得真实 图26所示

图26

（2）选择工具箱中的加深工具 增加图片中雪人、礼物、圣诞树的阴影

图27所示

图27

3.3 背景图像雪花的制作

(1)新建图层，更改前景色为黑色，填充前景色 图28所示

图28

（2）对背景层使用滤镜-杂色-添加杂色 更改数量为400% 高斯分布 单色

图29所示

图29

（3）使用“其他-自定义”滤镜，设置如图，这样就减少了白点的数量

图30所示

图30

（4）执行滤镜“其他-最大值”，半径设置为1，这样就增加了图像中亮色的大小，使雪花更形象了。 图31所示

图31

（5）将上面一层的图层混合模式改为“滤色”，这样就去除了黑色的部分，使两层雪花得到叠加的效果。 图32所示

图32

（6）分别对两个雪花图层应用“高斯模糊”滤镜 图33所示

图33

(7)应用完滤镜后，发现雪花变得有点暗了，使用减淡工具

设置范围为“高光”，曝光度为20%，对局部进行涂抹。 图34所示

图34

（8）将第二层雪花的图层混合模式也改为“滤色” 图35所示

效果就出来了

图35

3.7 保存

执行文件＞存储为,命令将图片存储成PSD格式和JPG格式的文件。

4 结论

本次设计的作品按照预期计划已经完成，在制作此次作品中，我用到了通道工具，选择中的多个工具，色彩范围，合并可见图层等。通过此次课程设计，我了解并掌握了Photoshop，也知道了平面设计与图文编辑这门课是非常有前景的一门课程，同时也增添了我对Photoshop学习的兴趣及信心，但从中我也认识到了我的不足之处，希望从今后的学习中能够扬长避短，使我能够取得更好的成绩。

参考文献

（1）艾斯曼《PHOTOSHOP设计师圣经高级蒙版与图像合成技法》 中国青年出版社2005年第一版 204~219

（2）沈道云 等《Photoshop 教程案例》 北京大学出版社 2010年第二版 113~135

附作品图