超简单APP图标制作

http://blog.ubooksapp.com/

标签（空格分隔）： app photoshop dpi

---

明明是程序猿，但我有一颗成为设计师的心。（~不打扰~）

1. 图标效果图：
   
   图标为圆角，中间为一颗发芽的豆子，然后是阴影， so simple

2. 准备： 主题色（#64a652）， icon()
   ps: 之前学过ps画图，但是手抖得不是一般厉害，只能网上找icon替代了。另推荐上阿里巴巴矢量图标库 找icon。

3. 开始新建200x200像素大小透明图层，前景色设为主题色，使用圆角矩形工具画出logo外框：

   

4. 下一步将icon导入，居中，双击icon所在图层，选择投影，调整角度120和透明度20%：

   

5. 接下来制作长投影（哈哈，特地请教过一个妹子），首先，使用矩形工具，前景色设为黑色，拖出一个足够长的黑色矩形，并将当前图层拖至icon图层的下面， 然后编辑》变换路径》旋转和缩放，调整角度120和大小自己拿捏：

   

6. 双击矩形框所在图层，选择图层栅格化，然后按住control在单击图层，将矩形框转化为选区，在选区中使用渐变工具（渐变使用黑白渐变就ok），然后选择填充20%，可调。

   

7. 现在下面的长投影效果制作出来了，然后呢，还要把icon上面的投影去掉，可以用套索或者钢笔工具，方法就是切换到矩形框图层，圈出上部分投影，按delete，如果用钢笔工具，圈好后按ctrl+enter键转化为选区：

   

8. 至此图标制作完成，哈哈，没水平之作，勿喷。

   

9. 最后，android上icon需要制作需要多个像素大小的版本，photoshop貌似有工具可以一次生成xxhdpi、xhdpi等，为了提高效率，不妨找找试试。最后附上，在手机上的效果图: