设计技术实训实验指导书

《设计技术实训》实验指导书1设计技术实训实验指导书2013年10月《设计技术实训》实验指导书2前言设计技术实训是针对计算机科学与技术专业新生的专业实践基础课程，采用实验室训练的方式，主要内容涵盖PhotoshopCS6的基本操作方法和设计的技巧，包括使用绘图工具绘制图像、图层与文本的使用、以及Photoshop在网页制作和网站开发中的辅助功能；FlashCS6的基本操作方法和设计的技巧，包括绘制图形和编辑对象、使用时间轴和帧创建基本Flash动画、使用层制作高级动画、使用ActionScript创建交互动画。以教师演示，学生实训的方式，培养学生的专业学习兴趣、提高学生实践操作的能力。本课程注重实践和动手能力。集实践性、可操作性和实用性于一体，要求学生通过本课程的学习，较熟练地运用用Photoshop、Flash等软件，既能独立使用，也能综合这些软件并运用到设计中。学生通过实践操作，学习消化相关的概念和操作方法，提高设计的技巧和自主学习的能力。《设计技术实训》实验指导书3目录《设计技术实训》实验指导书4实训1初识PhtoshopCS6(2课时)要求与内容要求1.了解Photoshop发展史及功能2.熟练掌握PhotoshopCS6工作界面3.掌握菜单：“文件”、“图像”；面板：“图层”、“历史记录”内容1.PhotoshopCS6全新界面工具预览2.预设工作环境3.常用面板4.常用菜单实训步骤1.设置软件工作环境。（1）执行【编辑】|【预置】|【常规】命令，在弹出的窗口中取消【显示英文字体名称】选项前的选择。（2）选择【增效工具与暂存盘】选项，将暂存盘中的【第二】设定为机器中空间最大的盘。（3）选择【内存与图像高速缓存】选项，将【Photoshop占用的最大数量】选项设置提高到80%。2.合理安排面板位置。（1）执行【窗口】|【工作区】|【复位调板位置】命令，将所有面板恢复为默认状态。（2）在【窗口】菜单下，依次单击相应的命令，可以打开各个面板。（3）用鼠标按住【导航器】面板，拖拽到【颜色】面板中；在将【信息】面板也拖拽到【颜色】面板窗口中。（4）关闭【动作】面板和【工具预设】面板。3.查看图像文件数据（1）执行【文件】｜【打开】命令，打开一个图像文件。（2）在【工具箱】中的【抓手】工具上双击，使图像以最佳显示比例显示。（3）按Alt键，单击状态栏中显示文件大小的标志，查看当前图像文件的各项数据。4.观察图像。（1）按shift+alt键，可以打开/关闭所有面板。《设计技术实训》实验指导书5（2）打开【导航器】面板，移动鼠标向右，图像被放大；移动鼠标向左，图像被缩小；用鼠标单击放大/缩小图标或在比例框中直接输入所需比例后按enter键，可以放大/缩小图像。（3）当显示比例大于窗口显示比例时，可以移动【导航器】面板预览窗口中红色线框来详细观察部分图像。（4）按住空格键，图像中的鼠标可以临时变成手型工具。（5）在【工具箱】中的放大镜工具上双击，使图像以100%比例显示；在【工具箱】中的抓手工具上双击，使图像以最佳显示比例显示。（6）需要临时放大/缩小图像，按住【space】键和Ctrl键，单击鼠标就将图象放大一倍；按住【space】键和ait键，单击鼠标就将图像缩小一倍5.设定标尺与参考线。（1）设定【视图】|【标尺】命令或ctil+r键，当前图像或以后打开的图像上都出现标尺。（2）要将图像中的某一点设定为坐标（0，0）点，鼠标按住图像左上角的坐标（0，0）点，移动到图像中要设定位置；要恢复原始坐标（0，0）点，就在原始坐标（0，0）点处双击。（3）在标尺位置按下鼠标向图象中拉动，就产生一条参考线；从水平标尺拉动产生垂直参考线；从垂直标尺拉动产生水平参考线；要删除参考线，用【工具箱】中的【移动】工具，将参考线拖动到图像窗口外即可。（4）执行【视图】|【显示】下面的各项命令，可以分别显示参考线、网格线的切片先等设置。在图像中产生一条水平参考线，显示网格线，并将网格线改成红色，参考线改成绿色。（5）执行【视图】|【新参考线】命令，打开【新参考线】对话框，可以分别设置水平或垂直参考线的精确位置。《设计技术实训》实验指导书6实训2色彩原理与调整（2课时）要求与内容要求1.了解色彩原理与色彩调整；2.掌握色彩的应用和色彩调整；3.熟练掌握利用色彩来处理图像。4.修改素材图片的色阶、曲线、色相饱和度等。内容色彩填充方法色彩模式颜色调整《设计技术实训》实验指导书7实训3平面设计基础知识及其基本概念(2课时)要求与内容要求1.了解平面设计的基础知识2.图像元素与色彩模式介绍3.了解色彩模式原理4.图像元素与色彩模式介绍内容1.利用PhotoshopCS6对素材图片进行色阶、曲线、色相饱和度等调整2.修改图片的画质3.图像存储4.进一步熟练掌握PhotoshopCS6工作界面实训步骤1.打开图像文件数据（1）执行【文件】｜【打开】命令，打开一个图像文件。（2）在【文件类型】中选择要打开的文件类型。《设计技术实训》实验指导书82.调整文件模式若要切换图像模式，执行【图像】|【模式】，从中选择指定模式3.调整图像色阶、曲线、色彩平衡等参数执行【图像】菜单|【调整】（1）选择【色阶】，进入设置界面提示：中间色块往左拖动，调亮；左边色块往右拖动，调暗；调好后，按【好】，确定。（2）选择【曲线】，进入设置界面《设计技术实训》实验指导书9效果对比图2-2调整【曲线】前图2-3调整【曲线】后3.图像存储练习1.执行【文件】|【存储为】，选择类型后，单击【保存】2.在下图中【格式】列表中选择类型：《设计技术实训》实验指导书10实训4选区的创建与编辑（2课时）要求与内容要求了解选区的原理；掌握选框工具，包括矩形选框工具、椭圆形选框工具、单行和单列选框工；熟练掌握套索工具组、魔棒工具与色彩范围。内容选框工具：矩形选框工具、椭圆形选框工具、单行和单列选框工套索工具组魔棒工具实训步骤1.打开图像文件数据（1）执行【文件】｜【打开】命令，打开一个图像文件。2.创建选区（1）选择【工具】面板中【选区】工具。（2）如果选择标准选区，则单击【矩形选框】或【椭圆选框】，如绘制矩形选区，则参考下图：《设计技术实训》实验指导书11（3）如果选择非标准选区，则单击【套索】工具。3.利用魔术棒根据色彩创建选区（1）打开图像文件（2）选中【魔术棒】工具，可选择着色相近的区域，点击一个颜色，这个一片相同颜色的区域都会被选择上，可以设置容差，以设置颜色的相近度。如图实训5图层的应用（4课时）要求与内容要求了解应用图层的样式；《设计技术实训》实验指导书12掌握多图层的创建；熟练掌握图层的混合模式应用。图层基本概念、图层基础操作、图层模式、图层样式、管理图层样式、图层样式调板等。内容图层样式图层混合模式实训步骤1.打开图像文件数据（1）执行【文件】｜【打开】命令，选择一个图像文件。2.图层的相关设置（1）背景图层转换双击背景图层缩览图，调出“图层属性”对话框。（2）新建图层执行“图层/新建/图层”命令（3）使用填充图层单击图层调板下方的“创建新的填充或调整图层”按钮，在弹出的命令中选择“纯色”、“渐变”或“图案”命令。《设计技术实训》实验指导书13（4）使用调整图层单击图层调板下方的“创建新的填充或调整图层”按钮，在弹出的命令中选择各种色彩调整命令。（5）复制图层在图层控制面板中，单击所需复制的图层，拖动该图层到图层控制面板下方的“创建新图层”按钮。（6）删除图层在图层调板中选中所需删除图层，拖动到调板下方的垃圾箱按钮上。（7）调整图层顺序选中所需移动的图层，用鼠标直接拖动到目标位置。（8）图层合并将要合并的图层或图层组在图层调板中放置在一起，确保两个图层都可视，执行图层调板菜单中的“向下合并”命令。（9）合并可见图层执行图层调板菜单下的“合并可见图层”命令实训6文本编辑（4课时）要求与内容要求了解载入文字选区、制作和输入文字；掌握异形段落文本、文字转换；熟练掌握制作背景图像、添加文字。《设计技术实训》实验指导书14内容文字输入段落文字文字效果实训步骤：1、输入文本的基本操作Photoshop7.0的文字处理功能已比Photoshop6.0强大很多，用户可以对文本进行更多的控制，如可以实现对同一文本层进行多文本格式排版，可以实现在输入文本时自动换行，可以将文本转换路径使用等。2、输入段落文本Photoshop7.0提供了3种输入文本的方式，一种是最基本的方式；另一种是段落形式输入文本的方式；还有一种以文本蒙板输入的方式。方法：单击文字工具，移动鼠标指针到图像窗口中按下鼠标键并拖动出一处矩形框，在矩形框中输入文字即可。使用落文本，可以在一个指定范围内输入较长的一段文字，并且在输入过程中会自动换行，当在一行中排不下时就会自动跳到下一行；如果输入的内容是英文，并且一个单词在行尾排不下时，则还会自动断行输入，即在英文单词自动加入一个连字符。3、输入文本选取范围Photoshop7.0还有一种方式，即利用文本蒙板工具输入文本，这样可以产生一个文本选取范围，以便制作一些特殊文字。方法：在工具箱中选中文本工具后，再在工具栏中选中文本蒙板工具，在图像窗口中单击并输入文本即可。注：利用文本蒙板工具输入文本时，不会在Layers面板中自动生成一个图层。4、编辑文本格式文本图层具有可以反复修改的灵活性，因此当输入的文本内容有错误时，或者是用户对其文本格式不满时，可以重新修改和编辑文本内容。《设计技术实训》实验指导书15方法：先在工具箱中选中文本工具，再将鼠标指针移至Layers面板中文本图层预览缩略图上双击，或者在图像窗口中已有的文本位置单击，然后单击Window/Character命令即可。5、文本查找与替换findAndRelace（查找与替换）也是Photoshop7.0的新增功能，它和Word的查找与替换一样方便好用。在确认选中文本图层的情况下，选择Edit/findandReplaceText命令即可。实训7滤镜特效（4课时）要求与内容要求了解滤镜特效的功能与作用；掌握滤镜的操作与应用；熟练掌握添加滤镜的效果。内容滤镜菜单各个功能介绍特殊滤镜效果实训步骤：倒影效果：打开文件，截图至合适大小—调整画布大小（高度为当前的2倍）—复制图层—垂直翻转—滤镜，波纹（60）—滤镜，海洋波纹（1，1）—高斯模糊（1）—新建图层，执行线性渐变（黑—深蓝），将新图层至于最底部—在倒影图层上添加图层蒙版，执行黑白渐变，调整渐变后，截图—OK公益广告设计①新建一幅600*600像素、RGB模式的白色图象文件。《设计技术实训》实验指导书16②将前景色设置为蓝色，背景色设置为白色，新建并选中图层1，单击“滤镜/渲染/云彩”命令，为图层1应用“云彩”滤镜。③打开“干裂的土地”图象文件，将图象选中并复制到新建的图象文件中，此时在新建的文件中出现图层2。④全选图层2中的图象，按下Ctrl+T键并对图象进行自由变换，调整图象的大小，然后按回车键确认。⑤打开“树桩”图象文件，选中树桩并将其复制到新建的图象文件中，树桩出现在图层3中。⑥选中树桩，单击“编辑/变换/扭曲”命令，将树桩的下部调整的粗些，形成上细下粗的效果，再使用“缩放”命令调整树桩的大小。⑦选中图层3中的树桩并进行多次复制，适当调整每个树桩的大小和位置。⑧使用“模糊”工具分别将各个树桩的底部轻轻涂抹，是树桩与地面衔接得更加自如。⑨使用“画笔”工具在地面上绘制枯黄的小草。⑩将各个树桩所在层合并成一个图层，新建一图层，选择“自定义形状”工具，在其选项栏的“形状”列表中选择“鸟”的形状，然后为图象添加几只小鸟。添加广告语。选择“文本”工具，在图象的合适位置添加广告语，并对广告语进行适当设置。布置作业：禁烟广告《设计技术实训》实验指导书17实训8图形绘制与编辑（4课时）要求与内容要求了解用钢笔绘图的方法；掌握路径的创建和编辑方法掌握抠图方法；熟练掌握图像的编辑方法。内容钢笔工具路径选取转换抠图考核要求掌握一定