下载文档原格式
Photoshop经典应用实例0149：立体勾选框图标制作设计关键词：图标立体软件功能提要：图层样式、钢笔工具立体勾选框图标是手机上经常使用的工具图案，该类图标的设计要求干净利落的线条和形状，以便让用户看到图标能感知、想象、理解图标的含义。
Step01：执行【文件】→【打开】命令，或按下【Ctrl+O】快捷键，在弹出的“打开”对话框中选择“素材文件01.jpg”文件，单击“确定”按钮打开，如图5-30所示。
图5-30 打开素材文件Step02：单击工具栏中的“钢笔工具”按钮，在工具选项栏中选择工具的模式为“形状”，设置设置填充颜色为蓝色，其RGB 值为：110、235、235，绘制形状，如图5-31所示。
图5-31 绘制形状Step03：单击工具栏中的“钢笔工具”按钮，在工具选项栏中选择“减去顶层形状”，绘制形状，得到“形状1”图层，如图5-32所示。
图5-32 绘制形状Step04：双击新生成的“形状1”图层，在弹出的“图层样式”对话框中勾选“斜面和浮雕”、“内阴影”和“渐变叠加”复选框，并进行如图5-33所示的参数设置，编辑的图像效果如图5-34所示。
（a）设置“斜面和浮雕”（b）设置“内阴影”（c）设置“渐变叠加”图5-33 设置图层样式参数图5-34 设置图层样式Step05：新建一个图层，单击工具栏中的“钢笔工具”按钮，在工具选项栏中选择工具的模式为“形状”，设置设置填充颜色为黑色，其RGB值为：0、0、0，绘制形状，得到“形状2”图层，将“形状2”图层移动到“形状1”图层下方，如图5-35所示。
图5-35 绘制形状Step06：双击新生成的“形状2”图层，在弹出的“图层样式”对话框中勾选“斜面和浮雕”和“渐变叠加”复选框，并进行如图5-36所示的参数设置，编辑的图像效果如图5-37所示。
（a）设置“斜面和浮雕”（b）设置“渐变叠加”图5-36 设置图层样式参数图5-37 设置图层样式Step07：新建一个图层，单击工具栏中的“钢笔工具”按钮，在工具选项栏中选择工具的模式为“形状”，设置设置填充颜色为黑色，其RGB值为：0、0、0，绘制形状，得到“形状3”图层，将“形状3”图层移动到“形状2”图层下方，如图5-38所示。
第5章基础特征的创建本章将介绍的内容如下：(1)创建拉伸特征的方法和步骤(2)创建旋转特征的方法和步骤(3)创建扫描特征的方法和步骤(4)创建混合特征的方法和步骤5.1 拉伸特征的创建拉伸特征是将二维特征截面沿垂直于草绘平面的方向拉伸而生成的特征。
调用命令的方式如下：菜单：执行“插入”|“拉伸”命令。
图标：单击“基础特征”工具栏中的图标按钮。
5.1.1 创建增加材料拉伸特征操作步骤如下：第1步，在零件模式中，单击图标按钮，打开“拉伸特征”操控板，如图5-1所示。
图5-1 ”拉伸特征“操控板第2步，在该操控板中，单击“拉伸为实体”图标按钮（此为默认设置）。
第3步，单击“放置”按钮，在弹出的上滑面板中，单击“定义”按钮，如图5-2所示，弹出“草绘”对话框。
第4步，选择TOP基准平面为草绘平面，RIGHT基准平面为参照平面，参照平面方向为向右（此为默认设置），如图5-3所示，单击“草绘”按钮，进入草绘模式。
图5-2 “放置”上滑面板图5-3 设置草绘平面和参照平面第5步，草绘二维特征截面并修改草绘尺寸值，如图5-4所示，待重生成草绘截面后，单击图标按钮，回到零件模式，如图5-5所示。
第6步，在“拉伸特征”操控板中，指定拉伸特征深度的方法为“盲孔”（此为默认设置），输入“深度值”为100，如图5-6所示，单击图标按钮。
图5-4 二维草绘截面图5-5 创建拉伸特征图5-6 输入拉伸深度值5.1.2 创建去除材料拉伸特征操作步骤如下：第1步～第３步，同本书第5.1.1小节第1步～第３步。
第4步，选择零件上表面为草绘平面，RIGHT基准平面为参照平面，参照平面方向为向右（此为默认设置），如图5-7所示，单击“草绘”按钮，进行草绘模式。
第5步，草绘二维特征截面并修改草绘尺寸值，如图5-8所示，待重生成草绘截面后，单击图标按钮，回到零件模式。
草绘平面参照平面图5-7 选择草绘平面和参照平面图5-8 二维特征截面第6步，在“拉伸特征”操控板中，单击“去除材料”图标按钮。
第五章 绘图和图像的修整Photoshop 有两大功能，绘制图像和处理图像。
要实现这两大功能，就需要学习绘制和处理图像工具的使用。
第一节 绘图和处理图像的基础知识一、 设置前景色和背景色选取颜色是绘制图像关键，只有选取了合适颜色，才能达到理想效果。
选取颜色进行绘图需要借助于吸管工具、前景色和背景色以及颜色和色板控制面板配合使用。
Photoshop 使用前景色绘画、填充和描边选区，使用背景色生成渐变填充。
默认前景色是黑色，背景色是白色。
工具箱中的“前景色”框和“背景色”框当前前景色显示在上部颜色框中，背景色显示在下部框中。
要更改前/背景色，单击上/下部颜色选区框会弹出拾色器，在该对话框这设置前景色或背景色的颜色。
恢复默认的前景色和背景色，单击工具箱中的“默认颜色”图标。
反转前景色和背景色：单击 “切换颜色”图标 。
二、 颜色面板颜色面板显示当前前景色或背景色的颜色值。
使用“颜色”调板中的滑块，可以根据几种不同的颜色模型编辑前景色和背景色。
也可以从显示在调板底部的四色曲线图中的色谱中选取前景色或背景色。
三、 调色面板A. 前景色框B.默认颜色图标C. 切换颜色图标D.背景色框提供Windows 256色彩模式的色样。
把鼠标移至调色板时，鼠标显示为吸管形状，单击会选定此颜色为当前的前景色。
将颜色添加到“色板”调板，用吸管从一幅图像中选择颜色，当鼠标移至面板空白处，鼠标变为油漆桶，单击鼠标，前景色存入面板中。
“色板”调板中删除颜色，将色板拖移到“回收站”按钮。
按住 Alt 键将指针放置在色板上（指针变成剪刀状）并单击。
四、样式面板新建一幅图像，选择“自定义图形”按钮，绘制圆形，选择属性面板的形状图形，单击样式按钮，选择不同的样式以显示出不同效果。
新建样式：用鼠标单击样式面板空白处，鼠标变成油漆桶后单击可将当前新样式存入样式面板中，在弹出对话框进行命名。
删除预设样式：将样式拖移到样式调板的“回收站”。
制作3D立体图标的方法Photoshop是一款功能强大的图像处理软件，它不仅可以进行图像编辑和美化，还可以制作出令人惊艳的3D立体图标。
下面，我将介绍一些制作3D立体图标的简单方法。
首先，打开Photoshop软件并创建一个新的文档。
选择合适的画布大小，一般建议选择300像素/英寸的分辨率，以确保图标的清晰度。
接下来，选择一个合适的背景颜色或添加背景图像。
可以使用渐变工具或填充工具来添加背景。
考虑到3D效果的突出，建议选择亮鲜的颜色或渐变色。
现在，我们将制作图标的底座。
选择矩形工具，并在画布上创建一个矩形。
确保底座足够大，以容纳图标的其他元素。
接着，选择“图层样式”选项，单击“生成效果”旁边的“+”按钮。
选择“斜面”选项，并根据自己的需求调整斜面的颜色、角度和高度。
使用阴影和高光的组合，可以增加图标的立体感。
接下来，我们制作图标的主体。
选择合适的形状工具，如圆形工具、矩形工具或多边形工具。
在画布上绘制所需的形状，并使用填充工具或渐变工具来添加颜色。
然后，选择图标的效果。
在“图层样式”选项中，单击“生成效果”旁边的“+”按钮，选择合适的效果，如内发光、倒角、描边等。
调整效果的参数，使其符合预期的效果。
现在，我们将添加图标的细节。
可以使用文本工具添加文字或数字，也可以使用笔刷工具在图标上绘制图案或纹理。
考虑到3D效果，建议选择合适的字体和图案，以突出立体感。
最后，我们将添加阴影效果。
选择相应的图层，并在“图层样式”选项中选择“阴影”。
调整阴影的参数，使其看起来自然且符合3D效果。
如果需要，可以添加多个阴影效果，以使图标看起来更加逼真。
完成以上步骤后，可以对图标进行进一步的调整和优化。
可以使用各种工具和滤镜进行颜色调整、边缘增强、锐化等处理，以使图标看起来更加生动和精致。
最后，保存图标为所需的格式，如PNG、JPEG或ICO等。
可以选择透明背景或不同尺寸的图标，以适应不同平台和设备的需求。
制作3D立体图标是一项需要一定技巧和耐心的工作。
查看文章制作立体效果的软件图标2008-07-04 14:29制作工具：Fireworks MX 20041、用"钢笔"工具配合其他矢量工具画出图标轮廓路径2、菜单：编辑->克隆、修改->变形->垂直翻转，将变形后的路径移动到原始路径下方，全部选中，菜单：修改->组合3、选择"倾斜"工具，按住右上的控制点往下拖动，然后按住右中的控制点往上拖动，大概是往下拖动距离的一半4、鼠标在画布空白的地方点一下，再选中组合路径，选择"缩放"工具，按住左中的控制点往右拖动5、菜单：编辑->克隆、选中下面的组合路径，选择"缩放"工具，按住上中的控制点往下拖动，再按住左中的控制点往右移动，大概和往下拖动的距离一样，然后将组合路径向左上移动到适当位置6、选中所有组合路径，菜单：修改->取消组合，现在图标和倒影的前后两面就做好了，下面做侧面7、侧面要用到前后两面的部分边角，可以先用菜单：编辑->克隆前后面，再使用"部分选定"工具进行变形配合菜单：修改->组合路径->打孔得到侧面，对于有圆弧的地方，可以先用"钢笔"工具在公切线切点位置增加一个辅助点8、上色9、倒影制作方法相同，不过只需要制作与图标接近部分，选中倒影部分，菜单：修改->平面化所选，命令->创意->图像渐隐，鼠标按住渐进线下端移动，使渐进线大致于图标底部垂直，然后按住上端将渐进线向上移，使倒影部分只显示上面一点就可以了10、阴影是用后面使用"倾斜"工具和"缩放"工具变形产生，阴影填充选黑色（#000000），边缘：羽化15，不透明度70%，笔尖大小：0小弟第一次写教程，语言组织能力不强，如果有不懂的地方可以下载下面这个源文件研究：。
实例五：绘制线状图标（书签）（1）“CTRL+K”打开首选项对话框，选择“参考线、网格和切片”，将网格线间隔设为25像素，点击“确定”按钮，如图所示。
点击菜单“视图> 显示> 网格”，在画布上显示网格。
（2）点击菜单“文件> 新建”或者快捷键“CTRL+N”，打开一个新建画布对话框，大小设为200像素×200像素，分辨率是72像素/英寸。
（3）鼠标左键点击工具箱上的“圆角矩形工具”，在如图所示的位置上画一个圆角矩形，圆角的大小是10像素。
（4）和前面的例子一样，使用“路径选择工具（黑箭头）”选择该圆角矩形，“工具选项栏上”的“填充”设定为“无颜色”，描边设定为“纯色”，粗细为3点。
（5）使用“直接选择工具（白箭头）”选择该圆角矩形右下角的一个锚点，向下拖到下方对称的位置，如图所示。
（6）使用“路径选择工具（黑箭头）”选择变形后的圆角矩形，快捷键“CTRL+ALT+T”复制图形并且进入自由变换状态，鼠标左键点击菜单“编辑>变换路径>水平翻转”,再将变换后的图形，向右拖到适当的位置，结果如图所示。
实例六：绘制线状图标（购物车）（1）“CTRL+K”打开首选项对话框，选择“参考线、网格和切片”，将网格线间隔设为25像素，点击“确定”按钮，如图所示。
点击菜单“视图> 显示> 网格”，在画布上显示网格。
（2）点击菜单“文件> 新建”或者快捷键“CTRL+N”，打开一个新建画布对话框，大小设为200像素×200像素，分辨率是72像素/英寸。
（3）鼠标左键点击工具箱上的“矩形工具”，在如图所示的位置上画一个矩形。
（4）和前面的例子类似，使用“路径选择工具（黑箭头）”选择该矩形，“工具选项栏上”的“填充”设定为“无颜色”，描边设定为“纯色”，粗细为8点。
（5）使用“直接选择工具（白箭头）”选择该矩形右上角的锚点，向右拖到合适的位置，如图所示。
必要的时候可以使用“方向键”微调。
