ps入门-相框设计—认识渐变工具ppt课件

1、任务四任务四 相框设计相框设计认识渐变工具认识渐变工具 分任务一分任务一 理论先行理论先行 分任务二分任务二 新建文件，构建四个边框新建文件，构建四个边框 分任务三分任务三 切除多余部分切除多余部分 分任务四分任务四 给相框添加材质给相框添加材质 分任务五分任务五 导入图片，进行相框合成导入图片，进行相框合成 分任务六分任务六 输出作品输出作品下一页返回任务四任务四 相框设计相框设计认识渐变工具认识渐变工具 任务导入任务导入 相框是人们都熟识的物品，把自己喜欢的照片相框是人们都熟识的物品，把自己喜欢的照片镶在相框里，挂在墙上，摆放在桌头，每每凝镶在相框里，挂在墙上，摆放在桌头，每每凝望都能陷入

2、美好的回忆中。如果自己亲手做一望都能陷入美好的回忆中。如果自己亲手做一个相框，然后把自己最喜欢的作品放在里面，个相框，然后把自己最喜欢的作品放在里面，感觉是不是更好呢感觉是不是更好呢?本任务是借助本任务是借助PS来打造一来打造一个精致的相框，如图个精致的相框，如图5. 4. 1所示。所示。 任务分析任务分析 本次任务主要是借助渐变工具来实现的。通过本次任务主要是借助渐变工具来实现的。通过渐变编辑器，自己设置好渐变样式，然后画出渐变编辑器，自己设置好渐变样式，然后画出渐变图像，接着通过自由变换，对渐变图像进渐变图像，接着通过自由变换，对渐变图像进行调节，做出相框框架，接着利用多边形套索行调节，做

3、出相框框架，接着利用多边形套索工具对相框的四个角进行处理，从而使整个相工具对相框的四个角进行处理，从而使整个相框浑然一体，最后还可以根据需要给相框添加框浑然一体，最后还可以根据需要给相框添加不同的纹理。不同的纹理。 任务实施任务实施上一页返回分任务一分任务一 理论先行理论先行渐变工具的作用是产生逐渐变换的色彩。其工具属性栏如图渐变工具的作用是产生逐渐变换的色彩。其工具属性栏如图5.4.2所所示。示。“编辑渐变可通过点击打开编辑渐变可通过点击打开“渐变编辑器渐变编辑器”，选择系统提供的各种，选择系统提供的各种渐变样式进行设置，也可以自己设置。渐变样式进行设置，也可以自己设置。“渐变方式分线性渐变

4、、径渐变方式分线性渐变、径向渐变、角度渐变、对称渐变和菱形渐变。点击向渐变、角度渐变、对称渐变和菱形渐变。点击“反向按钮的话，反向按钮的话，则会使渐变颜色发生翻转。则会使渐变颜色发生翻转。返回分任务二分任务二 新建文件，构建四个边框新建文件，构建四个边框(1)点击点击“Ctrl + N，弹出，弹出“新建对话框，进行如图新建对话框，进行如图5.4.3所示的设置。所示的设置。(2)新建图层，设置前景色为深灰色，背景色为浅灰色，为下面编辑新建图层，设置前景色为深灰色，背景色为浅灰色，为下面编辑渐变样式做准备。渐变样式做准备。(3)单击渐变工具，翻开单击渐变工具，翻开“渐变编辑器渐变编辑器”，在预设里

5、选择，在预设里选择“前景到背景前景到背景的渐变，如图的渐变，如图5.4.4所示。所示。(4)在渐变条的下方设置六个颜色指针，并将它们的颜色分别设置为在渐变条的下方设置六个颜色指针，并将它们的颜色分别设置为前景色、背景色、前景色、背景色、前景色、背景色。拖动颜色指针，前景色、背景色、前景色、背景色、前景色、背景色。拖动颜色指针，将其间隔调整为如图将其间隔调整为如图5.4.5所示，单击所示，单击“确定按钮关闭对话框。确定按钮关闭对话框。下一页返回分任务二分任务二 新建文件，构建四个边框新建文件，构建四个边框小助手提醒小助手提醒:单击某个颜色指针把这个指针选中，然后单击下方的颜单击某个颜色指针把这个

6、指针选中，然后单击下方的颜色选项右侧的箭头就能选择前景色或者背景色。而双击某个颜色指针，色选项右侧的箭头就能选择前景色或者背景色。而双击某个颜色指针，则跳出则跳出“选择颜色框，这时可自己选颜色。如果对某个颜色指针不选择颜色框，这时可自己选颜色。如果对某个颜色指针不满意，可选中后单击满意，可选中后单击“删除按钮删除按钮(5)选中选中“图层图层1”，选择，选择“矩形选框工具，在左侧建立一个矩形选矩形选框工具，在左侧建立一个矩形选区，然后选择渐变工具，在属性栏中选择区，然后选择渐变工具，在属性栏中选择“线性渐变，然后在选线性渐变，然后在选区内由左至右拖动鼠标绘制渐变色，效果如图区内由左至右拖动鼠标绘

7、制渐变色，效果如图5. 4. 6所示。所示。(6)观察图片，发现这个渐变条和相框框架相差很大，必须进行调节。观察图片，发现这个渐变条和相框框架相差很大，必须进行调节。点击点击“Ctrl +T进行左右调节，按进行左右调节，按“回车确定，效果如图回车确定，效果如图5.4.7所所示。示。上一页 下一页返回分任务二分任务二 新建文件，构建四个边框新建文件，构建四个边框 小助手提醒小助手提醒:做到这里，会发现通过建立不同的渐变样式就能产生不做到这里，会发现通过建立不同的渐变样式就能产生不同的渐变风格，从而能形成不同的框架同的渐变风格，从而能形成不同的框架_所以，读者可大胆尝试，做所以，读者可大胆尝试，做

8、出不同风格的作品来。出不同风格的作品来。(7)复制复制“图层图层1，对，对“图层图层1副本进展副本进展“水平翻转水平翻转”，效果如图，效果如图5. 4. 8所示。所示。(8)复制复制“图层图层1副本副本1，将其，将其“旋转旋转90度度(顺时针顺时针)”，摆放到合适位置，摆放到合适位置，再再“垂直翻转垂直翻转”，效果如图，效果如图5.4.9所示。所示。(9)复制复制“图层图层1副本副本2，进行垂直翻转，摆放到合适位置，相框的四，进行垂直翻转，摆放到合适位置，相框的四条边框就做好了，效果如图条边框就做好了，效果如图5. 4. 10所示。所示。上一页返回分任务三分任务三 切除多余部分切除多余部分观察

9、图像，发现边框的四个角只是重叠在一起，并没有产生镶切的效观察图像，发现边框的四个角只是重叠在一起，并没有产生镶切的效果，必须进行处理。果，必须进行处理。(1)选择选择“多边形套索工具，首先对下边框进行操作。多边形套索工具，首先对下边框进行操作。(2)选中下边框所在图层，利用选中下边框所在图层，利用“多边形套索工具，建立如图多边形套索工具，建立如图5. 4. 11所示选区，删除选区内对象，取消选区，效果如图所示选区，删除选区内对象，取消选区，效果如图5. 4. 12所示。所示。 (3)按照如上方法，分别对其余三个角进行操作，效果如图按照如上方法，分别对其余三个角进行操作，效果如图5. 4. 13

10、所所示。这样，相框就做好了。示。这样，相框就做好了。返回分任务四分任务四 给相框添加材质给相框添加材质(1)合并四个框架所在图层，使相框成为一个整体，如图合并四个框架所在图层，使相框成为一个整体，如图5. 4. 14所示。所示。(2)打开一张大理石图片，导入相框文件中，使之位于相框图层上方，打开一张大理石图片，导入相框文件中，使之位于相框图层上方，调整大小，使之正好和相框一样大小，如图调整大小，使之正好和相框一样大小，如图5. 4. 15所示。所示。(3)选择大理石所在图层，设置图层混合模式为选择大理石所在图层，设置图层混合模式为“叠加叠加”，效果如，效果如图图5. 4. 16所示。所示。 (

11、4)相框颜色比较淡，可把它调深些。点击相框颜色比较淡，可把它调深些。点击“Ctrl + M打开曲线设置打开曲线设置对话框，将曲线向下拖动，效果如图对话框，将曲线向下拖动，效果如图5. 4. 17所示。所示。返回分任务五分任务五 导入图片，进行相框合成导入图片，进行相框合成导入自己喜欢的图片，调整大小，使之正好适合相框内部区域，如导入自己喜欢的图片，调整大小，使之正好适合相框内部区域，如图图5. 4. 18所示。所示。返回分任务六分任务六 输出作品输出作品 (1)点击点击“文件文件”“存储命令，以存储命令，以“相框制作为文件名，保存为相框制作为文件名，保存为PSD格式。格式。(2)再次点击再次点

12、击“文件下拉菜单，选择文件下拉菜单，选择“存储为命令，以存储为命令，以“相框制作相框制作为文件名，保存为为文件名，保存为JPEG格式。格式。仟务总结仟务总结通过本次任务，读者对渐变工具的使用有了基本的认识，知道可通过通过本次任务，读者对渐变工具的使用有了基本的认识，知道可通过调整不同的渐变样式来达到不同的效果。同时，读者也对观察图片，调整不同的渐变样式来达到不同的效果。同时，读者也对观察图片，处理图片有了更进一步的认识，比如在本次任务中，删除部分区域，处理图片有了更进一步的认识，比如在本次任务中，删除部分区域，做出镶切效果时，一定要仔细观察图片，分析怎样才能实现目标，最做出镶切效果时，一定要仔

13、细观察图片，分析怎样才能实现目标，最后再动手删除。切忌不思考而随意操作，这样不但浪费时间，而且会后再动手删除。切忌不思考而随意操作，这样不但浪费时间，而且会使人灰心丧气。使人灰心丧气。下一页返回分任务六分任务六 输出作品输出作品 任务拓展任务拓展 使用鼠标画出下面几个立体几何图形。使用鼠标画出下面几个立体几何图形。 操作提示操作提示: (1)空心圆柱体空心圆柱体:首先利用矩形选框工具画出矩形首先利用矩形选框工具画出矩形选区，然后用渐变工具调整为选区，然后用渐变工具调整为“黑色到白色黑色到白色的渐变，从左向右拖动，形成圆柱体的主体，的渐变，从左向右拖动，形成圆柱体的主体，然后利用椭圆选框工具，拉

14、出椭圆选区，用渐然后利用椭圆选框工具，拉出椭圆选区，用渐变工具反向拖动，形成空心效果，最后移动椭变工具反向拖动，形成空心效果，最后移动椭圆选区到下方，对圆柱体主体进行操作，反向圆选区到下方，对圆柱体主体进行操作，反向后删除。后删除。上一页 下一页返回分任务六分任务六 输出作品输出作品(2)空心圆锥体空心圆锥体:先做出圆柱体主体形状，接着利用先做出圆柱体主体形状，接着利用“透视命令，把左透视命令，把左上角的点向右拖动，就形成了圆锥体主体，然后利用椭圆选框工具绘上角的点向右拖动，就形成了圆锥体主体，然后利用椭圆选框工具绘制下面的空心部分。制下面的空心部分。(3)球体球体:先利用椭圆选框工具结合先利

15、用椭圆选框工具结合“Shift键拉出正圆，然后选择键拉出正圆，然后选择“径径向渐变，点击向渐变，点击“反向反向”，从中间向边缘拖动，就形成了球体。，从中间向边缘拖动，就形成了球体。上一页返回图图5 .4.1 相框设计相框设计返回图图5.4.2 “渐变工具属性栏渐变工具属性栏返回图图5. 4. 3 新建文件新建文件返回图图5.4.4 选择选择“前景到背景的渐变前景到背景的渐变返回图图5.4.5 进行渐变样式的创建进行渐变样式的创建返回图图5.4.6 建立第一条渐变建立第一条渐变返回图图5. 4. 7 做好第一个框架做好第一个框架返回图图5. 4. 8 做好第二个框架做好第二个框架返回图图5.4.9 做好上框架做好上框架返回图图5. 4. 10 做好下框架做好下框架返回图图