《Photoshop制作个性化按钮》由会员分享，可在线阅读，更多相关《Photoshop制作个性化按钮（48页珍藏版）》请在金锄头文库上搜索。
1、第第11章章 综合实例综合实例图图11-1 11-1 个性化按钮效果图个性化按钮效果图实例实例1. 分别制作如图11-1所示的个性化按钮 l涉及的知识点。涉及的知识点。涉及的知识点。涉及的知识点。定义图案、自定义形状、图案填充、椭圆选框工具、定义图案、自定义形状、图案填充、椭圆选框工具、定义图案、自定义形状、图案填充、椭圆选框工具、定义图案、自定义形状、图案填充、椭圆选框工具、图层样式。图层样式。图层样式。图层样式。l操作步骤如下。操作步骤如下。操作步骤如下。操作步骤如下。（1 1）选择）选择）选择）选择【文件文件文件文件】| |【新建新建新建新建】命令，新建宽度为命令，新建宽度为命令，新建宽
2、度为命令，新建宽度为200px200px，高度为，高度为，高度为，高度为200px200px，背景色为，背景色为，背景色为，背景色为【透明透明透明透明】，分辨率，分辨率，分辨率，分辨率为为为为7272像素像素像素像素/ /英寸，英寸，英寸，英寸，RGBRGB模式图像文档。模式图像文档。模式图像文档。模式图像文档。（2 2）设置）设置）设置）设置【前景色前景色前景色前景色】为为为为R60R60、G200G200、B240B240，单击，单击，单击，单击【自定形状工具自定形状工具自定形状工具自定形状工具】 ，在，在，在，在【工具选项栏工具选项栏工具选项栏工具选项栏】中单击中单击中单击中单击【填充像
3、素填充像素填充像素填充像素】 按钮，在按钮，在按钮，在按钮，在【形状形状形状形状】下拉列表中选中如下拉列表中选中如下拉列表中选中如下拉列表中选中如图图图图11-211-2所示的图案。所示的图案。所示的图案。所示的图案。图图11-2 11-2 选择选择【形状形状】下拉列表中的图案下拉列表中的图案 （3 3）选择）选择【编辑编辑】| |【定义图案定义图案】命令，在弹出命令，在弹出【图图案名称案名称】对话框中，输入自定义图案的名称后对话框中，输入自定义图案的名称后, ,单击单击【确定确定】按钮确认，如图按钮确认，如图11-311-3所示。所示。图图11-3 11-3 【图案名称图案名称】对话框对话框
4、 （4 4）选择）选择【文件文件】| |【新建新建】命令，新建宽度为命令，新建宽度为300px300px，高度为，高度为300px300px，背景色为，背景色为【白色白色】，分辨率为，分辨率为7272像素像素/ /英寸，英寸，RGBRGB模式图像文档。模式图像文档。（5 5）在）在【图层图层】调板中，新建调板中，新建【图层图层1 1】，单击，单击【椭圆选框工具椭圆选框工具】，按住，按住ShiftShift键在工作窗口中绘制圆形键在工作窗口中绘制圆形选区，如图选区，如图11-411-4左图所示。设置左图所示。设置【前景色前景色】为为R0R0、G50G50、B100B100，按快捷键，按快捷键Al
5、t+DeleteAlt+Delete对选区填充颜色，对选区填充颜色，如图如图11-411-4右图所示。右图所示。图图11-4 11-4 绘制选区和填充颜色绘制选区和填充颜色（6 6）选选择择【图图层层1 1】，单单击击【图图层层】调调板板底底部部【创创建建新新的的填填充充或或调调整整图图层层】 按按钮钮，在在下下拉拉菜菜单单中中选选择择【图图案案】命命令令，并并在在如如图图11-511-5左左图图所所示示弹弹出出的的【图图案案填填充充】对对话话框框中中选选择择【图图案案1 1】，设设置置【缩缩放放】为为80%80%，单单击击【贴贴紧紧原原点点】按按钮钮，图图案案效效果果如如图图11-511-5
6、中中图图所所示示，单单击击【确确定定】按按钮钮后后自自动动生生成成的的图图层层如如图图11-511-5右图所示。右图所示。 图11-5 图案填充示意图（7 7）创建）创建【图层图层2 2】，设置前景色为白色，单击，设置前景色为白色，单击【自定形状工具自定形状工具】 ，在，在【工具选项栏工具选项栏】中单击中单击【填充像素填充像素】 按钮，在按钮，在【形状形状】下拉列表中选下拉列表中选择图案。在图像工作窗口中创建如图择图案。在图像工作窗口中创建如图11-611-6左图所左图所示的图像。示的图像。（8 8）在）在【图层图层】调板中选中调板中选中【图层图层1 1】，选择，选择【图层图层】| |【图层样
7、式图层样式】| |【斜面与浮雕斜面与浮雕】命令，在命令，在【图层样式图层样式】对话窗口中设置对话窗口中设置【大小大小】为为1212像素，像素，其他参数默认。单击其他参数默认。单击【确定确定】按钮后图像效果如按钮后图像效果如图图11-611-6中图所示，图层调板如图中图所示，图层调板如图11-611-6右图所示。右图所示。图图11-6 11-6 个性化按钮之一个性化按钮之一实例实例实例实例2. 2. 制作如图制作如图制作如图制作如图11-1511-15所示的装饰画。所示的装饰画。所示的装饰画。所示的装饰画。 图图图图11-15 11-15 效果示意图效果示意图效果示意图效果示意图l涉及的知识点。
8、涉及的知识点。渐变工具、缩放图像、贴入图像、设置参考线、渐变工具、缩放图像、贴入图像、设置参考线、选区的编辑、存储选区、载入选区、变换选区。选区的编辑、存储选区、载入选区、变换选区。l操作步骤如下。操作步骤如下。（1 1）新建）新建RGBRGB模式文档，模式文档，【宽度宽度】为为300px300px，【高度高度】为为200px200px，【背景色背景色】为白色，将其保存为为白色，将其保存为“ “收获收获. .psdpsd” ”。（2 2）将）将【前景色前景色】设置为设置为#EAAB3E#EAAB3E，【背景色背景色】设置为白色，在工具箱中选择设置为白色，在工具箱中选择【渐变工具渐变工具】 ，在
9、，在【工具选项栏工具选项栏】设置设置【从前景到背景从前景到背景】的的【线性渐变线性渐变】，按住，按住ShiftShift键，从上到下拖动鼠标填键，从上到下拖动鼠标填充渐变色，如图充渐变色，如图11-1611-16所示。所示。图图11-16 11-16 填充渐变色后的示意图填充渐变色后的示意图（3 3）打开素材图像）打开素材图像02.jpg02.jpg，选择，选择【选择选择】| |【全选全选】命令，或者按快捷键命令，或者按快捷键Ctrl+ACtrl+A，将图像中的像素，将图像中的像素全部选中，然后选择全部选中，然后选择【编辑编辑】| |【拷贝拷贝】命令将图命令将图像中的像素拷贝像中的像素拷贝（4
10、 4）切换到）切换到“ “收获收获.psd”.psd”窗口，选择窗口，选择【编辑编辑】| |【粘贴粘贴】命令，将刚才拷贝的像素粘贴到文档中，命令，将刚才拷贝的像素粘贴到文档中，形成一个新的图层。形成一个新的图层。（5 5）选择）选择【编辑编辑】| |【变换变换】| |【缩放缩放】命令，缩命令，缩放图层中粘贴的图像，直到其铺满整个窗口，并放图层中粘贴的图像，直到其铺满整个窗口，并在窗口中双击鼠标以确认。在窗口中双击鼠标以确认。（6 6）选择）选择【图层图层】| |【图层样式图层样式】| |【混合选项混合选项】命令，在弹出的命令，在弹出的【图层样式图层样式】对话框中设置对话框中设置【常常规混合规混
11、合】下的下的【不透明度不透明度】为为2020，并单击，并单击【确确定定】关闭对话框。关闭对话框。（7 7）背景的设置基本完成，现在来选取效果图中）背景的设置基本完成，现在来选取效果图中的扇形像素。选择的扇形像素。选择【视图视图】| |【新建参考线新建参考线】命令，命令，在在【新建参考线新建参考线】对话框中分别设置对话框中分别设置【垂直垂直】为为4.54.5厘米，厘米，【水平水平】为为3.53.5厘米的参考线，绘制交叉厘米的参考线，绘制交叉的参考线。的参考线。 （8 8）单击）单击【椭圆选框工具椭圆选框工具】，在工具选项栏中设，在工具选项栏中设置置【样式样式】为为【固定大小固定大小】，【宽度宽度
12、】和和【高度高度】为为150px150px，单击画面，能以参考线的交点为中心，单击画面，能以参考线的交点为中心画出相应大小的正园选区，图像和画出相应大小的正园选区，图像和【图层图层】调板调板如图如图11-1811-18所示。所示。图图11-18 11-18 建立椭圆选区建立椭圆选区（9 9）单击）单击【矩形选框工具矩形选框工具】 ，在工具选项栏中，在工具选项栏中单击单击【与选区交叉与选区交叉】按钮，如图按钮，如图11-1911-19左图所示，左图所示，最终得到一个如图最终得到一个如图11-1911-19右图所示的右图所示的9090度扇形选区。度扇形选区。（1010）选择）选择【选择选择】| |
13、【存储选区存储选区】命令，在弹出命令，在弹出的的【存储选区存储选区】对话框中，将扇形选区命名为对话框中，将扇形选区命名为“ “扇区扇区” ”来保存。来保存。图图11-19 11-19 创建扇形选区创建扇形选区 （1111）打开图片）打开图片04.jpg04.jpg，按快捷键，按快捷键Ctrl+ACtrl+A将图片中将图片中的像素全部选中，然后按快捷键的像素全部选中，然后按快捷键Ctrl+CCtrl+C复制像素。复制像素。切换到切换到“ “收获收获.psd”.psd”窗口，移动选区到合适的位置，窗口，移动选区到合适的位置，选择选择【编辑编辑】| |【贴入贴入】命令，将所复制的像素粘命令，将所复制
14、的像素粘贴到扇形选区中，如图贴到扇形选区中，如图11-2011-20左图所示。左图所示。图图11-20 11-20 贴入图像示意图贴入图像示意图（1313） 参照步骤（参照步骤（1111）、（）、（1212），继续载入保存），继续载入保存的选区，变换选区，然后依次把图像的选区，变换选区，然后依次把图像“ “01.jpg”01.jpg”、“ “02.jpg”02.jpg”、“ “03.jpg”03.jpg”中的像素复制、粘贴入中的像素复制、粘贴入到当前图像文档中，可以得到如图到当前图像文档中，可以得到如图11-2011-20右图所示右图所示的效果。（的效果。（1414）单击）单击【图层图层】调板
15、底部调板底部【新建图新建图层层】按钮，新建一个图层。在工具箱中选择按钮，新建一个图层。在工具箱中选择【单单行选框工具行选框工具】，绘制一像素选区，然后选择，绘制一像素选区，然后选择【选选择择】| |【修改修改】| |【扩展扩展】，在弹出的对话框中设置，在弹出的对话框中设置参数为参数为3 3像素，得到如图像素，得到如图11-2111-21左上图所示的效果，左上图所示的效果，【图层图层】调板如图调板如图11-2111-21右图所示。右图所示。图图11-21 11-21 添加选区和添加选区和【图层图层】调板调板（1515） 设置设置【前景色前景色】为为815500815500，按快捷键，按快捷键Al
16、t+DeleteAlt+Delete，给选区填充前景色。，给选区填充前景色。（1616）单击）单击【矩形选框工具矩形选框工具】，在工具选项栏中，在工具选项栏中单击单击【从选区中减去从选区中减去】按钮，然后绘制按钮，然后绘制2 2个如图个如图11-2111-21左下图所示的矩形选区。在工具选项栏中分左下图所示的矩形选区。在工具选项栏中分别设置别设置2 2个选区的个选区的【样式样式】为为【固定大小固定大小】，【宽宽度度】为为110px110px、76px76px，【高度高度】为为95px95px、64px64px。按。按快捷键快捷键Alt+DeleteAlt+Delete，给选区填充前景色。按快捷
17、键，给选区填充前景色。按快捷键Ctrl+DCtrl+D取消选区，如图取消选区，如图11-2211-22左图所示。左图所示。（1717） 在工具箱中选择在工具箱中选择【单列选框工具单列选框工具】，绘制，绘制如图如图11-2211-22中图所示的选区，再次中图所示的选区，再次【扩展扩展】该选区。该选区。然后选择然后选择【矩形选框工具矩形选框工具】，在工具选项栏中单，在工具选项栏中单击击【从选区中减去从选区中减去】按钮，在图像右下方中绘制按钮，在图像右下方中绘制矩形选区，减去右下方的选区，最后的效果如图矩形选区，减去右下方的选区，最后的效果如图11-2211-22右图所示。然后按快捷键右图所示。然后
18、按快捷键Alt+DeleteAlt+Delete给选区填给选区填充前景色。充前景色。图图11-22 11-22 添加选区示意图添加选区示意图（1818） 参照步骤（参照步骤（1717）绘制选区，并填充前景色，）绘制选区，并填充前景色，效果如图效果如图11-2311-23左图所示。左图所示。（1919） 在工具箱中选择在工具箱中选择【横排文字工具横排文字工具】，在工，在工具选项栏中设置具选项栏中设置【字体字体】为为“ “华文行楷华文行楷” ”，【大大小小】为为3636点，点，【颜色颜色】为为#804909#804909，输入文字，输入文字“ “丰丰收收” ”。选择。选择【图层图层】| |【图层样
19、式图层样式】| |【投影投影】命令，命令，添加文字阴影，最后的效果如图添加文字阴影，最后的效果如图11-2311-23右图所示。右图所示。图图11-23 11-23 选区填充颜色和添加文字选区填充颜色和添加文字实例实例实例实例5. 5.利用专色通道制作合成效果的图像，图像最利用专色通道制作合成效果的图像，图像最终效果如图终效果如图11-3811-38所示。所示。l涉及的知识点。涉及的知识点。图像翻转、专色通道、渐变工具、图层蒙版。图像翻转、专色通道、渐变工具、图层蒙版。l操作步骤如下。操作步骤如下。（1 1）打开素材图像文件）打开素材图像文件“ “脸庞脸庞.jpg”.jpg”，选择，选择【图像
20、图像】| |【图像旋转图像旋转】| |【水平翻转画布水平翻转画布】命令将图像水命令将图像水平翻转。平翻转。（2 2）选择）选择【图像图像】| |【画布大小画布大小】命令，在弹出命令，在弹出【画布大小画布大小】的对话框并中设置如图的对话框并中设置如图11-3911-39左图所示左图所示参数，单击参数，单击【确定确定】按钮确认，将图像左边的空按钮确认，将图像左边的空白区域增大如图白区域增大如图11-3911-39右图所示。右图所示。图图11-38 11-38 合成图像的效果图合成图像的效果图图图11-3911-39【画布大小画布大小】对话框与调整画布后的图像对话框与调整画布后的图像（3 3）在）在
21、“ “脸庞脸庞.jpg.jpg” ”的的【通道通道】调板上，单击右上调板上，单击右上角的菜单按扭角的菜单按扭 ，在弹出菜单中选择，在弹出菜单中选择【新建专色通新建专色通道道】命令，命令，【通道通道】调板上就增加了一个调板上就增加了一个【专色专色1 1】的通道，如图的通道，如图11-4011-40左图所示。再在如图左图所示。再在如图11-4011-40右右图所示的图所示的【新建专色通道新建专色通道】对话框中设置颜色为对话框中设置颜色为“ “#619ff4”#619ff4”，单击，单击【确定确定】按钮，这样在按钮，这样在“ “脸庞脸庞.jpg.jpg” ”上就新建了一个专色通道。上就新建了一个专色
22、通道。图图11-40 11-40 新建专色通道新建专色通道（4 4）打开如图）打开如图11-4111-41左图所示素材图像文件左图所示素材图像文件“ “桥桥.jpg.jpg” ”，在，在【图层图层】调板中双击调板中双击【背景层背景层】，在弹，在弹出的出的【新建图层新建图层】对话框中单击对话框中单击【确定确定】按钮，按钮，可将可将【背景层背景层】转换成可编辑的转换成可编辑的【图层图层0 0】。（5 5）单击）单击【图层图层】调板底部的调板底部的【添加图层蒙版添加图层蒙版】 按钮按钮 ，在工具箱中选择，在工具箱中选择【渐变工具渐变工具】 按钮按钮 ，设，设置置【前景色前景色】为白色，为白色，【背景
23、色背景色】为黑色，然后为黑色，然后从图像左边向右边拖曳出鼠标，得到的效果如图从图像左边向右边拖曳出鼠标，得到的效果如图8-418-41中图所示。中图所示。（6 6）单击）单击【图层图层】调板右上角的菜单按扭调板右上角的菜单按扭 ，在，在弹出菜单中选择弹出菜单中选择【拼合图像拼合图像】命令，将蒙版与图命令，将蒙版与图像拼合，效果如图像拼合，效果如图8-418-41右图所示。至此，对右图所示。至此，对“ “桥桥.jpg.jpg” ”的处理基本完成。的处理基本完成。图图11-41 11-41 用蒙版处理图像的前、后效果用蒙版处理图像的前、后效果（7 7）按快捷键）按快捷键Ctrl+ACtrl+A选中
24、选中“ “桥桥.jpg.jpg” ”的所有像素，的所有像素，再按快捷键再按快捷键Ctrl+CCtrl+C将其复制到剪贴板中。切换到图将其复制到剪贴板中。切换到图像像“ “脸庞脸庞.jpg.jpg” ”，并确认当前通道为刚才创建的，并确认当前通道为刚才创建的【专色通道专色通道1 1】，按快捷键，按快捷键Ctrl+VCtrl+V将剪贴板中的图像将剪贴板中的图像粘贴入其中，效果如图粘贴入其中，效果如图11-4211-42左图所示。左图所示。（8 8）选择）选择【编辑编辑】| |【自由变换自由变换】命令，或按快捷命令，或按快捷键键Ctrl+TCtrl+T，将图像调整并移动到合适的位置，最终，将图像调整
25、并移动到合适的位置，最终效果如图效果如图11-4211-42右图所示。右图所示。图图11-42 11-42 “ “桥桥.jpg.jpg” ”的图像粘贴入的图像粘贴入“ “脸庞脸庞.jpg.jpg” ”的专色通道中的专色通道中实例实例实例实例6. 6. 不用任何素材，利用各种滤镜效果制作小火球不用任何素材，利用各种滤镜效果制作小火球 涉及的知识点。涉及的知识点。纹理滤镜、像素化滤镜、风格化滤镜、扭曲滤镜、模糊滤镜纹理滤镜、像素化滤镜、风格化滤镜、扭曲滤镜、模糊滤镜等。等。 操作步骤如下。操作步骤如下。（1 1）选择）选择【文件文件】| |【新建新建】命令，新建命令，新建RGBRGB模式文档，模式
26、文档，【宽宽度度】和和【高度高度】为为300300像素，像素，【分辨率分辨率】为为7272像素，像素，【背景色背景色】为黑色。为黑色。（2 2）设置前景色为白色，单击）设置前景色为白色，单击【椭圆工具椭圆工具】按钮，并按下按钮，并按下ShiftShift键，在画布偏右位置画一个圆。键，在画布偏右位置画一个圆。（3 3）选择）选择【滤镜滤镜】| |【纹理纹理】| |【龟裂缝龟裂缝】，弹出，弹出【龟裂缝龟裂缝】对话框，设置参数和预览效果如图对话框，设置参数和预览效果如图11-4311-43所示。所示。图图11-43 11-43 【龟裂缝龟裂缝】对话框对话框（4 4）选择）选择【滤镜滤镜】| |【像
27、素化像素化】| |【晶格化晶格化】命令，命令，弹出弹出【晶格化晶格化】对话框，设置与效果如图对话框，设置与效果如图11-4411-44所所示。示。（5 5）两次选择）两次选择【滤镜滤镜】| |【风格化风格化】| |【风风】命令，命令，效果如图效果如图11-4511-45左图所示。左图所示。（6 6）选择）选择【图像图像】| |【旋转画布旋转画布】| |【9090度（顺时度（顺时针）针）】命令，将画布顺时针旋转，效果如图命令，将画布顺时针旋转，效果如图11-4511-45右图所示。右图所示。（7 7）选择）选择【滤镜滤镜】| |【扭曲扭曲】| |【水波水波】命令，弹命令，弹出出【水波水波】对话框
28、，设置参数如图对话框，设置参数如图11-4611-46左图所示，左图所示，效果如图效果如图11-4611-46右图所示。右图所示。图图11-4411-44【晶格化晶格化】后的效果后的效果图图11-4511-45作用滤镜作用滤镜【风风】后效果图后效果图图图11-4611-46作用滤镜作用滤镜【水波水波】的效果的效果（8 8）选择）选择【滤镜滤镜】| |【模糊模糊】| |【高斯模糊高斯模糊】命令，命令，在如图在如图11-4711-47左图所示的左图所示的【高斯模糊高斯模糊】对话框中设对话框中设置参数，效果如图置参数，效果如图11-4711-47右图所示。右图所示。（9 9）选择）选择【图像图像】| |【模式模式】| |【灰度灰度】命令，选命令，选择择【图像图像】| |【模式模式】| |【索引颜色索引颜色】命令，对话框命令，对话框中参数默认。再选择中参数默认。再选择【图像图像】| |【模式模式】| |【颜色表颜色表】命令，弹出命令，弹出【颜色表颜色表】对话框，在下拉菜单中对话框，在下拉菜单中选择选择【黑体黑体】，如图，如图11-4811-48左图所示。左图所示。（1010）小火球最终效果如图）小火球最终效果如图11-4811-48右图所示。右图所示。图图11-47 11-47 作用作用【高斯模糊高斯模糊】后的效果后的效果图图11-48 11-48 小火球最终效果小火球最终效果
