圆滑的icon图标设计

 

哈哈  上面是我比这着教程做的，下面的是翻译的英文教程，不是我翻译的，使用软件翻译的，大致上能看明白这个教程！

 

设立帆布与历史背景

Create a new document 800×600 pixels, you can use a bigger canvas if you wish to but for the purpose of this tutorial we'll be using those dimensions.创建一个新文件800 × 600像素，可以使用更大的画布，如果你想但本教程中我们将使用这些方面的目的。

创建该图标的环绕声

Select the rounded rectangle tool with a radius of 15px, change the type to “shape layers”.选择与15px半径圆角矩形工具，类型更改为“形状图层”。

使用形状图层可以让您调整不损失画质的图标。 Draw out your icon surround in the center of the canvas, make the surround fairly big.绘制出你的图标环绕在画布中心，使环绕相当大。

将这些图层样式环绕。

 

 

建立内部

Select the rectangle tool again with the type set to “shape layers”.选择矩形工具设置为“形状图层类型的一次”。

绘制了内环绕，离开约20 – 26像素周围的所有道路环绕矩形。

将这些图层样式您刚创建的矩形。

创建散景效果

Create a new document 600 x 600 pixels with a transparent background.创建带有透明背景的新文件600 × 600像素。 Select the elliptical marquee tool and create a circle as big as the canvas, fill the circle with black.选择椭圆选框工具，创造一个圆大的画布，填充黑色圆圈。

一旦你填补了圆更改填充不透明度为50％。

现在添加中风使用下面的设置。

一旦你添加了中风进入“编辑”>定义画笔预设“，保存你的画笔为”散景“。 Head back over to your layout and select the brush tool, find and select your brush from the brush menu.头还给你的布局和选择画笔工具，查找并选择从刷子刷菜单。

打开画笔设置的窗口或按F5进入“窗口”>刷子“，一旦打开添加以下设置。

添加散景效果

Make sure you still have the bokeh brush selected, randomly brush over the inner rectangle, try keeping the circles inside the inner rectangle, if they happen to go over on the surrounding rectangle inverse the selection and hit the delete key.请确保您仍然在矩形内选定的散景刷，随机刷，尽量保持矩形内的圆圈内，如果他们都运对周围的矩形逆对选拔按下删除键。 Once you've brushed a few circles blur them by 3 pixels using the guassian.一旦你刷几界模糊了3使用高斯像素他们。 (filter > blur > guassian blur). （滤镜“>模糊”高斯模糊）。

重复上一个新层处理这一次再次设置图层不透明度为50％，然后添加一个外，辉光使用下面的设置。

你应该是这样的。

再次重复这一过程，包括外层发光只是这一次设置图层不透明度为75％，您的最终结果应该是这样的。

创建矩形服务的内在

Select the pen tool and make a path like the image below.选择钢笔工具，并像下面的图片路径。

一旦你取得的路径右键并进入“补路”，填写的路径/与白色的选择。 Make sure you have your layer selected then ctrl + click on your inner rectangle, go to “select > inverse” and hit the delete key.请确保你有你的层，然后选择上的Ctrl +内矩形点击，进入“选择”>逆“，并按下删除键。

现在，你有你的光芒添加图层蒙板的层，重置您的前景色和背景色，然后选择用线性梯度渐变工具。 Drag the linear gradient from the bottom of the shine upwards.拖动从底部向上照耀线性渐变。

创建阴影

Select the rectangular marquee tool and create a black rectangle towards the bottom of the surrounding rectangle.选择矩形选框工具并创建一个对周围的矩形底部的黑色矩形。

模糊6使用高斯模糊（滤镜“>模糊”高斯模糊）像素的矩形。

创建第二个图标

Select ALL layers apart from the background layer, merge all duplicated layers into one layer then place the layer behind the first icon.选择所有除了背景层层，合并成一个层的所有复制层然后将后面的第一个图标层。 Press CTRL + T to free transform the duplicated layer, slightly rotate the 2nd icon behind the first icon.按Ctrl + T的自由转换层的重复，稍旋转背后的第一个图标第二图标。

成品

You should now have something like this.您现在应该有这样的事情。