图形图像处理实验指导书1.docx
- 文档编号:10371999
- 上传时间:2023-02-10
- 格式:DOCX
- 页数:21
- 大小:625.73KB
图形图像处理实验指导书1.docx
《图形图像处理实验指导书1.docx》由会员分享,可在线阅读,更多相关《图形图像处理实验指导书1.docx(21页珍藏版)》请在冰豆网上搜索。
图形图像处理实验指导书1
《图形图像处理实验》课程
课程编号:
433405
实验指导书
主撰人:
龙雨
审核人:
经济管理与科学系
电子商务教研室
二○一二年四月
前言
1
实验1
滤镜
2
实验2
路径与文字
实验3
色彩与色调的调整
实验4
图层
实验5
图像抽取
实验6
元件与库
实验7
引导路径动画
实验8
遮罩动画
实验9
Flash行为动画
前言
实验总体目标:
对PHOTOSHOP与FLASH进行综合训练。
适用专业年级:
电子商务专业二年级第四学期
实验课时分配:
18学时
序号
实验项目
要求
类型
每组人数
实验
学时
1
滤镜
必
验证
1
2
2
路径与文字
综合
1
2
3
色彩与色调的调整
必
验证
1
2
4
图层
研究
1
1
5
图像抽取
综合
1
1
6
元件与库
综合
1
1
7
引导路径动画
必
综合
1
1
8
遮罩动画
必
设计
1
2
9
Flash行为动画
必
设计
1
6
实验环境
要求每次可提供至少50套可正常使用的电脑,以及相关的软件
实验总体要求
本课程实验教学的目的在于能够让学生达到熟练操作图像处理作的方法与灵活运用设计创作的基本要求。
本课程的重点、难点及教学方法建议
1、重点:
滤镜的综合运用、图像的色彩与色调调整、元件与库、FLASH行为动画。
2、难点:
图像的色彩与色调调整、FLASH行为动画。
3、教学方法建议:
(1)上机实验法:
通过上机实验完成各个实验内容。
(2)学中做:
由教师给出各实验的演示程序,并进行讲解,然后学生根据讲解内容与参考程序在学习的基础上自己独立完成实验任务
(3)实验结果分析法:
对实验结果或运行异常情况进行分析,分析产生各种现象的原因,并解决问题。
实验一滤镜
一、实验目的
1、了解各种滤镜的名称。
2、熟练运用滤镜。
3、了解滤镜应用后的图像效果。
二、实验主要设备及使用要求
计算机C2.66G/华硕661/40GGFX5200/256MDDR内存以上档次计算机,photoshopCS3软件。
三、实验原理、方法和手段
像素化滤镜、扭曲化滤镜、杂色滤镜、模糊滤镜、渲染滤镜;素描滤镜、纹理滤镜、艺术效果滤镜、视频滤镜、锐化滤镜、风格化滤镜;外挂滤镜等作用和使用方法。
四、实验内容与步骤
1、新建一个300分辨率,7*4cm的背景为白色的文件。
2、设置前景色为暗红色,背景色为黄色。
3、使用滤镜云彩命令生成云彩效果。
在使用滤镜便条纸进行调整,使图像有一种凸现的浮雕效果。
4、将背景图层复制一个副本。
,并对其进行滤镜动感模糊处理,调整期不透明度为90%。
5、新建一个色相/饱和度的调整图层对图像进行适当调整。
6、将所有图层链接合并为背景图层。
7、文字编辑:
使用矩形工具在背景图层中央绘制一个矩形区域,使用白色调处一个新建的图层1。
8、对图层1施加一个蒙版,并使用简便工具进行调整,使其出现一种中间亮两头暗的效果。
9、输入战争文字,并对其进行调整,颜色为白色,大小为50点,栅格化成普通图层。
10、将背景色设定为黑色后使用滤镜玻璃命令,对文字进行处理,在使用魔棒工具在文字黑色部分进行选取,并删除。
11、对战争图层施加一个蒙版处理,并使用画笔工具在文字上进行处理,使其出现圆形镂空效果。
然后施以斜面和浮雕、图案叠加效果。
12、通过选择菜单操作选中战争两个文字区域,然后施以色相/饱和度、色阶、投影、光泽、斜面和浮雕调整。
13、参照上述方法对THEWAR进行相同处。
14、完成操作。
五、思考题
1、如何为图像添加“底纹效果”滤镜效果?
2、素描滤镜中各滤镜命令有什么作用?
如何为图像添加“便条纸”滤镜效果?
实验二路径与文字
一、实验目的
1.熟练掌握路径的相关工具;
2.了解矢量图的相关概念;
3.使学生掌握几个常用的文字特效的制作;
4.通过文字特效的使用达到对文字工具的熟练掌握
二、实验仪器及材料
计算机,photoshopCS3软件。
三、实验原理
利用photoshopCS3软件中形状、路径和文字相关操作命令进行。
四、实验内容与步骤
(一)五彩文字。
1、选择【文件】|【新建】菜单命令,新建一个【模式】为RGB,大小为700×300像素,【背景内容】为白色的文件。
2、设置【前景色】为黑色,使用【横排文字工具】输入“五彩文字”,在工具选项栏中设置【字体】为黑体,【大小】为120,加粗,并将文字移动到背景中央,栅格化图层,效果如图7-1所示。
图7-1
3、按住Ctrl键的同时单击“五彩文字”图层,创建文字选区。
选择菜单命令【选择】|【存储选区】,选区命名为“文字”。
4、选择菜单命令【选择】|【反选】。
设置前景色为白色,执行【编辑】|【填充】命令。
5、执行【滤镜】|【模糊】|【高斯模糊】。
6、执行【滤镜】|【风格化】|【曝光过度】。
7、执行【图像】|【调整】|【自动色阶】。
8、复制“五彩文字”图层为“五彩文字副本”图层。
执行【滤镜】|【扭曲】|【极坐标】。
方式为“极坐标到平面坐标”。
9、执行【图像】|【旋转画布】|【90度(顺时针)】。
图像被旋转90度。
执行【图像】|【调整】|【反相】。
图像色彩被反转。
10、执行两次【滤镜】|【风格化】|【风】。
执行【图像】|【调整】|【反相】。
图像色彩被反转。
执行【图像】|【调整】|【自动色阶】然后再执行【滤镜】|【风格化】|【风】两次。
执行【图像】|【旋转画布】|【90度(逆时针)】。
11、执行【滤镜】|【扭曲】|【极坐标】。
方式为“平面坐标到极坐标”,将“五彩文字副本”图层的合成模式调整为“滤色”。
创建新图层,合成模式设为“颜色”。
12、选择【渐变工具】。
渐变方式为“线性渐变”。
渐变类型为“色谱”。
13、选择“五彩文字副本”图层,执行【滤镜】|【模糊】|【径向模糊】。
设置背景色为黑色,选择“五彩文字”层为当前层。
执行【选择】|【载入选区】,载入最开始储存的“文字”选区。
14、Ctrl+Delete键,用背景色填充文字选区。
Ctrl+D键,取消选区。
执行【图像】|【调整】|【亮度/对比度】,“亮度”为20,“对比度”为5。
五彩文字最终效果制作完成了。
效果图如下:
(二)制作邮票效果。
1、打开一幅素材图像,将背景色设置为白色,使用“画布大小”命令,将四周加上适当大小的白边。
2、用“魔棒工具”将白边设置为选区,再反选,在“路径”控制面板上,
单击“选区变为路径”按钮,使选区转换为路径。
3、设置画笔直径为15像素,间距为150%。
4、设置前景色为白色,按住Alt键,在“路径”控制面板上,单击“描边”,选择画笔为工具。
5、按住Shift键,单击路径层,隐藏路径。
五、思考题
1、如何使用填充工具将创建的路径填充为红色?
2、如何使用路径选择工具并移动路径?
实验三色彩与色调的调整
一、实验目的
1、通过对图象色彩的调整,让学生初步了解数字图象色彩的相关知识;
2、掌握对图象色彩的调整的各种方法。
二、实验仪器及材料
计算机,photoshopCS3软件。
三、实验原理
利用photoshopCS3软件图像菜单各命令进行。
四、实验内容与步骤
给下面的黑白照片按照要求上色,使之变成一幅彩色照片
实验步骤
1、打开该黑白素材图像
2、单击“图像“|“调整”|“自动色阶”命令,执行自动色阶。
3、选取多边形套索上具,在图像中仔细选择人物上的衣服的区域,得到衣服的选区。
4、单击“选择”|“存储选区”命令,在打开的“存储选区”对话框中,将新建通道命名为“衣服”。
5、单击“图像“|“调整”|“色相/饱和度”,调整各参数。
6.单击“图像“|“调整”|“色彩平衡”,调整各参数。
7、用同样的的方法仔细地选择人物的皮肤部分,得到皮肤选区。
8、存储皮肤选区。
9、单击图像“|“调整”|“曲线”命令,调整各参数。
10、调整皮肤选区的色相/饱和度和色彩平衡
11、选择人物的头发部分,得到头发选区,存储选区,并按同样的方法调整。
12、选择图物的背景部分,得到背景选区,存储选区,并按同样的方法调整。
五、思考题
1、如何调整图像的色相/饱和度效果?
2、如何匹配两幅图像的颜色?
实验四图层
一、实验目的
1、掌握层的概念以及层控制面板和层菜单的操作。
2、熟练进行层编辑操作,层效果设置。
3、以及建立多种类型的层等。
二、实验仪器及材料
计算机,photoshopCS3软件。
三、实验原理
利用photoshopCS3软件中图层控制面板以及图层菜单提供的命令进行。
四、实验内容与步骤
照片卡角样式的制作;
实验步骤
1、选择“文件”|“打开”命令,在对话框中打开一幅图像。
如图5-1所示。
2、复制图层,命名为“照片卡角”,如图5-2所示。
图4-1图4-2
3、应用菜单命令“选择”|“全选”。
然后执行菜单命令“编辑”|“自由变换”。
按住Alt键固定选区的中心,缩放选区,如图5-3所示。
图4-3图4-4
4、建立新图层,命名为“新背景”。
填充灰色(R:
128G:
128B:
128),如图5-4所示。
5、调整图层顺序,将“新背景”图层调整到“照片卡角”图层的下面。
建立新图层,命名为“四个角”,如图5-5所示。
图4-5图4-6
6、利用套索工具选取四个角,如图5-6所示。
7、填充白色。
然后取消选择。
对“照片卡角”图层应用投影样式,具体设置如图5-7所示,效果如图5-8所示。
图4-7图4-8
8、对“四个角”图层应用斜面和浮雕效果,具体设置如图5-9所示。
将各个图层合并,照片卡角样式就制作完成了,最终效果如图5-10所示。
图4-9图4-10
五、思考题
1、简述新建图层的几种方法?
2、Photoshop有哪些图层样式效果?
如何为图像添加这些效果?
实验五图像抽取
一、实验目的
1、掌握选择工具的使用操作,以路径的方式来选择选区操作(画出路径->调整->变换为选区),用“抽取”方法选择选区操作(滤镜下注意随时调整画笔大水)。
掌握制造阴影和制造投影的方法。
二、实验仪器及材料
计算机,photoshopCS3软件。
三、实验原理
1、选择工具的使用,路径的使用,“抽取”方法的使用,阴影和投影的制造方法。
四、实验内容与步骤
1.打开相应的文件。
2.选择要用的方法(选择工具,路径的方式,还是“抽取”方式)进行抠图。
3.制造阴影:
插入图层->复制图层->下移图层(ctrl+j)->全选->填充黑色->取消选择->编辑->变换->扭曲->模糊->降低透明度。
4.制造投影:
插入图层->复制图层->下移图层(ctrl+j)->全选->编辑->变换->扭曲->模糊->Q进入快速蒙版->渐变->删除。
5.素材保存方式(建议):
对于Psd文件,有对象的层设置为透明的、加白色背景层(文件一般较大);对于Bmp、jpeg格式文件,应有统一的背景颜色(色彩范围,反相->减少,Ctrl+shift+I)。
所选素材不同,操作结果也不同。
五、思考题
1、常用的图像抽取方式有哪些,它们各有何优势和劣势?
实验六元件与库
一、实验目的
1.掌握什么是实例、库和元件。
2.学会如何使用库和元件。
二、实验仪器及材料
计算机,FLASH软件。
三、实验原理
利用元件可以重复使用,有效的减少输出文件的大小。
四、实验内容与步骤
展开的卷轴
1.新建一个flash文件,影片大小设置为600×250。
2.新建图形元件“卷轴”,选择工具栏上的矩形工具,设置渐变填充,画出矩形如图2。
图2图3图4
3.插入图层2,选择工具栏上的矩形工具,设置渐变填充,绘制卷轴的两端,如图3。
4.新建图形元件“画面”,将图层1重命名为“矩形1”,选择工具栏上的矩形工具,绘制矩形如图4。
5.新增图层“矩形2”,用工具栏中的矩形工具绘制一填充色为白色的矩形,适当调整位置,如图5。
图5图6
6.新增图层“花纹”,用工具栏中的铅笔工具绘制卷轴的花边,绘制好一个后,其他花边可通过复制完成,并打开“对齐面板”,调整花边位置,如图6。
7.新增图层“文字”,字体设为“华文行楷”,字号为100,输入文字“难得糊涂”,如图7。
【文字可以适当的改变】
图7
8.新建影片剪辑“卷轴动画”,将图形“画面”拖至编辑区中央,图层1重命名为“画面”。
新增图层“遮罩”,绘一高200,宽为1的矩形并居中对齐。
【注意】:
矩形要比元件“画面”的高度要高。
9.按F6在第25帧处插入一关键帧,单击工具栏上的任意变形工具,将矩形向两边拉伸,使其和卷轴画面重合,创建形状渐变,右键单击“遮罩”图层,选择快捷菜单中的“遮罩层”选项。
10.新增图层“卷轴1”,将图形元件“卷轴”拖至编辑区中,打开对齐面板,将其垂直中齐并右对齐,按F6在第25帧处插入一关键帧,将元件“卷轴”拖至“画面”左端,创建运动渐变。
11.同理新增图层“卷轴2”,将图形元件“卷轴”拖至编辑区中,打开对齐面板,将其垂直中齐并左对齐,按F6在第25帧处插入一关键帧,将元件“卷轴”拖至“画面”右端,创建运动渐变。
将所有图层延伸到40帧。
12.回到场景1,将影片剪辑“卷轴动画”拖至工作区中央。
13.按住【Ctrl】+【Enter】测试影片,查看效果。
五、思考题
1、要将卷轴从左往右展开,应如何修改得到效果;若要从右往左展开呢?
实验七元件与库
一、实验目的
1、了解时间轴面板的使用。
2、掌握创建动画的基本流程。
3、熟悉引导层的使用效果。
二、实验仪器及材料
计算机,FLASH软件。
三、实验原理
将一个或多个图层链接到一个运动引导层,使一个或多个对象沿着一条路径运动。
四、实验内容与步骤
飘落的花朵
1、创建文档,设置文档属性中的文件大小为550*400像素,背景为白色。
2、选择“文件”|“导入”|“导入舞台”导入一张背景图片到舞台中央。
3、选中第145帧,按下F5,添加普通帧。
背景图层创建完成。
4、选择“文件”|“导入”|“导入到库”|命令将一张花朵的图片文件导入到库面板中。
按下Ctrl+F8创建“飘落的花朵”影片剪辑元件。
5、打开库面板,将树叶图像拖入影片剪辑窗口,按Ctrl+B组合键进行大散分离处理,处理掉图片上的背景色后,按F8将其转换成图形元件。
6、在“飘落的花朵”影片剪辑窗口中,单击添加运动引导层按钮,在“图层1”的上方新添加一个“引导层”图层。
选中引导层的第一帧,在场景中绘制一条曲线状的引导线,作为树叶飘落下来的路径。
7、在图层1的第100帧处按F6插入关键帧,右击,在快捷菜单中选择“创建补间动画”。
8、在“引导层”图层的第100帧处按F5插入普通帧。
9、在起始帧第1帧处用选择工具把“花朵”实例移动到引导线的起始端。
再点击结束帧100帧处,用移动工具把“花朵”实例移动到引导线的结束端上。
10、单击场景按钮,回到场景窗口,新建图层,将制作好的“飘落的花朵”影片剪辑元件拖入,在新建的图层145帧处按F5,将动画的播放时间定位145帧。
11、要制作多个花朵飘落的效果,可再创建几个图层,每隔20-30帧拖入一个“飘落的花朵”影片剪辑元件。
五、思考题
1、做一个单摆动画。
实验八遮罩动画
一、实验目的
1、熟悉遮罩层和被遮罩层的使用效果。
2、掌握利用引导层制作动画和许多特殊的效果,了解Flash的各种技巧及常见问题的处理,利用遮罩层制作特效。
二、实验仪器及材料
计算机,FLASH软件。
三、实验原理
动画过程中,可以透过遮罩层中的对象观看到被遮罩层中的对象。
四、实验内容与步骤
百叶窗效果
1.新建一个Flash文件,设置文档属性:
尺寸400×300。
2.选择【文件】【导入】【导入到库】,导入两幅图片到库中。
3.在场景1中,选中图层1,从库面板中将一幅图片拖入图层1,适当调整图片的大小。
4.单击选中导入的图像,按CTRL+B键,将图片打散。
然后单击绘图工具箱中的椭圆工具,把填充色设置为无,然后在舞台中绘制一个椭圆,通过其对应的【信息】面板,精确地调整其位置和大小。
将椭圆边框外部的图形选中,按delete键删除。
5.单击【添加层】图标按钮,在“图层1”的上方添加一个“图层2”,在图层2中导入第2幅图片,将图片打散。
从“图层1”中选中图片的椭圆边框复制,返回图层2进行粘贴,并调整椭圆的位置。
6.删除图层1和图层2中的椭圆,并将剩下的图形相对于舞台,水平中齐,垂直中齐,使两张图片在位置上完全重合。
7.在图层2的上方新建“图层3”。
在“图层3”中,用矩形工具绘制一个无边框的矩形,并放置在图片下方。
8.选中矩形,单击【修改】︱【转换为元件】命令,打开【转换为元件】对话框,将其转换为名为“蒙条”的图形符号。
9.然后在“图层3”的第24、35、60帧分别按F6键,插入关键帧。
分别选中第24、25和35帧,通过【属性设置】面板设置图形符号“蒙条”的高度为1。
之后在第1~24、35~60帧之间创建补间动画。
10.择“图层3”,单击鼠标右键,选择【遮罩层】,把“图层3”设置为遮罩层。
11.新建“图层4”,然后按住SHIFT键把“图层3”和“图层2”全部选中,然后在选中的任意一帧处单击鼠标右键,选择【复制帧】选择“图层4”第1帧,单击鼠标右键,选择【删除帧】,把“图层4”的所有空白帧删掉,然后再选择【粘贴帧】,把“图层3”和“图层2”的内容粘贴过来,这时会自动生成“图层5”,如图1所示。
图1
13.然后重复11步,直到把图形完全覆盖。
14.然后选择所有图层的第70帧,按F5插入帧,到此动画制作完毕。
15.按下Ctrl+Enter快捷键进行测试,查看其效果。
五、思考题
Flash是如何与数据库链接的。
实验九Flash行为动画
一、实验目的
1、熟悉ActionScript脚本语言的语法结构。
2、熟悉ActionScript的编辑环境以及常用的ActionScript脚本。
二、实验仪器及材料
计算机,FLASH软件。
三、实验原理
1、面向对象编程语言。
2、ActionScript脚本语言
四、实验内容与步骤
简单计数器
1.新建一个flash文件,设置影片属性:
尺寸200×200,背景色黑色。
2.选择工具栏中的文字工具,设置其属性:
类型动态文本,字体宋体,字体大小70,文本颜色黄色,居中对齐,变量i,如下图示。
3.在第1帧使用文本工具插入一个动态文本框,设置为固定宽度。
4.按F9打开动作面板,输入以下脚本:
if(i<60){
i=i+1;
}else{
i=1;
}
5.将图层1延伸到第3帧。
【提示】:
延伸的帧数可以自己任意设置,自己设设看看效果。
6.测试影片。
五、思考题
如何利用脚本语言实现无规则的雨滴下落。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 图形图像 处理 实验 指导书