Photoshop图标设计：绘制立体风格的Bbox寄存器图标教程
先看看效果图：http://www.06ps.com/d/file/2017/0706/1499336422926.jpg
首先把它分为五个部分来制作：1、主体；2、金属部分；3、端口；4、垫脚；5、文字。
http://www.06ps.com/d/file/2017/0706/1499336424889.jpg
一、主体的绘制
1：建一个800x800px的画布，背景色为#f9f9f9。
2：绘制一个400x400px圆角半径为70px的圆角矩形，命名为“主体”，将填充色设置为#f4f4f4，描边宽度为2px，颜色为#BBBBBB。
http://www.06ps.com/d/file/2017/0706/1499336425758.jpg
3：给主体图层添加内发光，然后在左右以及上部添加高光。(用钢笔绘制出白色形状，在属性里将羽化值改为7，再添加图层蒙板，用柔边圆画笔选择黑色涂抹边缘，使其更缓和。)降低上部高光的不透明度到60%。
http://www.06ps.com/d/file/2017/0706/1499336427355.jpg
http://www.06ps.com/d/file/2017/0706/1499336428523.jpg
http://www.06ps.com/d/file/2017/0706/1499336430437.jpg
至此主体部分就先告一段落，接下来我们绘制金属部分。
二、金属部分
1：绘制一个400x80px的圆角矩形命名为“金属”，圆角半径分别为：0，0，70，70，颜色为#cecece，命名为金属部分。将其与“主体”图层底边居中对齐。
http://www.06ps.com/d/file/2017/0706/1499336432955.jpg
2：为其添加内阴影以及渐变叠加。
http://www.06ps.com/d/file/2017/0706/1499336433797.jpg
http://www.06ps.com/d/file/2017/0706/1499336435877.jpg
http://www.06ps.com/d/file/2017/0706/1499336437865.jpg
此时的效果应该是这样的：
http://www.06ps.com/d/file/2017/0706/1499336438260.jpg
三、端口
1：绘制一个80x30px的圆角矩形命名为“端口”，圆角半径分别是：0，0，20，20，颜色填充：#1b1b1b。将其与金属部分顶边居中对齐。
http://www.06ps.com/d/file/2017/0706/1499336440252.jpg
2：为它添加一个内阴影
http://www.06ps.com/d/file/2017/0706/1499336441706.jpg
3：绘制一个白色的椭圆命名为“白光”，羽化值设置为7，剪切到“端口”图层。
http://www.06ps.com/d/file/2017/0706/1499336443665.jpg
http://www.06ps.com/d/file/2017/0706/1499336445901.jpg
四、垫脚
1：创建一个20x20px的圆角矩形，圆角半径分别是：6，6，2，2 ，然后用直接选择工具去选择左上，右上的锚点更改它们的位置。
http://www.06ps.com/d/file/2017/0706/1499336446527.jpg
2：为它添加内阴影，然后复制一份水平翻转放到对称的位置。
http://www.06ps.com/d/file/2017/0706/1499336448827.jpg
http://www.06ps.com/d/file/2017/0706/1499336449344.jpg
http://www.06ps.com/d/file/2017/0706/1499336451392.jpg
五、文字
1：用文本工具打出“Bbox”，颜色为#8b8b8b;
2：给文字添加内阴影。
http://www.06ps.com/d/file/2017/0706/1499336452159.jpg
完成后效果：
http://www.06ps.com/d/file/2017/0706/1499336454160.jpg
页:
[1]