3绘制简单图形

错误！未找到引用源。实验指导

1

实验三 绘制简单图形

一、 实验目的：

1． 学会图层的使用；

2． 学习选择工具的使用；

3． 学习线性渐变工具的设置和使用；

4． 学习“透视”变换的应用；

5． 掌握使物体立体化的基本方法。

二、 实验内容：

人们对立体形状建立的视觉感觉主要来自光照射到物体的不同表面时所反射光强的不同。因此可以利用这个原理在平面上表现立体图形，表现方法当然是要正确地运用好物体上不同反射面的光强的变化。在比较规则的物体表面，反映光照反射效果要利用好对物体的渐变的填充。下面学习制作具有立体感的圆锥和圆柱，如图1所示。

图1 圆锥与圆柱

三、 操作步骤：

1． 建新图像文件并制作渐变背景

(1) 执行“开始”—“Adobe Photoshop CS ”命令，启动Photoshop 图像处理工具。

(2) 选择“文件”—“新建”命令，在“新建”对话框中，设置“宽度”为500像

素，“高度”为375像素，“色彩模式”为RGB 颜色，背景为白色，其它取默认

多媒体课件制作培训教程

2

值。如图2所示。

图2

下面要将白色背景变为线性渐变的背景。

(3)选择窗口右侧的“颜色”控制面板，选择设置前景色的色块，并设置R、G、B

的值分别为102、153、255；选择设置背景色的色块，并设置R、G、B的值分别为200、220、255，如图3所示。

图3

(4)单击工具箱中的“渐变工具”按钮或按G快捷键。

(5)在窗口上方“渐变属性”工具栏中，选择“线性渐变”方式，设置不透明度为

“100%”，模式为“正常”，选中透明度和仿色复选框，如图所示。

图4

(6)在画面窗口中，从画布的上沿按住鼠标向下拖动至下沿，释放鼠标，背景渐变

完成。

2．绘制圆柱体

(1)执行“图层”—“新建”—“图层”命令，或打开“图层”控制面板，单击“新

图层”按钮，面板上显示出“图层1”，呈深蓝色表明图层1为当前层。

(2)选择工具箱中的“矩形选框”工具，然后将光标移动到画面区域，按下并拖

动鼠标移动，此时可以看到一个矩形框生成，当释放鼠标时，即完成了矩形选

错误！未找到引用源。实验指导

3

框的选择。如图5所示。

图5

为了在平面上产生出立体图光照视觉效果，采用渐变填充。具体的操作是：

(3) 选择工具箱上的“线性渐变”工具，然后用鼠标点击工具箱中的“默认前景

色和背景色”按钮，恢复前景色为黑色，背景色为白色，即设置了黑白渐变。如图6所示。

图6

(4) 在矩形选区中，从右到左拖动鼠标制成渐变效果，完成圆柱体中间部分的绘制。

如图7所示。

多媒体课件制作培训教程

4

图7

(5) 选择工具箱中的“椭圆选框”工具，在画面中拖动鼠标，划出一个宽度和矩形

选区相同的椭圆选区，并移动椭圆选区的位置到圆柱体的上端。如图8所示。

图8

(6) 选择工具箱上的“渐变工具”，应用黑白渐变，在椭圆选区左端拖动鼠标到

右端，完成填充。如图9所示。

错误！未找到引用源。实验指导

5

图9

(7) 选择工具箱中的“椭圆选框工具”，将鼠标放在椭圆选区内，拖动椭圆选区并移

动到圆柱体的下端。如图10所示。

图10

(8) 选择“矩形选框工具”，按住键盘Shift 键，拖动鼠标绘制矩形选区并与原椭圆

选区相交，得到如图11所示的选区。

多媒体课件制作培训教程

6

图11

(9) 执行“选择”—“反选”命令，再执行“编辑”—“清除”命令或按Delete 键，

删除圆柱底端部分，最后取消选区，完成绘制。

3． 绘制圆锥体

(1) 执行“图层”—“新建”—“图层”命令，或打开“图层”控制面板，单击“新图层”按钮，面板上显示出“图层2”，呈深蓝色表明图层2为当前层。

(2) 重复绘制圆柱体操作中的步骤，在图层2中绘制出如图12所示圆柱体，注意不

要绘制圆柱的上端。

图12

错误！未找到引用源。实验指导

7

(3) 选择工具箱中的“矩形选框工具”

，将图层2中圆柱体的矩形部分选中，

如图13所示。

图13

(4) 执行“编辑”—“变换”—“透视”命令，这时矩形选区的外框出现8个小方

形调整点，如图14所示。

图14

(5) 将右上角的调整点沿水平方向向中心拖动。这时会看到对称位置上的左上角的

调整点也同时向中心收缩，当这两点与中心编辑点重合时，释放鼠标。点击确认变换按钮，产生如图所15示图像。

多媒体课件制作培训教程

8

图15

4． 为绘制的图形着色

(1) 选择图层2，为圆锥添加颜色。

(2) 执行“图像”—“调整”—“色相/饱和度”命令，在“色相/饱和度”对话框中，

选中着色选项，将色相、饱和度、明度值分别设定为0、50、0，如图16所示。点击“好”按钮完成着色。

图16

(3) 选择图层1，重复步骤(2)，对圆柱体着色。可以选择不同的色相值，来得到不

同的颜色。

一、 思考题：

1. 几个相关图形的绘制练习，如下图所示。

错误！未找到引用源。实验指导

9

2. 绘制命令按钮，如下图所示。