当前位置:首页 >> 互联网 >>

《计算机平面设计概论》实验指导书

湖北汽车工业学院 《计算机平面设计概论》 实 验 指 导 书

袁科 编写

计算机工程系

目 录
实验一 Photoshop基本界面熟悉·············································· 3 实验二 PhotoShop常用工具的使用········································· 4 实验三 图象和图层的处理 ······················································ 7 实验四 各种滤镜方式的处理 ················································ 13 实验五 PhotoShop实例制作··················································· 20

实验一 Photoshop 基本界面熟悉
一、实验目的 1、熟悉 Photoshop CS4 的基本界面; 2、掌握 Photoshop CS4 的最基本操作; 3、掌握 Photoshop CS4 进行图形创作的基本过程。 二、实验性质和学时 验证性实验,2 学时。 三、实验要求 1、认真阅读本次实验的目的,了解本次实验要求掌握的内容; 2、能够根据实验指导书的要求,完成相关的内容; 3、务必掌握 Photoshop CS4 的基本操作,为今后复杂的图形处理做好准备。 四、实验内容 熟悉 Photoshop CS4 的基本界面和基本操作方式。 Photoshop 菜单项

Photoshop 工作区

Photoshop 浮动面板

Photoshop 工具箱

实验二 PhotoShop 常用工具的使用
一、实验目的 1、熟悉 Photoshop CS4 的基本界面; 2、掌握 Photoshop CS4 的基本工具的使用; 3、利用 Photoshop CS4 的基本工具进行简单的图形创作。 二、实验性质和学时 验证性实验,4 学时。 三、实验要求 1、认真阅读本次实验的目的,了解本次实验要求掌握的内容; 2、能够根据实验指导书的要求,完成相关的内容; 3、务必掌握 Photoshop CS4 的工具箱的使用,为今后复杂的图形处理做好准备。 四、实验内容

利用工具箱相关的工具,进行简单的图形创作,参考完成下列简单作品。

16 色——色彩与网格线设置练习

1. 2. 3. 4. 5.

新建文件:300×300 像素,72DPI,白色背景; “编辑”菜单——预设——参考线与网格——网格线间隔:75 像素; “视图”菜单——显示——网格; “视图”菜单——设置“对齐”有效; 用柜形选区工具选取网格线的每一大格,然后用“油漆桶”工具填充一种颜色;

空心字——文字选区练习

法一:用文字选区工具输入文字形的选区——扩边——填充; 法二:输入文字——转换成图形——选中文字选区——收缩选区——删除; 法三:用文字选区工具输入文字形的选区——“编辑”菜单——描边;

按钮——椭圆选区工具、渐变填充练习

提示:用线性渐变填充工具;注意光线的方向。

圆柱——添加选区、渐变填充练习

提示:用柜形和椭圆选区工具;用线性渐变(铜色渐变)填充分两次填充,注意填充方 向。

图案填充——图案定义、填充练习

提示:用角度渐变工具定义一个小矩形图案;然后用该图案填充一较大矩形区域。

实验三 图象和图层的处理
一、实验目的 1、熟悉 Photoshop CS4 的图像和图层菜单; 2、掌握 Photoshop CS4 的图像的模式和图像的相关调整; 3、掌握 Photoshop CS4 的图层的概念,利用图层进行复杂的设计和创作。 二、实验性质和学时 验证性实验,4 学时。 三、实验要求 1、认真阅读本次实验的目的,了解本次实验要求掌握的内容; 2、能够根据实验指导书的要求,完成相关的内容; 3、务必掌握 Photoshop CS4 的图层的详细操作。 四、实验内容

利用图像和图层相关功能,参考完成如下的作品:

百页窗一 ——图层和图案填充练习

提示:定义一个宽度为 1 个像素,高度为 2 个像素(一半透明);用该图案填充,一张 图片

百页窗二 ——图层、编辑渐变效果练习

提示:用渐变编辑器中建立一个新的渐变效果,如下图:

用该渐变效果在一张图片上层填充形成百页窗;

齿轮——复制选区、旋转练习

提示:用矩形选区工具作对称于圆心的矩形条并填充颜色;复制柜形条区域并作旋转; 重复上述操作直到所有齿作完。

绕环的字——旋转练习

要点提示:旋转每一个汉字时,将旋转中心与圆心重合。

溶解字——图层混合模式/快速蒙板练习

提示: 法一: 用文字选区工具和渐变填充工具;选择图层混合模式为“溶解”并适当调整“不透明 度”。 法二:利用快速蒙板制作渐变效果。

站立字——图形变换练习

提示:使用垂直翻转和透视变换;

黑白分明——图层透明锁定/图层叠加练习

提示: 法一: 用矩形选区工具选择文字的下半部分; 并在上层选择透明锁定后在矩形选区内填入白色 法二: 用减去一半文字选区的方法。

浮雕——图层样式练习(浮雕效果)

提示:在背景图上复制文字选区形成新图层;再用图层样式中的“浮雕效果”;

金属字——图层样式练习(斜面和浮雕)

要点提示:文字为金黄色;使用“图层样式”中的“斜面和浮雕”,“样式”中的“内 斜面”;“光泽等高线”选择“环形”。

玻璃字——图层样式练习(双环等高线)

提示:作文字及投影,先调节角度和距离使阴影和文字完全分离,然后设置各参数(其 中的等高线设为双环形);

图案叠加——图层样式练习(图案叠加)

1. 新建文件:RGB 模式、白色背景; 2. 用文字工具输入文字(字体 Arial Black、128pt、红色)得到文字层; 3. “图层”菜单——图层样式——图案叠加(混合模式:正常、不透明度:66%、缩放: 66%);

链条——轻移复制技巧练习

提示:用径向渐变工具和 Ctrl+Alt+→组合键向右复制,形成链环;

光盘——图形变换(斜切)、图层叠加模式练习

1. 建立新文件:300×300 像素,72DPI,白色背景; 2. 显示网格,以帮助定位; 3. 用椭圆选区工具选一正圆选区,并填充蓝色; 4. 在蓝色的圆中心再选一圆选区并删除其中的蓝色; 5. 创建一新图层; 6. 用直线渐变工具,选择彩虹渐变,从上往下填充; 7. “编辑”菜单——变换——斜切:将左上角和左下角的调整点拖到左边中点,形成 顶点在左边、底边在右边的等腰三角形——移动:使三角形的顶点到光盘的圆心; 8. 在“图层”调板中将叠加方式改为“屏幕”; 9. “滤镜”菜单——模糊——高斯模糊(7 个像素); 10.复制图层——将图层逆时针方向旋转 90 度,并移到合适的位置; 11.重复第 10 步两次; 12.合并图层; 13.“滤镜”菜单——渲染——光照效果:作适当的灯光效果处理。

实验四 各种滤镜方式的处理
一、实验目的 1、熟悉 Photoshop CS4 的滤镜菜单; 2、掌握 Photoshop CS4 的滤镜的基本概念; 3、掌握 Photoshop CS4 的滤镜的基本操作,利用滤镜进行特效处理。 二、实验性质和学时 验证性实验,6 学时。 三、实验要求 1、认真阅读本次实验的目的,了解本次实验要求掌握的内容; 2、能够根据实验指导书的要求,完成相关的内容; 3、灵活掌握 Photoshop CS4 的滤镜的各种操作,完成图形特效加工和处理。 四、实验内容

利用各种滤镜,完成图形的特效加工制作,参考完成下列作品。

动感文字——“动感模糊”滤镜练习

提示:用动感模糊工具形成动感线条;再复制图层多次达到合适的浓度;

发光字——“径向模糊”滤镜练习

提示:在背景与文字之间建立层;选中文字区域在该层上作适当扩展,填充白色作径向 模糊。

放射——“极坐标”滤镜练习

1. 2. 3. 4.

建立新文件:300×300 像素,72DPI,白色背景; 用矩形选区工具选择多个平行的从顶到底的垂直选区; 取消选区; “滤镜”菜单——扭曲——极坐标(选项:平面坐标到极坐标)。

环形字——“极坐标”滤镜练习

1. 建立新文件:200×100 像素,72DPI,白色背景; 2. 用文字工具输入"成都教育学院",30pt,适当调整字间距(或使用横向缩放),使 文字横向宽度(包括首尾的空距)与画布一样; 3. 将文字层转换为图层; 4. "滤镜"菜单--扭曲--极坐标--平面坐标到极坐标。

阳光字——坐标变换、“风”滤镜练习

提示:利用极坐标/平面坐标变换和“风”滤镜 说明:本练习中要点在于两次坐标变换。第一次作“极坐标到平面坐标”变换,将水平 摆放的文字变成了转圈摆放, 这时用“风”滤镜拉出的是平行的线, 但第二次作“平面坐标 到极坐标”变换后,平行的线就变成了放射状的线了。

纬线——“球面化”滤镜练习

提示: 用单行选框工具选若干条横线并将选区扩展 1 个像素的方法选中线; 再作球面化。

高尔夫球——“玻璃”、“球面化”滤镜练习

1. 新建文件并新建一图层; 2. 作由白到黑的径向渐变,白色的中心偏画面左上方一点; 3. “滤镜”菜单——扭曲——玻璃(扭曲度 15,平滑度 3,纹理:小镜头,缩放:60%) 4. 留一正圆区域,其它的删除:选一正圆区域——反选——Delete; 5. 反选选中圆区域; 6. “滤镜”菜单——扭曲——球面化(数量:90%,模式:正常); 7. 适当调整亮度和对比度:“图象”菜单——调整——亮度/对比度;

8. 作球的阴影: Ctrl+单击球所在的层选中球区域——在球所在的图层下面新建一图层 ——填充 50%灰度——移动位置——高斯模糊); 9. 加上光晕效果:“滤镜”菜单——渲染——镜头光晕。

艺术像框——“波纹”滤镜练习

提示:扩大画布作为边框;再作波纹效果。

漩涡——“旋转扭曲”滤镜、通道练习

提示:背景和文字的各个局部均作旋转扭曲。

冰——“风”、“晶格化”、“添加杂色”滤镜、图像调整练习

提示:使用“晶格化”和“风”滤镜。

火焰字——“风”滤镜、索引颜色表练习

1.设置背景色为黑色。建立一个模式 RGB、内容为背景色的文件; 2.用文字工具输入"火焰"二字; 3.将文字转换为图层:"图层"菜单--栅格化--图层; 4.逆顺时针方向旋转画布 90 度:"图像"菜单--旋转画布--90 度逆时针; 5.拉出火焰:"滤镜"菜单--风格化--风(一次不够可多两次); 6.顺时针方向旋转画布 90 度,将字转回向上方向:"图像"菜单--旋转画布--90 度顺 时针; 7."图像"菜单--模式--灰度; 8."图像"菜单--模式--索引颜色; 9."图像"菜单--模式--颜色表--黑体; 10."图像"菜单--模式--RGB; 11.制作抖动效果:"滤镜"菜单--扭曲--波浪; 12."滤镜"菜单--模糊--高斯模糊。

光照效果——“光照效果”滤镜练习

1.建立新文件:300×300 像素,72DPI; 2.线性渐变填充(色谱渐变); 3.用文字选区工具(空心文字工具)输入“彩虹”二字(96pt); 4.复制文字选区(Ctrl-C); 5.建立新文件:适当扩大高和宽,黑背景; 6.粘贴“彩虹”文字(Ctrl-V); 7.“滤镜”菜单——渲染——光照效果(样式:默认值、光照类型:点光、纹理通道: 图层 1 透明区域并选中“白色部分凸出”)。

泡泡字——“球面化”、“光照效果”、“镜头光晕”滤镜练习

提示:文字作球面化变形;再用光照效果和光斑效果。

3D 变换——“3D 变换”滤镜练习

1.建立新文件:300×300 像素,RGB 模式,72DPI,白背景; 2.线性渐变填充(铜色); 3.“滤镜”菜单——渲染——3D 变换——在工具栏中选圆柱体、在预览图上拖动制作 出圆柱体框架、用直接选择工具使圆柱体变形、用旋转工具旋转框架体现出立体化; 4.点击选项按钮——取消“显示背景”,确定。

3D 变换——“3D 变换”滤镜练习

提示:

1.类似上例作立方体; 2.将照片复制到三个图层上,然后作扭曲变换覆盖立方体的三个面。

木纹——滤镜综合练习

1.建立新文件:300×300 像素,RGB 模式,72DPI,白背景; 2.选择近似木头的前景色(R189G166B50)进行填充; 3.“滤镜”菜单——杂色——添加杂色(数量 50%,平均分布,单色); 4.“滤镜”菜单——模糊——动感模糊(角度 0,距离 700); 5.“滤镜”菜单——扭曲——旋转扭曲(角度 100); 6.在右下方取圆形选区——用旋转扭曲滤镜(角度-200)

岩石——“龟裂纹”滤镜应用练习

1.新建文件:300×300、黑色背景; 2.用文字工具输入白色文字(96pt); 3.复制文字层形成文字层的副本层; 4.回到文字层——向下合并(与背景合并); 5.高斯模糊:半径 30 像素; 6.到文字副本层——向下合并(与背景合并); 7.“滤镜”菜单——纹理——龟裂缝(裂缝间距 15、裂缝深度 10、裂缝亮度 3); 8.“图象”菜单——调整——色相/饱和度(着色、色相 15、饱和度 50、明度 0)。

实验五 PhotoShop 实例制作
一、实验目的 1、综合运用 Photoshop CS4 的各项功能,进行复杂的图形创作和设计; 2、掌握 Photoshop CS4 相关的功能使用的技巧,灵活运用于创作过程。 二、实验性质和学时 验证性实验,2 学时。 三、实验要求 1、认真阅读本次实验的目的,了解本次实验要求掌握的内容; 2、能够根据实验指导书的要求,完成相关的内容; 四、实验内容

制作海报一幅
1.可选题材: 明星类:姚明、周杰伦、章子怡…… 电影类:柯南、玩具总动员、阿甘正传、神话、宝莲灯…… 广告类:球鞋、化妆品、红楼梦中人、酱油…… 比赛类:世乓赛、赛车、卡通画比赛、技能大赛、运动会…… 公益类:节水、防火防盗、交通安全、帮助弱势群体…… 2.以上题材任选其一创作一幅作品。要求色彩搭配美观,页面布局结构合理,内容健 康,素材选用和处理得当,有创新,综合运用所学知识,注重细节,有自己的风格。