《计算机辅助设计PHOTOSHOP》课件第04章

Photoshop平面设计实例4.1Photoshop图像处理Photoshop平面设计实例Photoshop平面设计实例Photoshop平面设计实例4.1.1撕裂的照片操作要点：●

图层控制面板与通道控制面板之间的转换●

将灰度模式转换为RGB模式●

建立与调用通道●

填充前景色彩●

晶格化滤镜的应用●

复制图层●

旋转选区Photoshop平面设计实例撕裂的照片

Photoshop平面设计实例Step01:打开通道控制面板运行Photoshop，并打开光盘中“第四章练习”文件夹中“撕裂的照片”文件。在图层控制面板中点击通道，调出通道控制面板。也可选择菜单栏【窗口】/【通道】调出通道控制面板。此时在在面板中中显示图像为灰色模式。如图所示。Photoshop平面设计实例Step02:将灰度图像转化为RGB模式图像选择菜单【图像】/【模式】/【RGB颜色】，将图像转化为RGB模式，此时从图像显示上看不出什么变化，但通道发生了改变。单击通道控制面板中新建按钮，新建一个通道。如图所示。Photoshop平面设计实例建立新的通道后，图像效果如图所示。

Photoshop平面设计实例Step03:选择不规则选区并填充

使用工具箱中自由套索工具，将自由套锁工具选项栏设置入土4.8所示。在新建的通道中勾勒一个封闭的图形，并将前景色设置为白色（RGB值为：255、255、255），使用工具箱中油漆桶工具，在选取范围中单击鼠标，将其填充为白色如图所示。

Photoshop平面设计实例Step04:晶格化选区选择菜单【滤镜】/【像素化】/【晶格化】，参数调整如图所示单元格大小设置为30。效果如图所示，晶格化以后选区发生了明显的改变。Photoshop平面设计实例Step05:复制背景层用鼠标单击通道面板上的“RGB”通道，然后返回图层面板。将背景层用鼠标拖到新建图层按钮上，创建背景副本层。如图所示。

Photoshop平面设计实例Step06:填充选区单击图层控制面板中背景层，将背景层作为当前操作层，按下ctrl+A键全选图层范围，并按下Alt+Delete键，将选取范围填充为白色。Step07:设置图层投影样式在背景副本层中点击鼠标右键，选择混合选项命令，双击混合选项对话框左侧的投影选项，然后进行如图所示的参数设置，完成后按“好”按钮退出。

Photoshop平面设计实例图层投影效果设置

Photoshop平面设计实例Step08:.载入通道选择【选择】/【载入选区】”，如图所示对话框，在弹出的对话框中，将通道选择为“Alpha1”，然后按下“好”退出。“Alpha1”即为刚才建立的通道。Photoshop平面设计实例Step08:旋转选区使用【选择】/【变换选区】或按下“Ctrl+T”，使用鼠标对选区进行

“旋转”操作.Photoshop平面设计实例4.1.2美女图像艺术化处理操作要点：●

通道混合器的运用●

亮度/对比度的调整●

背景层改换为普通层●

颗粒滤镜的使用●

渐变工具的使用●

图层蒙板的应用Photoshop平面设计实例Photoshop平面设计实例Step01:执行通道混合器命令运行Photoshop，并打开光盘“第四章练习”文件夹中“美女图片艺术化处理”文件。选择菜单【图像】/【调整】/【通道混合器】，弹出对话框如图所示。Photoshop平面设计实例Step02:使用通道混合器对图像进行调整分别改换通道混合器对话框中输出通道，将红、绿、蓝通道设置分别改换为如图所示参数。其中，输出通道为绿色时，将源通道绿色参数改为30%，输出通道为红色时，将源通道红色参数改为20%，输出通道为蓝色时，将源通道蓝色参数改为30%Photoshop平面设计实例效果如图

Photoshop平面设计实例Step03:

加大图像的亮度和对比度。选择菜单【图像】/【调整】/【亮度/对比度】，将图像亮度参数设置为+30，对比度参数设置为+36，并确认设置，对话框设置及图像效果如图所示。Photoshop平面设计实例Step04:将背景层改为一般图层

在图层控制面板中双击背景图层，弹出对话框，如图所示，点击“好”按钮，将锁定的背景图层改为一般图层。Photoshop平面设计实例Step05:执行颗粒滤镜为图像添加杂点选择【滤镜】/【纹理】/【颗粒】，弹出对话框，作如图所示设置。为图像添加杂点。Photoshop平面设计实例Step05:添加蒙板并设置渐变方式点击图层调板下部的添加图层蒙板图标，为图层添加蒙板。并选择工具箱中渐变工具，将渐变工具选项栏设置为如图所示状况。渐变颜色为黑色至白色，渐变形式为线性渐变。

渐变工具选项栏设置

Photoshop平面设计实例Step06:执行渐变图层控制面板情况及设置蒙板渐变后效果

Photoshop平面设计实例Step07:新建图层并设置前、背景色

Photoshop平面设计实例Step08:改变渐变方式Photoshop平面设计实例Step09:执行渐变完成制作Photoshop平面设计实例4.1.3不同图像的组合操作要点：●

变换命令的应用●

快速图层蒙板的应用●

渐变工具的使用首先看看处理前后对比效果，如图所示。操作过程如下：Photoshop平面设计实例Photoshop平面设计实例Step01:打开操作图像分别打开“第四章练习”

“图片组合1”、“图片组合2”文件、“图片组合3”文件。并分别将图中图a和图c所示图像中的背景图层转化为普通图层，这样背景成为透明的了。Photoshop平面设计实例Step02：插入图像Photoshop平面设计实例Step03：调整图像大小与位置Photoshop平面设计实例Step04：执行快速蒙板并设置渐变Step05：执行渐变使用渐变工具用鼠标在图像上由下至上作出渐变

Photoshop平面设计实例渐变设置

Photoshop平面设计实例移除快速蒙板图

执行删除后效果

Photoshop平面设计实例Step07：改变渐变方式采用同样的方法对图层2进行step04和step05所示操作，渐变颜色为黑色到白色渐变，所不同的是，在图层2中使用渐变工具时，渐变工具选项栏设置如图所示，但渐变方式改为了径向渐变。设置为径向渐变

Photoshop平面设计实例Step08：移除快速蒙板

Photoshop平面设计实例Step09：删除图像完成制作Photoshop平面设计实例4.1.4钢笔淡彩效果制作操作要点：●

复制背景图层●

调整亮度/对比度、色相/饱和度●

特殊模糊滤镜的应用●

消褪命令的应用●

水彩滤镜的应用●

图层混合模式的变换●

曲线命令的应用Photoshop平面设计实例Photoshop平面设计实例Step01：打开图像复制背景层

Photoshop平面设计实例Step02：提高图像亮度和对比度Photoshop平面设计实例Step03：增大图像饱和度Photoshop平面设计实例Photoshop平面设计实例Step04：执行特殊模糊滤镜Photoshop平面设计实例Step05：在再次复制背景层Photoshop平面设计实例Step06：执行特殊模糊滤镜Photoshop平面设计实例Step07：执行水彩滤镜Photoshop平面设计实例Step07：执行消褪命令

Photoshop平面设计实例Step08：改变图层混合模式Photoshop平面设计实例Photoshop平面设计实例Step08：使用曲线调整图像Photoshop平面设计实例4.2使用Photoshop“绘制”图像4.2.1使用Photoshop绘制立体圆球操作要点：●

椭圆选取命工具的应用●

选区羽化设置●

移动工具的应用●

径向渐变的应用

Photoshop平面设计实例Photoshop平面设计实例Step01：新建文件

新建文件

新建图层

Photoshop平面设计实例Step02：新建图层并建立选区点击图层控制面板上的新建图层按钮

新建图层，在背景图层之上。如图所示。使用工具箱中椭圆选框工具，按住shift键的同时使用椭圆选取工具，再图层1中建立正圆选区，并将其移动到合适的位置。Photoshop平面设计实例Step03：设置渐变颜色Photoshop平面设计实例Step04：设置径向渐变方式Step05：执行渐变效果Photoshop平面设计实例Step06：新建图层并调整图层位置Photoshop平面设计实例Step07：改变椭圆选取工具的设置Step08：绘制椭圆选区并填充制作阴影在图层2中绘制出一个椭圆选区，并调整到适当位置，将前景色设置为黑色，使用工具箱中油漆桶工具，对选区进行填充。

Photoshop平面设计实例Step08：调整阴影位置完成制作Photoshop平面设计实例4.2.2为鲜花增添露珠操作要点：●

椭圆选取工具的应用●

图层样式的应用●

复制图层●

喷枪的使用Photoshop平面设计实例Photoshop平面设计实例Step01：打开文件并放大图像打开光盘

“第四章练习”文件夹内“为鲜花增添露珠”文件。为方便操作，首先使用工具箱中放大镜工具，在保证放大镜工具选项栏中为放大状态的同时，使用鼠标在图像中点击，将图像放大

Photoshop平面设计实例Photoshop平面设计实例Step02：选择制作露珠的正圆选区选择工具箱中椭圆选框工具，按住

shift键的同时，在适当的位置选择一个正圆选区

Photoshop平面设计实例Step03：将选区中图像拷贝到新建图层中Photoshop平面设计实例Step04：多次球面化图层1图像Photoshop平面设计实例Step05：选择投影图层样式

单击图层控制面板下的添加图层样式按钮，在弹出的下拉菜单栏中选择投影选项，如图所示。

Photoshop平面设计实例Step06：设置图层投影样式

在弹出的图层样式对话框中作如图设置，并点击“好”按钮确定操作。Photoshop平面设计实例Step07：添加图层内阴影和内发光样式使用同样的方式为图层添加内阴影和内发光效果

Photoshop平面设计实例光源使用的是白色。效果如图所示

Photoshop平面设计实例Step08：设置喷枪工具使用工具箱中画笔工具，并在画笔工具选项栏中做如图4.75设置。此时注意，使用的是画笔中喷枪，也就是画笔硬度为0%。Photoshop平面设计实例Step09：新建图层用喷枪喷出高光效果喷高光效果

Photoshop平面设计实例Step10：新建图层并建立反光新建图层，再次使用椭圆选区工具，在露珠的下部选择合适的地方绘制另外一个正圆，并将前景色设置为白色，使用油漆桶工具将其填充为白色示。

Photoshop平面设计实例Step11：执行高斯模糊完成反光制作

Photoshop平面设计实例Step12：建立阴影效果Photoshop平面设计实例Step13：调整阴影位置完成制作Photoshop平面设计实例4.2.3绘制光盘操作要点：●

椭圆选取工具的应用●

渐变工具的应用●

描边命令

Photoshop平面设计实例Step01：新建文件Photoshop平面设计实例Step02：建立正圆选区

Photoshop平面设计实例Step03：设置渐变工具选项栏

Photoshop平面设计实例Step03：执行渐变Photoshop平面设计实例Step04：描边Photoshop平面设计实例Step05：缩小选区

Photoshop平面设计实例Step06：删除图像并填充颜色Photoshop平面设计实例Step07：描边

选择【编辑】/【描边】命令，弹出对话框

，将描边宽度设置为1像素，描边颜色设置为黑色，为光盘描上黑边，效果如图所示。

Photoshop平面设计实例Step08：再次缩小选区并删除选区内图像选择【选择】/【修改】/【缩小】，在弹出的对话框中设置收缩量为20像素，将选区缩小，并点击Delete键删除选区内图像，完成制作。选区收缩设置及完成制作效果如图所示。Photoshop平面设计实例4.2.3平面设计绘制操作要点：●

画笔的设置●

文字工具的应用Photoshop平面设计实例Step01：新建文件Photoshop平面设计实例Step02：将背景层填充为黑色

Photoshop平面设计实例Step03：设置画笔Photoshop平面设计实例Step04：使用画笔绘制转到画笔工具选项栏，改变画笔大小，并设置前景色RGB值分别设为（255、0、0），（75、75、159）、（255、242、98）、（221、85、159）。按住shift的同时，用画笔在图像中画出多条竖直线。选项栏设置及绘制效果如图所示。

Photoshop平面设计实例Photoshop平面设计实例Step05：输入文字Photoshop平面设计实例Step06：复制图层并移动文字Photoshop平面设计实例Step07：再次复制图层并移动文字Photoshop平面设计实例Step08：裁切文件完成制作

Photoshop平面设计实例4.3Photoshop滤镜在设计中的应用

4.3.1滤镜设计应用实例1操作要点：●

渐变工具的使用●

波浪滤镜的应用●

极坐标滤镜的应用●

反相命令●

铬黄渐变滤镜的应用●

图层混合模式的变换Photoshop平面设计实例Photoshop平面设计实例Step01:

新建文件Photoshop平面设计实例Step02:渐变工具设置Photoshop平面设计实例Step03:执行渐变Photoshop平面设计实例Step04:执行波浪滤镜Photoshop平面设计实例Photoshop平面设计实例Step05:执行极坐标滤镜Photoshop平面设计实例Step06:反相Photoshop平面设计实例Step07:执行铬黄渐变Photoshop平面设计实例Photoshop平面设计实例Step08:设置渐变颜色Photoshop平面设计实例Step09:设置径向渐变Step10:新建图层并更改图层混合模式

Photoshop平面设计实例Step11:执行渐变Photoshop平面设计实例4.3.2滤镜设计应用实例2操作要点：●

油漆桶工具的使用●

径向模糊滤镜的应用●

查找边缘滤镜的应用●

反相命令●

色相/饱和度命令●

图层混合模式的变换Photoshop平面设计实例Photoshop平面设计实例Step01:新建文件Photoshop平面设计实例Step02:绘制不规则选区Photoshop平面设计实例Step03:执行径向模糊滤镜Photoshop平面设计实例Step04:执行查找边缘滤镜Photoshop平面设计实例Step05:执行反相命令Photoshop平面设计实例Step06:为图像上色

Photoshop平面设计实例Step07:

复制图层并改变图层混合模式完成制作Photoshop平面设计实例4.3.3滤镜设计应用实例3操作要点：●

油漆桶工具的使用●

镜头光晕滤镜的应用●

波浪滤镜的应用●

铬黄滤镜的应用●

旋转扭曲滤镜的应用●

光照效果滤镜的应用

Photoshop平面设计实例Photoshop平面设计实例Step01:新建文件

Photoshop平面设计实例Step02:将背景图像填充为黑色Step03:执行镜头光晕命令Photoshop平面设计实例

Step04:执行画笔描边滤镜

Photoshop平面设计实例Step05:

执行波浪滤镜Photoshop平面设计实例Photoshop平面设计实例Step06:执行铬黄滤镜Photoshop平面设计实例Step07:

调整色彩平衡

Photoshop平面设计实例Step08:将背景层改为普通图层Photoshop平面设计实例Step09:

执行旋转扭曲滤镜Photoshop平面设计实例Step08:执行光照效果滤镜Photoshop平面设计实例Photoshop平面设计实例4.3.4滤镜平面设计实例4操作要点：●

渐变工具的使用●

波浪滤镜的应用●

水波滤镜的应用●

变化命令

Photoshop平面设计实例Photoshop平面设计实例Step01:新建文件

Photoshop平面设计实例Step02:新建图层Photoshop平面设计实例Step03:作渐变设置Step04:执行渐变Photoshop平面设计实例Step05:执行波浪滤镜

Photoshop平面设计实例Step06:执行极坐标滤镜

Photoshop平面设计实例Step07:反相Photoshop平面设计实例Step08:为图像上色

Photoshop平面设计实例Photoshop平面设计实例Step09:使用曲线工具对图像进行调整

Photoshop平面设计实例Step10:复制图层并执行水波滤镜

Photoshop平面设计实例Photoshop平面设计实例Step11:执行调整命令完成制作图像Photoshop平面设计实例Photoshop平面设计实例4.3.5滤镜设计应用实例5操作要点：●

分层云彩滤镜的应用●

镜头光晕滤镜的应用●

风滤镜的应用●

旋转画布●

自定义形状工具Photoshop平面设计实例Photoshop平面设计实例Step01:新建文件Photoshop平面设计实例Step02:执行多次分层云彩命令形成图像层次

Photoshop平面设计实例Step02:执行风滤镜Photoshop平面设计实例Step03:旋转画布Photoshop平面设计实例Step04:执行风滤镜Photoshop平面设计实例Step05:为图像上色Photoshop平面设计实例Photoshop平面设计实例Step06:设置形状工具Photoshop平面设计实例Step07:建立自定义形状Photoshop平面设计实例Step08:建立选区Photoshop平面设计实例Step09:设置图层样式Photoshop平面设计实例Step10:裁切图像Photoshop平面设计实例Step09:添加适当装饰完成制作Photoshop平面设计实例4.3.6滤镜设计应用实例6操作要点：●

镜头光晕滤镜的应用●

铜板雕刻滤镜的应用●

径向模糊滤镜的应用●

扭曲滤镜的应用

Photoshop平面设计实例Photoshop平面设计实例Step01:

新建文件Photoshop平面设计实例Step02:

多次执行镜头光晕滤镜

Photoshop平面设计实例Step03:

调整图像颜色Photoshop平面设计实例Step04:

执行铜板雕刻滤镜Photoshop平面设计实例Step05:

多次执行径向模糊滤镜Photoshop平面设计实例Step06:

为图像上色Photoshop平面设计实例Step07:

复制图层

Photoshop平面设计实例Step08:执行旋转扭曲滤镜Photoshop平面设计实例Step09:

再次复制并执行旋转扭曲滤镜Photoshop平面设计实例Photoshop平面设计实例4.4.1文字设计应用实例1操作要点：文字工具的使用；图层样式的应用；高斯模糊滤镜的应用

Photoshop平面设计实例Step01:新建文件选择【文件】/【新建】，建立新文件，并在弹出的对话框中做如图4.182参数设置。

Photoshop平面设计实例Step02:设置文字选项栏并输入文字

Photoshop平面设计实例Step03:为文字添加图层样式

Photoshop平面设计实例Step04:添加图层投影样式

Photoshop平面设计实例Step05:内阴影及外发光样式设置

Photoshop平面设计实例Step06:设置斜面浮雕及光泽图层样式

Photoshop平面设计实例Step07:添加颜色叠加样式

Photoshop平面设计实例Step08:加入背景画面完成图像制作

Photoshop平面设计实例4.4.2文字设计应用实例2操作要点：文字工具的使用；

图层样式的应用；

云彩滤镜的应用；极坐标滤镜的应用

Photoshop平面设计实例Step01：新建文件Photoshop平面设计实例Step02：新建图层

Photoshop平面设计实例Step03：执行云彩滤镜

Photoshop平面设计实例Step04:为图像上色

Photoshop平面设计实例Step05:增大图像对比度

Photoshop平面设计实例Step06:应用极坐标滤镜

Photoshop平面设计实例Step07:设置文字选项栏并在新建通道中输入文字

Photoshop平面设计实例Step08:建立文字选区

Photoshop平面设计实例Photoshop平面设计实例Step08:内发光图层样式设置

Photoshop平面设计实例Photoshop平面设计实例Step09：设置斜面和浮雕样式

Photoshop平面设计实例Step10：复制图层并去色Photoshop平面设计实例Step11:收缩选区

Photoshop平面设计实例Step12:反选并删除选区图像

Photoshop平面设计实例Step14:反选并添加图层样式

Photoshop平面设计实例Step15:改变部分图像颜色完成制作

Photoshop平面设计实例4.4.3文字设计应用实例3操作要点：

文字工具的使用;

渐变工具的应用;移动不同图层图像

Photoshop平面设计实例Step01:新建文件

Photoshop平面设计实例Step02:文字选项栏设置并输入文字

选择工具箱中【文字】工具，并对文字工具选项栏作如图4.217所示设置。其中将文字颜色设置为了绿色。在背景层上输入文字。

Photoshop平面设计实例Step03:调整文字位置

Photoshop平面设计实例Step04:复制文字图层2次

Photoshop平面设计实例Step04:栅格化文字

Photoshop平面设计实例Step05:执行操作弹出渐变编辑器对话框

Photoshop平面设计实例Step6:在跳出的渐变编辑器对话框中设置蓝绿相间的渐变效果，并单击编辑器中【好】按钮，完成设置.Photoshop平面设计实例Step07:选择文字区域

Photoshop平面设计实例Step08:执行渐变

Photoshop平面设计实例Step09:为副本2图层文字填充色彩

Photoshop平面设计实例Step10:调整副本2文字位置

Photoshop平面设计实例Step10:

应用高斯模糊滤镜

Photoshop平面设计实例Step11:应用高斯模糊滤镜

Photoshop平面设计实例Step11:适当添加装饰完成制作

Photoshop平面设计实例4.4.4文字设计实例4操作要点：

文字工具的使用；风滤镜的应用

Photoshop平面设计实例Step01:新建文件

Photoshop平面设计实例Step02:将图像填充为黑色

Photoshop平面设计实例Step03:设置文字工具选项栏

Photoshop平面设计实例Step04:输入文字

Photoshop平面设计实例Step03:栅格化文字

Photoshop平面设计实例Step04:存储文字选区

Photoshop平面设计实例Step05:执行高斯模糊

Photoshop平面设计实例Step06:合并图层

Photoshop平面设计实例Step07:执行曝光过度

Photoshop平面设计实例Step07:执行曲线命令

Photoshop平面设计实例Step08:执行风滤镜

Photoshop平面设计实例Step08:旋转图像执行风滤镜

Photoshop平面设计实例Step08:旋转图像

Photoshop平面设计实例Step09:为图像上色

Photoshop平面设计实例Photoshop平面设计实例4.4.5文字设计实例5操作要点：文字工具的使用;云彩等滤镜的应用

Photoshop平面设计实例Step01:新建文件

Photoshop平面设计实例Step02:执行云彩滤镜

Photoshop平面设计实例Step03:执行颗粒滤镜

Photoshop平面设计实例Step04:执行USM锐化Photoshop平面设计实例Step05:执行干画笔滤镜

Photoshop平面设计实例Step06:设置并输入文字

Photoshop平面设计实例Photoshop平面设计实例Step07: