3D效果icon图标设计

无需加好友免费技术支持

虽然本文是制作个人网站，但重点是制作更神秘的3D效果icon图标，大多数外国网站模板更关注整个网站的头部，所以他们的设计花更多的时间在网站的上半部分

先看效果图

新文件大小为760x770px,设置前景色为# ,背景色为# (这里设置的颜色是渐变后的渐变颜色)选择矩形工具框架选择工具绘制如下图所示

使用梯度工具从选框底部向上拉梯度线

按ctrl d取消选框，然后再用矩形选框工具绘制下图区域

该区域也用渐变工具填充，完成后ctrl d取消选框

你可能会发现在两个渐变矩形之前有一条白线。我们将绘制一条蓝线来取代它，并使用直线工具选择#009aff ,在页面上画线，覆盖前面的白线

导入一些icon图标

现在我们要用了PS为这些图标制作3D效果

编辑>改变路径>透视，使图标如图所示

然后将图层样式添加到图标中

完成后的效果如下图所示

现在图标已经有了3D效果，但不够三维，这里我们复制图标几次，每次复制图标移动几个象素，使重叠变得更三维。

选择图标的所有层，然后复制这些层。我们这样做是为了产生倒影效果。选择复制图标层ctrl e将这些层合并成一个层，将复制的图标向下移动几个象素(注意复制的图标层应该在原始层以下)

设置不透明度为30%

效果如下

用同样的方法制作其他图标，然后排成半圆形

下载白云笔刷

安装笔刷PS.然后选择笔刷绘制如下图所示

选择绘制的白云，模式选择正片叠底(Overlay)

复制白云图层,编辑>变换>垂直翻转,向下移动到如下图位置

用橡皮擦去复制的白云边缘，设置70%的不透明度

然后添加网站的主要文本和标志logo