ps高级考证第七单元.docx

ps高级考证第七单元.docx

《ps高级考证第七单元.docx》由会员分享，可在线阅读，更多相关《ps高级考证第七单元.docx（26页珍藏版）》请在冰豆网上搜索。

ps高级考证第七单元

第七单元

Xps7-02

1单击菜单“File>New...”新建一个图象文档，设置背景色为白色。

　　2、单击菜单“Window>ShowLayers”调出图层面板，在图层面板下面单击新建按钮

，新建一个新图层Layer1。

　　3、在工具箱中选择矩形选框工具

，按下shift键在Layer1中画出一个小的正方形。

　　4、按“d”键，然后再按“x”键设置前背景为白色，背景色为黑色。

　　5、在工具箱中选择渐变工具

。

按下SHIFT键，从左上方到右下方拉出一条直线，使之产生渐变效果，如图。

　　6、单击菜单“Select>Modify>Contract”进行收缩，在弹出的对话框中输入5象素，然后按OK。

单击菜单“Select/Feather”命令，在对话框中输入1，点击OK按钮，进行羽化。

　　7、再此选择渐变工具，第5步骤一样进行填充，这次由右下方开始，拉动到左上方。

按Ctrl+D键取消选区，，如图。

　　8、接下来我们要填充按钮的颜色。

单击菜单“Image>Adjust>Hue/Saturation”，在Colorize前面打上小钩。

拉动saturation的小滑块使值变为70。

移动到最顶的Hue寻找自己喜欢的颜色，按下图的设置就是本例子红色按钮的设置（本例子中蓝色按钮的设置为：

Hue:

229,Saturation:

224,Lightness:

-8）。

单击“ok”按钮即可。

　　9、此时的方形按钮基本制作完成，如图。

　　10、最后为图象增加阴影效果。

单击图层面板，用右键单击Layer1，选择Effects，在对话框中设置如下，来设置其阴影效果，最后点击“ok”按钮即可，制作完成。

Xps7-03

　　1.新建一个以白色为背景的650*50pixels的文件。

新建一个图层命名为layer1，用RectangularMarqueeTool（矩形选区工具）做出一个选区，并填充你喜欢的颜色。

　　2.现在点击图层调板最底下的按钮

为图层添加一些样式。

　　首先添加GradientOverlay样式，先下载渐变文件。

单击选项栏渐变样式色条，会弹出渐变样式编辑框，点击Load按钮将刚下载的渐变文件载入。

GradientOverlay的具体设置如图所示。

　　接着添加Stroke样式，参数如下：

Size:

1pixel；BlendMode:

Normail；Position:

Outside；Opacity:

100%；Color:

Black。

　　最后还要添加DropShadow样式，具体设置如图所示。

　　复制图层，将复制后的图层命名为layer2并移动到layer1下，然后隐藏刚刚复制的图层layer2。

　　3.现在要对按钮进行精雕细琢了。

用RectangularMarqueeTool（矩形选区工具）把图层layer1做成例三的样子。

把标尺和网格调出来，你会事半功倍。

4.将layer1的layermode改为Softlight模式，然后我们用SingelRowMarqueeTool（单行选框工具）做出黑白两小条横线，做出内陷的明暗效果模拟按钮之间的齿轮。

　　选中layer2依次操作Edit-Transform-Scale-Height56%，最后将整个layer2图层向下移动一个象素。

layer2的作用就是做出buttonbar上的那个中轴。

　　5.下面我们就来添加文字，我的设置如下：

　　font字体：

SFIntellivised；color颜色：

#D8D7E1

　　Layermode:

Overlay；Layerstyle：

InnerGlow；color:

#FFA520；具体设置如图所示：

　　Layerstyle:

Stroke，参数如下：

Size:

1pixel；BlendMode:

Normail-；Position:

Outside；Opacity:

100%；Color:

Black。

　7.现在大部分工具已经已经完成，大家可以举一反三，继续做完剩余的部分。

Xps7-07

在Photoshop5.5（或更高版本）中建立新文件，80x80大小，RGB模式Contents设为Transparent（透明），layer1填充为白色，上加一层，建立50x50的圆形，放在页面正中心，前景设为#99CCFF，背景设为#006699，从圆形左上角到右下角，作圆形辐射渐变效果。

图01

　　再上加一层，建立44x44大的圆形，放置于正中心，从此圆形的右下角到左上角作圆形辐射渐变效果，即如图02结果。

图02

　　再上加一层，建立42x42大的圆形，放置于正中心，这时设前景色为#99CCFF，背景色为#003366，从此圆形的右下角到左上角作圆形辐射渐变效果，即如图03结果。

图03

　　再上加一层，建立10x6大的椭圆，填充前景色，即如图04结果。

图04

　　选择Edit/Transfrom/Numeric...，出现对话面板，设Rotate为Angle：

-30，点ok。

选择Select/LoadSelection，将此层隐去（点layer面板上此层的眼睛图标即可），上加一层，选择Select/Feather...，出现对话面板，设置1Pixels，最后填充前景色。

图05

　　输入一个字号不太大的文字，如图06，放置正中心，选择Select/LoadSelection，上加一层，选择Select/Feather...，出现对话面板，设置1Pixels，填充黑色，然后将此层拉到文本层的下面，本层的Opatict（透明度）设为40%，移动此阴影至满意位置，如图，最后，给整个按钮加上较淡的阴影即告结束。

图06

Xps7-08

1.建RGB文件，新建一层，做一圆球（可参照前面实

  例），用圆形选取工具做一合适大小的正圆选区。

 （有人一定要问为什么不直接缩小选区呢？

因为不知

  是什么原因,缩小后的选区不是个圆滑的正圆，若您

  的机子可以的话，直接缩小选区也可。

）

2.Edit---Transform--Rotate180o，让选区旋转

   180度，呈现按钮效果。

如图

3.Select--Modify--Contract，缩小选区5个象素，

  按D键，X键设前景色为白色，背景色为黑色。

点圆

  形渐变工具RadialGradient，在Option面板中选

 “从前景色到背景色”，按图示箭头方向做渐变。

4.再新建一图层，把背景色设为蓝色（R：

49，G：

  11，B：

245），也可变为其他颜色，将有不同的效

 果。

点圆形渐变工具RadialGradient，在Option

 面板中选“从前景色到背景色”，按上图示箭头方向

 做渐变。

5.设置图层的混合模式为：

Multiply。

  回到按钮图层，按CTRL+SHIFT+I反转选区。

如图。

6.用Image--Adjust--Hue/Saturation，

  点上Colorize给外围部分上色， 

  最后添加阴影，到此全部完成。

如图

Xps7-09

1新建一个500X500图象，背景色设为黑色。

拖动水平与垂直辅助线到文件的中间。

（按Ctrl+R　使文件窗口显示标尺）选择EllipticalMarquee工具，按SHIFT+ALT键的同理拖动鼠标，在文件中间画一个圆形选区。

新建一层

命名为chromebase.

2起动KPT5ShapeShifter,应用janspeedchrome，并使用COOLKITCHEN来设置图象。

3点

创造一个新层，命名为reflectivesphere。

在中间按SHIFT+ALT键再画一个比之前小的圆形选区。

4再次运行KPT5ShapeShifter应用janspeedsphere效果。

记住保留选区。

5在reflectivesphere层下面新建一层，命名为sphereshadow。

设置SELECT>MODIFY>EXPAND,将选区扩大2pixels，并填充上白色。

按Ctrl+D取消选区。

应用高斯模糊：

GoFILTER>BLUR>GAUSSIANBLUR，Radius1.5pixels.

6在Sphereshadow层上面，ReflectiveSphere层下面新建一层。

按住Ctrl点击ReflectiveSphere层，获得些层选区。

将选区扩展1pixel：

MODIFY>EXPAND。

填上黑色。

取消选区，应用高斯模糊：

FILTER>BLUR>GAUSSIANBLUR.Radius1pixel.

7选中sphereshadow层，按键盘上的键，向下移动1pixel，向右移动　1pixeltotheright。

效果完成！

1新建一个400X400背景色为黑色的文件。

按上个例子的方法在中间划好一个圆形选区。

点击按钮

新建一层，命名为chromebase。

2选择命令：

Filter>EyeCandy4000>Chrome，应用janspeed4bevelpreset。

设置如下：

　　Environmentmap:

Porch,

　　BevelWidth:

1.00,

　　BevelHeight:

97,

　　Smoothness:

50,

　　RippleThickness:

56,

　　RippleWidth:

2.46,

　　BevelPlacement:

InsideMarqueeand

　　RandomSeed:

550.

3选择命令：

IMAGE>ADJUST>HUE/SATURATION:

　　设置：

HUE:

190,SATURATION:

5,LIGHTNESS:

0.

4注意到光影效果方面不大对，现在来调整一下：

EDIT>FREETRANSFORM，使它向左边稍稍旋转。

5新建一层命名为reflectivesphere。

在中间位置，按住SHIFT+ALT键，在中间划另一个圆圈，记得要比原来的小。

6运行KPT5ShapeShifter并应用janspeedspherecustompreset点击OK.记住要保留选区。

7在reflectivesphere下面新建一层。

命名为sphereshadow。

选择命令：

SELECT>MODIFY>EXPAND设置扩展为2pixels并填充上白色。

按Ctrl+D删除选区。

选择命令：

FILTER>BLUR>GAUSSIANBLUR.设置Radius1.5pixels.

8在Sphereshadow层上面，ReflectiveSphere层下面新建一层。

命名为blacksphereshadow。

按住Ctrl键并点击ReflectiveSphere层，获得此层的选区。

选择命令：

MODIFY>EXPAND设置扩展1pixel并填充上黑色。

删除选区（Ctrl+D），运行命令：

FILTER>BLUR>GAUSSIANBLUR，设置Radius1pixel。

9点击thesphereshadow层，使其处于当前编辑状态，向下向右各移动1pixel。

效果完成。

1新建一个400X400背景色为黑色的文件。

用鼠标拉出两条辅助线，一条垂直，一条水平。

选择EllipticalMarquee工具，在中间按住SHIFT+ALT键，拖动鼠标，画出一个圆形选区。

2填充白色。

按上面的方法再画一个圆形选区，大小比上一步的小。

按“delete”键删除选区内的白色，做成一个圆环。

按住Ctrl键点击第二层。

3去到通道（channel）面板，新建一个通道（Alpah1），填充上白色。

复制Alpha1通道，按Ctrl+D删除选区。

4添加高斯模糊：

FILTER>BLUR>GAUSSIANBLUR.Radius:

5pixels。

5按住Ctrl点击通道Alpha1获得选区，在通道Alpha2中反选SELECT>INVERSE同时填充上黑色。

在通道Alpha2上全选，选择EDIT>COPY并粘贴到一个新窗口，命名为CHROMEBASE，保存成“psd”格式文件，关闭它。

6返回层面板，点击任意一层，使其处于编辑状态。

打开一张图片作为镜像图片。

目的是为了在制成的按钮中做一个球面的镜像。

7把打开的图片copy到编辑的文件中：

按快捷键Ctrl+A全选图片，EDIT>COPY并粘贴到编辑文件的新一层上（Layer3）。

如果打开的图片比编辑的文件小，小于400X400,使用FREETRANSFORM工具伸展它。

全选（Ctrl+A）并IMAGE>CROP。

8点击Layer3,应用滤镜：

FILTER>DISTORT>GLASS。

导入之前保存好的材质文件，使用下面的设置：

DISTORTION:

18,SMOOTHNESS:

15,SCALING:

100%按OK确定。

9在当前工作层layer3中按住Ctrl点击layer2来获得圆环的原始选区。

选择命令：

SELECT>INVERSE接着按ELETE键删除无用的部分。

在IMAGES/BRIGHTNESS/CONTRAST和HUE/SATURATION中调节颜色。

将前面教程中制作的反射镜效果放置于铬环中间。

Xps7-11

　　这是Photoshop6.0最了不起的一项增强功能了，至少我是这么认为。

LayerStyle，这个由十个控制项组成的独立控制界面，几乎包括了平面图形立体化过程中经常涉及到的各个方面，例如：

立体化、阴影、外边发光、内边发光、纹理混合、边缘纹理、过渡色混合以及灯光纹理等。

所以，这是你必须下功夫研究的一组强大功能集合。

　　LayerStyle控制界面可以用点击Layer>LayerStyle>BlendingOptions的方法得到。

不过更简单的方法是在Layers控制版中直接双击要加工的图层名。

　　在打开的界面中，十个控制项（以下称其为子项）都以复选框方式排列在最左侧。

你可以随时开关它们，并且，使用过LayerStyle的图层，在Layers控制版上都标明了你所选用了的子项，双击图层上的LayerStyle标记或图层名，可以随时再次打开它继续修改，我感觉它有些象3DMAX里的编辑修改器堆栈。

这种允许你随时继续修改的方式大大提高了工作效率。

　　用LayerStyle完全可以作出相当柔美的玻璃按钮，不过，它也有个不好解决的缺陷，从我作的样例中可以看出，椭圆的边缘以外,总有一圈柔和的光环，这是由BevelandEmboss子项产生的。

如果一定要去除它，可以在控制界面的Style弹出选项中选择InnerBevel。

　　但效果远不如我选择的PillowEmboss选项好。

比较好的补救办法是将物件放到有同样形状镂空的图层下面，让它透过镂空部分被看到，这样，多出边缘的部分将被遮挡住。

　　或者，可以事先保存物件的轮廓选择域，而后调出选择域并反选，将玻璃物轮廓以外部分删除。

这样做之前，需要先将应用过LayerStyle的图层与一个空层合并以取消图层中对编辑效果的纪录状态。

在BevelandEmboss子项中，Style选项为PillowEmboss，它的效果比较丰富。

我将Size调得很大，这就造成了轮廓边缘以外的部分透明光环，但轮廓内部的光线变化也变得柔和了。

　　注意我同时选中了Contour子项，这是必需的，它使边缘的立体效果更加富于变化。

如果取消Contour子项，椭圆按钮的高光将变得黯淡。

我将Depth调到41%，数值过高，会使按钮的高光部分非常明亮，因为考虑到后面其它子项还会使按钮增加亮度，所以现在不易将高光调到满意的程度，应该稍微欠缺些。

　　注意到我在BevelandEmboss界面中选择的曲线了吗？

通常，增加立体边变化的方法是选择较平和的对角曲线，甚至对角直线，然后在Contour子项内选择较多峰值的多变化曲线，这样，原来平和的立体边上，将再次被赋予更多的起伏变化，而且效果清晰。

　　但现在我希望变化柔和，所以，我在BevelandEmboss中选择多一些变化的曲线，而用较大的Size和Soften值使其柔和。

然后在Contour中用一个峰值的缓和曲线加强立体边缘的圆弧感。

　　接着，用InnerGlow子项，即边缘内部发光效果，来增强按钮边缘的色调变化。

　　混合模式选择ColorDodge，它将黄色影响到原来的按钮上，按钮的边缘内部出现了一圈亮光。

并且椭圆的右下角窄圆弧边的一条细亮线更明显了，玻璃物件的折射边缘往往有这样的效果，所以这正是我需要的。

由于按钮的高光区过于明亮，且缺少变化，我将用内部阴影效果降低高光区的亮度，并同时使按钮的色彩再多些变化。

　　应用InnerShadow后，效果有了明显的改善，原来明亮而缺乏内容的生硬高光有了更多的变化，更关键的是左上方加上了绿色高光色。

我选择了较暗的墨绿色，用Multiply模式混合，由于光线的角度及Distance的调整，颜色混合并未影响按钮右下方，但整个光照度有所降低。

　　ColorOverlay将给整个按钮上色，目的是加重按钮的色彩饱和度。

　　（这一步看上去似乎无足轻重，而实际上很重要。

尤其时当你设计的作品是用来印刷时，过于单调的色彩，尤其是高光部分几乎为白色的部分，在印刷品上看很不自然。

更何况，当RGB图像转换成CMYK格式时，较鲜艳的色彩还将损失一部分）。

所以对于ColorOverlay子项，建议尽量尝试它所能产生的效果。

　　在数字美术作品的创作过程中，经常会遇到这样看似无意义的步骤，而实际上并非如此，三到五个这样的操作，将使作品的质量得到相当的完善。

而这些往往被初学者忽略，因为他们更感兴趣于变化明显的操作。

这一步的变化也不明显，我之所以要选择GradientOverlay子项，目的有两个，第一是因为前一步的结果，鲜艳的青色还较多，如果这个按钮是用于网页的，那就没必要再作这一步，但对于印刷来说，较亮的青色是几乎印不出来的。

　　你在书上看到的效果实际上已经比当时的屏幕效果黯淡了不少。

当图像转换为CMYK格式时，过于鲜亮的青色会被自动替换，结果往往得到更灰暗的色调。

第二个目的，我想加深按钮中间部分的蓝色，因为我不想让呆会儿的透明纹理过亮。

　　这是最后一步，为按钮加上纹理填充。

一开始，我就给图像底层作了纹理填充，无缝贴图是我在前面讲解LayerStyler各子项功能时，为当时的例子制作的，关于无缝贴图的做法，前面也有例子。

现在我用同一个贴图为按钮加上纹理。

　　因为透明度调得很低，只有19%，隐约的填充使纹理好像是从按钮背后透过来的。

Xps7-13

白色玻璃按钮

第一步：

新建一文档，使用矩形选择工具拉出一个矩形选择；执行Select-Modify-Smooth,设置值为10Pix,

第二步：

新建一个层.使用渐层工具.设置前景色RGB（204,204,204）,背景色为白.然后用从上往下拉,产生渐变效果.

第三步：

执行Layer-Effects-OuterGlow各个值如左图设置

第四步：

执行Layer-Effects-BevelandEmboss各值也和图中同样设置

第五步：

效果如左图：

第六步：

用矩形选取工具，按着Alt键减掉大部分选区，如左图，新建一图层，

第七步：

转换前景和背景色（点击那个双箭头），然后选择线性渐变工具。

按住Shift键，从上往下拉到选区外的一点就够了，选择Edit-FreeTransform在它的工作面板中将Width项设为90%.效果看上有点硬，做一下模糊：

Filter-Blue-GaussianBlue,将模糊值设为1。

第八步：

加上文字，然后用图层效果给字加点阴影，让它看起来更像透明的，完成。

Xps7-20

使用Photoshop和ImageReady，你可以为你的网页动画添加多变的效果。

在这篇教程中，你将学习如何使一个物体在屏幕上移动时改变颜色。

先来看看效果。

（图main）

　　1.建立调整图层

　　打开Photoshop，把你想使之运动的物体放置在透明背景的中心。

（当使用文字时，在应用调整图层之前需先将文字层栅格化）

　　在图层菜单中，选择新建一个调整层，其内容为色相/饱和度。

　　在色相/饱和度对话框中，首先确定打开预览；然后分别拖动色相、饱和度和明度滑块来改变物体颜色，满意后点击确认。

（图step01）

　　2.在Photoshop工具箱里，点击“跳转到ImageReady”按钮，用ImageReady打开文件

　　存储文档，选择文件名称和存储路径。

提示：

虽然调整图层只能在Photoshop中使用，但当你用ImageReady打开图像时，它仍然可以被保留。

（图step02）

　　3.创建动画的第一帧

　　在ImageReady的图层面板中，选择图层1（包含图像的一层），选择移动工具，在图像窗口拖动这一层到动画的起始位置。

注意，动画面板第一帧的图像位置也跟着改变。

（图step03）

　　4.创建动画的最后一帧

　　在动画面板中，点击新建帧按钮，在动画面板中选择第二帧，而在图层面板中选择图层1。

在图像窗口，用移动工具把图层1拖至动画的终点位置。

可以看到，动画面板第二帧的图像位置改变了。

（图step04）

　　5.在动画的最后一帧中改变物体颜色

　　在第二帧被选择的情况下，选择色相/饱和度调整层，把图层不透明度改为1％。

　　现在，第一帧的层不透明度为100％，第二帧的不透明度为1％，两帧之间不透明度的差异会造成物体颜色的改变。

（图step05）

　　6.创建动画的中间帧

　　在动画面板中，选择“动画帧过渡”，在参数栏中，确定位置、不透明度、效果均被选择，然后在“添加帧”中输入要增加的帧的数量。

　　点击动画面板上的播放键，预览动画，在观看之后，你可以添加，删除或是修改帧，如果需要，可以设置重放选项。

（图step06）

　　7.从动画面板中选择优化动画

　　点击动画面板最右端的黑色小三角，从弹出菜单中选择“优化动画”，在优化动画对话框中，选择“定界框”和“删除冗余像素”，然后选择自动重建选项，保留帧不透明度。

　　在优化面板中，从“优化的文件格式”菜单中选择GIF，然后选择其它选项来优化图像在Web上的显示。

　　选择文件>将优化文件存储为，存储图像。

（图step07）

第七题

【操作要求】

用选区和滤镜等操作制作玻璃按钮效果，如图Xps7-04所示。

1）素材背景：

制作一个红色填充圆形。

2）编辑变换：

制作如图7-04a所示选区，对选区进行羽化和混合黄色；相同的方法如图7-04b所示，对上部进行亮化处理。

3）效