Photoshop制作个性化按钮

1、第11章 综合实例图11-1 个性化按钮效果图实例1. 分别制作如图11-1所示的个性化按钮 涉及的知识点。定义图案、自定义形状、图案填充、椭圆选框工具、图层样式。操作步骤如下。（1）选择【文件】|【新建】命令，新建宽度为200px，高度为200px，背景色为【透明】，分辨率为72像素/英寸，RGB模式图像文档。（2）设置【前景色】为R60、G200、B240，单击【自定形状工具】 ，在【工具选项栏】中单击【填充像素】 按钮，在【形状】下拉列表中选中如图11-2所示的图案。图11-2 选择【形状】下拉列表中的图案 （3）选择【编辑】|【定义图案】命令，在弹出【图案名称】对话框中，输入自定义图案

2、的名称后,单击【确定】按钮确认，如图11-3所示。图11-3 【图案名称】对话框 （4）选择【文件】|【新建】命令，新建宽度为300px，高度为300px，背景色为【白色】，分辨率为72像素/英寸，RGB模式图像文档。（5）在【图层】调板中，新建【图层1】，单击【椭圆选框工具】，按住Shift键在工作窗口中绘制圆形选区，如图11-4左图所示。设置【前景色】为R0、G50、B100，按快捷键Alt+Delete对选区填充颜色，如图11-4右图所示。图11-4 绘制选区和填充颜色（6）选择【图层1】，单击【图层】调板底部【创建新的填充或调整图层】 按钮，在下拉菜单中选择【图案】命令，并在如图11-

3、5左图所示弹出的【图案填充】对话框中选择【图案1】，设置【缩放】为80%，单击【贴紧原点】按钮，图案效果如图11-5中图所示，单击【确定】按钮后自动生成的图层如图11-5右图所示。图11-5 图案填充示意图（7）创建【图层2】，设置前景色为白色，单击【自定形状工具】 ，在【工具选项栏】中单击【填充像素】 按钮，在【形状】下拉列表中选择图案。在图像工作窗口中创建如图11-6左图所示的图像。（8）在【图层】调板中选中【图层1】，选择【图层】|【图层样式】|【斜面与浮雕】命令，在【图层样式】对话窗口中设置【大小】为12像素，其他参数默认。单击【确定】按钮后图像效果如图11-6中图所示，图层调板如图1

4、1-6右图所示。图11-6 个性化按钮之一实例2. 制作如图11-15所示的装饰画。 图11-15 效果示意图涉及的知识点。渐变工具、缩放图像、贴入图像、设置参考线、选区的编辑、存储选区、载入选区、变换选区。操作步骤如下。（1）新建RGB模式文档，【宽度】为300px，【高度】为200px，【背景色】为白色，将其保存为“收获.psd”。（2）将【前景色】设置为#EAAB3E，【背景色】设置为白色，在工具箱中选择【渐变工具】 ，在【工具选项栏】设置【从前景到背景】的【线性渐变】，按住Shift键，从上到下拖动鼠标填充渐变色，如图11-16所示。图11-16 填充渐变色后的示意图（3）打开素材图像

5、02.jpg，选择【选择】|【全选】命令，或者按快捷键Ctrl+A，将图像中的像素全部选中，然后选择【编辑】|【拷贝】命令将图像中的像素拷贝（4）切换到“收获.psd”窗口，选择【编辑】|【粘贴】命令，将刚才拷贝的像素粘贴到文档中，形成一个新的图层。（5）选择【编辑】|【变换】|【缩放】命令，缩放图层中粘贴的图像，直到其铺满整个窗口，并在窗口中双击鼠标以确认。（6）选择【图层】|【图层样式】|【混合选项】命令，在弹出的【图层样式】对话框中设置【常规混合】下的【不透明度】为20，并单击【确定】关闭对话框。（7）背景的设置基本完成，现在来选取效果图中的扇形像素。选择【视图】|【新建参考线】命令，在

6、【新建参考线】对话框中分别设置【垂直】为4.5厘米，【水平】为3.5厘米的参考线，绘制交叉的参考线。 （8）单击【椭圆选框工具】，在工具选项栏中设置【样式】为【固定大小】，【宽度】和【高度】为150px，单击画面，能以参考线的交点为中心画出相应大小的正园选区，图像和【图层】调板如图11-18所示。图11-18 建立椭圆选区（9）单击【矩形选框工具】 ，在工具选项栏中单击【与选区交叉】按钮，如图11-19左图所示，最终得到一个如图11-19右图所示的90度扇形选区。（10）选择【选择】|【存储选区】命令，在弹出的【存储选区】对话框中，将扇形选区命名为“扇区”来保存。图11-19 创建扇形选区 （

7、11）打开图片04.jpg，按快捷键Ctrl+A将图片中的像素全部选中，然后按快捷键Ctrl+C复制像素。切换到“收获.psd”窗口，移动选区到合适的位置，选择【编辑】|【贴入】命令，将所复制的像素粘贴到扇形选区中，如图11-20左图所示。图11-20 贴入图像示意图（13） 参照步骤（11）、（12），继续载入保存的选区，变换选区，然后依次把图像“01.jpg”、“02.jpg”、“03.jpg”中的像素复制、粘贴入到当前图像文档中，可以得到如图11-20右图所示的效果。（14）单击【图层】调板底部【新建图层】按钮，新建一个图层。在工具箱中选择【单行选框工具】，绘制一像素选区，然后选择【选择

8、】|【修改】|【扩展】，在弹出的对话框中设置参数为3像素，得到如图11-21左上图所示的效果，【图层】调板如图11-21右图所示。图11-21 添加选区和【图层】调板（15） 设置【前景色】为815500，按快捷键Alt+Delete，给选区填充前景色。（16）单击【矩形选框工具】，在工具选项栏中单击【从选区中减去】按钮，然后绘制2个如图11-21左下图所示的矩形选区。在工具选项栏中分别设置2个选区的【样式】为【固定大小】，【宽度】为110px、76px，【高度】为95px、64px。按快捷键Alt+Delete，给选区填充前景色。按快捷键Ctrl+D取消选区，如图11-22左图所示。（17）

9、 在工具箱中选择【单列选框工具】，绘制如图11-22中图所示的选区，再次【扩展】该选区。然后选择【矩形选框工具】，在工具选项栏中单击【从选区中减去】按钮，在图像右下方中绘制矩形选区，减去右下方的选区，最后的效果如图11-22右图所示。然后按快捷键Alt+Delete给选区填充前景色。图11-22 添加选区示意图（18） 参照步骤（17）绘制选区，并填充前景色，效果如图11-23左图所示。（19） 在工具箱中选择【横排文字工具】，在工具选项栏中设置【字体】为“华文行楷”，【大小】为36点，【颜色】为#804909，输入文字“丰收”。选择【图层】|【图层样式】|【投影】命令，添加文字阴影，最后的效

10、果如图11-23右图所示。图11-23 选区填充颜色和添加文字实例5.利用专色通道制作合成效果的图像，图像最终效果如图11-38所示。涉及的知识点。图像翻转、专色通道、渐变工具、图层蒙版。操作步骤如下。（1）打开素材图像文件“脸庞.jpg”，选择【图像】|【图像旋转】|【水平翻转画布】命令将图像水平翻转。（2）选择【图像】|【画布大小】命令，在弹出【画布大小】的对话框并中设置如图11-39左图所示参数，单击【确定】按钮确认，将图像左边的空白区域增大如图11-39右图所示。图11-38 合成图像的效果图图11-39【画布大小】对话框与调整画布后的图像（3）在“脸庞.jpg”的【通道】调板上，单击

11、右上角的菜单按扭 ，在弹出菜单中选择【新建专色通道】命令，【通道】调板上就增加了一个【专色1】的通道，如图11-40左图所示。再在如图11-40右图所示的【新建专色通道】对话框中设置颜色为“#619ff4”，单击【确定】按钮，这样在“脸庞.jpg”上就新建了一个专色通道。图11-40 新建专色通道（4）打开如图11-41左图所示素材图像文件“桥.jpg”，在【图层】调板中双击【背景层】，在弹出的【新建图层】对话框中单击【确定】按钮，可将【背景层】转换成可编辑的【图层0】。（5）单击【图层】调板底部的【添加图层蒙版】 按钮 ，在工具箱中选择【渐变工具】 按钮 ，设置【前景色】为白色，【背景色】为

12、黑色，然后从图像左边向右边拖曳出鼠标，得到的效果如图8-41中图所示。（6）单击【图层】调板右上角的菜单按扭 ，在弹出菜单中选择【拼合图像】命令，将蒙版与图像拼合，效果如图8-41右图所示。至此，对“桥.jpg”的处理基本完成。图11-41 用蒙版处理图像的前、后效果（7）按快捷键Ctrl+A选中“桥.jpg”的所有像素，再按快捷键Ctrl+C将其复制到剪贴板中。切换到图像“脸庞.jpg”，并确认当前通道为刚才创建的【专色通道1】，按快捷键Ctrl+V将剪贴板中的图像粘贴入其中，效果如图11-42左图所示。（8）选择【编辑】|【自由变换】命令，或按快捷键Ctrl+T，将图像调整并移动到合适的位

13、置，最终效果如图11-42右图所示。图11-42 “桥.jpg”的图像粘贴入“脸庞.jpg”的专色通道中实例6. 不用任何素材，利用各种滤镜效果制作小火球涉及的知识点。纹理滤镜、像素化滤镜、风格化滤镜、扭曲滤镜、模糊滤镜等。操作步骤如下。（1）选择【文件】|【新建】命令，新建RGB模式文档，【宽度】和【高度】为300像素，【分辨率】为72像素，【背景色】为黑色。（2）设置前景色为白色，单击【椭圆工具】按钮，并按下Shift键，在画布偏右位置画一个圆。（3）选择【滤镜】|【纹理】|【龟裂缝】，弹出【龟裂缝】对话框，设置参数和预览效果如图11-43所示。图11-43 【龟裂缝】对话框（4）选择【滤镜】|【像素化】|【晶格化】命令，弹出【晶格化】对话框，设置与效果如图11-44所示。（5）两次选择【滤镜】|【风格化】|【风】命令，效果如图11-45左图所示。（6）选择【图像】|【旋转画布】|【90度（顺时针）】命令，将画布顺时针旋转，效果如图11-45右图所示。（7）选择【滤镜】|【扭曲】|【水波】命令，弹出【水波】对话框，设置参数如图11-46左图所示，效果如图11-46右图所示。图11-44【晶格化】后的效果图11-45作用滤镜【风】后效果图图11-46作用滤镜【水波】的效果（8）选择【滤镜】|【模糊