2024年2月9日发(作者：)
基于PS、FLASH的MTV电子相册制作
罗惟诚 09492134
毕 业 设 计
（09届高起本）
设 计 题 目：
基于PS、FLASH的MTV电子相册制作
专 业 计算机应用技术
姓 名 罗惟诚
学 号 09492134
指导教师 尹敏
完成日期：2013 年 11 月
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
目 录
摘 要 1
前 言 2
第一章 制作工具软件简介 3
1．1 Photoshop简介 3
1．2 FLASH简介 3
第二章 Photoshop图片的美化
2．1 调整色调 4
2．2 相片效果制作 4
第三章 Flash电子相册制作 9
3．1 FLASH动画技术的特点 9
3．2 FLASH动画的优势 9
3．3简述制作过程 10
致谢 错误！未定义书签。
参考文献 15
4
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
摘 要
我主要是用Flash和PS来做的一个动画相册来做整个设计的， Flash用来制作整个动画过程，PS就是处理相关图片的。收集了很多关于明星周杰伦的照片，然后结合相关的软件制作技术来做一个关于她的动画相册，在整个过程中插入了一系列小动画，音乐背景等等。这是一个积极向上，乐观面度生活的写作，主要围绕周杰伦爱笑的性格来制作。再在出现的画面上插上文字。是的作品充满了趣味、观赏性，生活性，视觉、听觉效果强，能够吸引人，极具欣赏性。 内容概要，周杰伦的相册主要由四个板块组成，分别是四个影片中所扮演的四种角色。然后对各个板块插入一首歌取用以区分所描述内容的不同，还对每张图片进行PS处理和相关的动作设置。还有相连图片之间的转换效果也很唯美。在PPT中对各张幻灯片设置动态效果。最后导出可播放的视频格式。
1
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
前 言
随着数字时代的到来，数码相机已经逐渐进入到普通家庭的生活，我们可以拿着数码相机随心所欲地捕捉各种各样精彩的镜头，制作属于自己的家庭VCD/DVD电子相册。电子相册是指可以在电脑上观赏的区别于CD／VCD的静止图片的特殊文档，其内容不局限于摄影照片，也可以包括各种艺术创作图片。 MTV电子相册属于“软件类型”的电子相册，是指能够达到MTV效果的电子相册。那么，何为MTV，MTV的全称为Music Television，即音乐电视。音乐电视，是一种以音乐为听觉表现形式，并通过运动画面与音乐相辅相成，加以渲染的表现形式。MTV电子相册，即是通过数字照片、片头、短片、各类相册特效作为画面表现形式，并配以合适的背景音乐的电子相册。
我认为电子相册有以下优点：
1. 方便欣赏：传统的相册在多人欣赏时只好轮流进行，而电子相册可以很多人同时欣赏。
2. 交互性强： MTV电子相册除了以视频形式表现，还可以是多种形式、多个格式来展现，比如用电脑边浏览边交互、用网络交互方式查看、用视频方式观看等等，相比于传统纸质相册，以及“硬件类型”的电子相册。
MTV电子相册具有传统相册无法比拟的优越性：图、文、声、像并茂的表现手法，随意修改编辑的功能，快速的检索方式，永不褪色的恒久保存特性，以及廉价复制分发的优越手段。
2
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
第一章 制作工具软件简介
1．1 Photoshop CS3简介
Photoshop CS3全称Adobe Photoshop CS3 Extended 也称作为Photoshop 10.0。 Adobe
Photoshop是公认的最好的通用平面美术设计软件。由Adobe公司开发设计。其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。
Photoshop是迄今为止世界上最畅销的图象编辑软件。它已成为许多涉及图像处理的行业的标准。并且是Adobe公司最大的收入来源。设计人员和开发人员及使用人员可在电脑上直接完成文字的录入、排版、图像处理、形象创造和网页制作，它已成为当今图象处理，多媒体软件的佼佼者，使用度不断的扩张中，开创了“电脑Photoshop”时代。
由于PhotoShop的图像处理功能异常强大，编辑手段和技巧层出不穷，熟悉PhotoShop的各种功能不可能一蹴而就，只有多学、多用、多练、多体会，才能插上创意和想象力的翅膀;只有巧用现代电教手段，化静为动，变无声为有声，让学生面对多彩的画面激起学习的兴趣，提高审美能力、创造力和想象力，而且又让教师解决了教材重难点，即优化了课堂教学，提高了课堂教学效率;兴趣是最好的老师，在教学过程中始终关注提高学生学习兴趣，有助于提高学生的学习积极性和教学质量，才能给PhotoShop带来生机，注入新的活力。
1．2 Flash简介
Flash是Macromedia公司的一个的网页交互动画制作工具。 我们可以从Macromedia公司的主页上下载flash的试用版。与gif和jpg不同，用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输送数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。自从Macromedia在2005年8月发布Macromedia Studio 8以来，我们一直在不停地探索关于它的新特性和新功能，因为这次软件升级给我们带来了太多的惊喜，不是MX版本升级到MX2004时的那么简单，而是实现了新的飞跃。
Flash 8的界面没有太大的改变，只是在以前的属性面板右侧增加了两个新的选项“参数”和“滤镜”，另外在属性面板中还增加了一个“设备”设置选项，
需要说明的是，“设备”设置功能在Flash Player环境中不能使用，需要Flash Lite 1.0或Flash Lite 1.1的支持才可以。
Flash8分为两个版本一个是Flash Basic 8，另一个是Flash Professional 8。区别就在于Flash Basic 8的操作界面比较简单，适合于初学者，而Flash Professional 8是flash的标准版，适合于专业人士。Flash Basic 8和Flash Professional 8两个版本在flash8中可在试用期随便更换，但是用了激活码之后，就只能用Flash Professional 8这一个版本了。
3
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
第二章 Photoshop图片的美化
2．1 调整色调
1、自动色阶
很多的照片在拍摄的时候颜色上总是偏暗，需要将画面调亮。可以选择“图像—调整—自动色阶”命令。可以让相片的颜色自动调整得非常协调。
2、色阶
“色阶”功能可以将相片颜色调整得很协调，效果也可以处行控制。选择“图像—调整—色阶”命令。
3、曲线
“曲线”功能的使用能将图像的色调调节得很明显，也可以将图像的色调修改得很怪异，也可以改变需要调节的物体的颜色，将不需要调节的色调保留。
4、色阶与色彩平衡结合使用
两者结合使用可能性以修改和还原颜色去修改曝光不足的相片。先选择“图像—调整—色阶”命令进行调节，再运用“图像—调整—色彩平衡”命令进行调整。
5、曲线与亮度/对比度
两者结合使用可以将原本并不绚丽的相片调整得很绚丽色彩鲜亮，可以自行控制效果。先选择“图像—调整—曲线”命令进行调节，再运用“图像—调整—亮度/对比度”命令进行调整。
6、色彩平衡与色相/饱和度
两者结合使用可以解决相片偏色。
2．2 相片效果制作
1.执行“文件-打开”菜单命令，打开“JAY专辑.jpg”，执行“图像-剪裁”菜单命令，将图片剪裁至合适的大小。打开“图层”面板，为“背景”图层创建图层副本，如图2.1。
图2.1【为“背景”图层创建图层副本】
2.添加“黑白”调整图层
在“背景 副本”图层上创建一个“黑白”调整图层，设置颜色浓度值为40、60、40、-80、20、-40。如图2.2
4
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
图2.2【调节图层黑白选项】
3.在“图层”面板中，设置“黑白”调整图层的混合模式为“正片叠底”，在工具箱中单“画笔工具”按钮，选中“画笔工具”，设置前景色为黑色。如图2.3
图2.3【“正片叠底”后效果】
4.查看涂抹蒙版效果
使用“画笔工具”在“黑白”调整图层上，涂抹人物的头部，只对背景进行加深处理。如图2.4
图2.4【涂抹蒙版】
5.复制并设置图层
在“图层”面板中，按Shift+Ctrl+Alt+E快捷键盖印可见图层，创建“图层1”图层副本后，执行“滤镜-其它-高反差保留”菜单命令，设置“半径”为1，调整“图层1副本”的混合模式为“叠加”。 如图2.5
5
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
图2.5【背景副本图层高反差保留后并叠加】
6.盖印图层并设置曝光
再盖印一个可见图层“图层2”图层，在“图层2”图层上，创建一个“曝光度”调整图层，设置“曝光度”为+0.30，增加画面的曝光度。如图2.6
图2.6【调节曝光度】
7.查看设置曝光效果
在画面中查看添加“曝光度”调整图层后的效果，在工具箱中的选中“画笔工具”，设置前景色为黑色，选中“曝光度1”调整图层的图层蒙版。
8.设置图层蒙版
使用“画笔工具”在图画的背景位置进行涂抹，隐藏对背景位置图像的曝光效果。如图2.7
图2.7【涂抹曝光区域】
9.添加“色阶”调整图层
在“曝光度”调整图层上，创建一个“色阶”调整图层，输入色阶值为45，1.54，255。如图2.8
6
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
图2.8【色阶调整】
10．查看图像效果
在画面中查看添加“色阶”调整图层后的效果，图像的对比度得到增强。
11. 设置渐变填充
在“色阶”调整图层中，新建一个“渐变填充”调整图层，在“渐变填充”对话框中，单击渐变色块。
12.设置渐变色
在“渐变编辑器”对话框中，设置渐变色分别为R：93、G：111、B：158和R：233 G：225
B：209，设置完成后单击“确定”按钮。
13.继续设置渐变填充
返回“渐变填充”对话框，查看设置的“渐变填充”选项，设置完成后单击“确定”按钮。
14.查看添加调整图层效果
在“图层”面板中，调整“渐变填充”调整图层的混合模式为“叠加”，在画面中查看为图像添加色彩效果。
15．添加图层蒙版效果
按住Alt健的同时拖曳“黑白1”图层蒙版至“渐变填充1”图层蒙板上，对图层蒙版进行替换。
16.打开素材文件，设置素材图像选区，添加并变形素材文件
单击工具箱中的“魔棒工具”。在素材文件背景位置单击，载入背景图像选区。执行“选择-反向”菜单命令，设置选区的反向，按Ctrl+C快捷键复制选区图像。返回设置的人物素材文件中，按Ctrl+T快捷键变形素材。如图2.9
图2.9【添加素材背景后效果图】
7
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
17.添加并设置文本
单击工具箱中的“横排文字工具”按钮，在画面中添加合适的文本对象。
18.保存文件为JPEG格式品质选择最佳，如图2.10。
图2.10【保存格式及选项】
8
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
第三章 Flash电子相册制作
3．1 Flash动画技术的特点
1、使用矢量图形和流式播放技术。矢量图形与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量。流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。
2、通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，很小的动画文件已经可以实现许多令人心动的炫目多彩的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑的文件可以加进下载迅速，使得动画可以在打开网页很短的时间里就得以播放。
3、把音乐，动画，声效，交互方式融合在一起，并且创作出了许多令人叹为观止的动画效果。而且在Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的‘身材’。
4、强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过代码（ACTION）可以实现设计者与浏览者之间的交互性，使Flash具有更大的设计自由度。
5、FLASH动画受网络资源的制约一般比较短小，所以在情节和画面上往往更夸张起伏，致力在最短时间内传达最深感受。
6、FLASH动画具有交互性优势，更好的满足的受众的需要，他可以让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果。这一点是传统动画所无法比拟的。
7、不仅如此，由于只需要掌握一些特定的软件就可以尝试，FLASH动画的制作相对比较简单，一个爱好者很容易就能成为一个制作者。全新的FLASH动画(FLASH)使动画制作变得非常简单：一套电脑软件，一个人，一台电脑就可以制作出一段有声有色的动画片段。
8、FLASH动画可以放在网上供人欣赏和下载，由于使用的是矢量图，文件小，传输速度快的特点，助长了高速动画的崛起，可以利用独有的优势在网上广泛，有着可比拟的传播性。FLASH制作的MV比传统的MV就易于在网络上传播。
9、FLASH动画虽然现在还是比较粗糙、简陋，但FLASH有新的视觉效果，比传统的动漫更加轻易与灵巧，更加的"酷"。它不可否认已经成为了一种新时代的艺术表现形式。
10、用FLASH制作动画会大幅度降低制作成本，减少人力，物力资源的消耗。同时，在制作时间上也会大大减少。半小时的节目，若用FLASH技术制作，大约3至4个月就可杀青，若用其它技术通常需用10-14个月。
11、FLASH制作的动画可以同时在网络与电视台播出，实现一片两播。
3．2 FLASH动画的优势
全新的数码技术---包括数码视频、数码影像及数码音频----这种崭新的沟通模式，能帮助您在激烈的商业竞争中全面、动态的展示您企业的优势与产品的特点，让客户在最短的时间里用最轻松、最生动有趣的方式了解您企业光盘中的资讯，并带给客户前所未有的视觉和感观的新享受。
FLASH动画象通常象我们看到的广告片段一样，它可以通过文字、图片、录象、声音等综合手段形象的体现一个意图。一般利用它来制作公司形象、产品宣传等片段，可以达到非常好的效果。 Flash动画是一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多优点，是当今最流行的Web页面动画格式。
Flash是目前最好的网络多媒体动画，强烈的视觉冲击力可以给浏览者留下深刻的印象，9
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
具有绝佳的宣传效果，全力打造企业形象。无论您要设计动画图形还是构建数据驱动的应用程序，Flash 都可提供在多种平台和设备上制作出最佳的效果和提供最完美的用户体验所需的工具。
Flash 技术在现代网页中的运用已经越来越广泛，为企事业单位在网上进行产品推广也起到重要作用，我们可以为您提供从台本策划，人物造型设计，语音配 音，音乐合成，动画合成等一整套专业的服务。
3．3简述制作过程
1、打开Flash文档，建立舞台，设置属性。如图3.1
图3.1【Flash8新建打开页面】
2、插入所需要的图层，在时间轴栏的最左下角，鼠标移动到最左边单击有加号标志按钮，插入图层。如图3.2
图3.2【Flash8基本操作页面】
图层是指动画编辑的物理图层。在PHOTOSHOP中，图层的定义和FLASH中的类似。图层有510
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
种模式。分别是普通图层，导向图层，被导向图层，遮罩图层，被遮罩图层。在启动FLASH软件后，新建的动画总是在第一层，而且层默认为普通层。
Normal为普通图层，也是图层的默认状态。
Guide为导向图层，其作用是辅助其它图层对象的运动或定位，例如我们可以为一个球指定其运动轨迹。另外也可以在这个图层上创建网格或对象，以帮助对齐其他对象。
Guided为被导向图层，该选项在上一层为一导向层或被导向层时才有效。当该项被选择时，所代表的层与导向图层将产生某种关联。
Mask是遮罩图层，遮罩层中的对象被看作是透明的，其下被遮罩的对象在遮罩层对象的轮廓范围内可以正常显示。遮罩也是Flash中常用的一种技术，用它可以产生一些特殊的效果，例如探照灯效果。
Masked选项在其上一层为遮罩层或被遮罩层时才有效。
三、将图片和声音添加到动画中。
选择“文件/导入”菜单命令，选择路径，声音文件名和图片文件名，点击【打开】按钮。导到库中。如图3.3
图3.3【导入素材选项】
在导入图片前，我们能过PHOTOSHOP对要导入的图片进行了处理，通过修改和编辑，让图片变的更加的美观。至于PHOTOSHOP如何对图片处理的和一些PHOTOSHOP的知识，由我们小组中的另一个人负责，在这里我也不多介绍了。还有，通过老师的指导和要求，我们这里的图片都是位图。在导入声音时，由于有的声音比较大，我们在这里要注意压缩。所以选择声音时我们应该尽量选择MP3格式的。
四、将所导入的图片和声音转换为元件。如图3.4
11
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
图3.4【转换为元件】
元件又叫符号或组件，是FLASH动画的基本组成元素，像用于制作动作动画的图形图像、用于人机交互的按钮、以及用于在影片中循环播放FLASH动画片断的影片剪辑等，都是元件。
根据内容和功能的不同，元件可以分为图形元件、按钮元件和影片剪辑元件。
图形元件：是可以反复使用的静态图片，主要由静态的图形图像创建而成。
按钮元件：用于设置观看者与动画之间的交互功能。当鼠标在按钮上滑过、点击、移动时，按钮会产生不同的反应。
影片剪辑元件：是一小断循环播放的FLASH动画，可在主动画中反复使用并独立于主动画中只占用一个关键帧。
五、在FLASH中插入帧和创建补间动画。
1.插入帧，在选择普通帧，再按F6键，创建关键帧。上如图3.5
图3.5【插入创建关键帧】
在制作FLASH动画中，最让我头疼的就是这个，因为这里要插入好多的帧，稍微不注意，就会出错，所以做这个是我感觉最困难的。不过还好，通过其小组里的人帮忙检查和帮忙，总算还是能完成了。不过难归难，我个人感觉在做FLASH动画里，这个是最重要也是最关键的一个。
帧，即指一个画面。Flash动画是由许许多多的帧组成的，就如同电影是由一格格带画儿的胶片组成的一样。当帧按照一定的速度连续播放，就形成了动画效果。帧又分为普通帧和关键帧，关键帧是控制动作轨迹特片和动态幅度的关键，关键帧的设计直接关系到动画的叙事质量和审美效果，你只要对关键帧进行定义就可以了，对于普通帧，Flash软件会12
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
自动生成。时间轴上，有小黑点的帧叫关键帧，有小白点的帧叫空白关键帧，没有点的帧就是普通帧。
插入帧，动画会延续到插入处 。
插入关键帧，才会创建一个完整的动画 。
2．创建补间动画，在关键帧上右击，选择“创建补间动画”如图3.6
图3.6【插入补间动画】
补间动画其实就是指在做flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。
六、运行动画，调试，保存。
一切都做好后，可以运行动画了，终于可以把这几个星期的努力作品拿出来了，当然肯定也有不对的地方，我们必须还要进行调试。当动画能顺利运行了，最后保存动画。Flash动画在保存时可以选择若干种文件格式。默认的文件格式是swf。我们可以点击选择，文件——导出——导出影片，或者按Ctrl+Alt+Shift+S ,进行保存。最后保存好也就大功告，如图3.7。
图3.7【FLASH效果图】
13
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
致谢
五年的读书生活在这个季节即将划上一个句号，而于我的人生却只是一个逗号，我将面对又一次征程的开始。五年的求学生涯在家人和同学的大力支持下，走得辛苦却也收获满囊，在论文即将付梓之际，思绪万千，心情久久不能平静。 伟人、名人为我所崇拜，可是我更急切地要把我的敬意和赞美献给一位平凡的人，我的导师。我不是您最出色的学生，而您却是我最尊敬的老师。您治学严谨，学识渊博，思想深邃，视野雄阔，为我营造了一种良好的精神氛围。授人以鱼不如授人以渔，置身其间，耳濡目染，潜移默化，使我不仅接受了全新的思想观念，树立了宏伟的学术目标，领会了基本的思考方式，从论文题目的选定到论文写作的指导，经由您悉心的点拨，再经思考后的领悟，常常让我有“山重水复疑无路，柳暗花明又一村”。
感谢我的父母，焉得谖草，言树之背，养育之恩，无以回报，你们永远健康快乐是我最大的心愿。在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的老师、同学、朋友给了我无言的帮助，在这里请接受我诚挚谢意！
同时也感谢华师大继续教育学院为我提供良好的做毕业设计的环境。
最后再一次感谢所有在毕业设计中曾经帮助过我的良师益友和同学，以及在设计中被我引用或参考的论著的作者。
14
基于PS、FLASH的MTV电子相册制作 罗惟诚 09492134
参考文献
[1] Flash8应用与实训 山东科学技术出版社 2008
[2] 中文版Flash8实例与操作 作者：孙志义 2010
[3] 中文版Photoshop CS5完全自学教程
[4] Adobe Photoshop CS5中文版经典教程15
李金明，李金荣 著 2010
人民邮电出版社 2010
发布评论