超简单APP图标制作

时间:2021-09-25 16:14:48

http://blog.ubooksapp.com/

标签(空格分隔): app photoshop dpi


明明是程序猿,但我有一颗成为设计师的心。(~不打扰~)

  1. 图标效果图:
    超简单APP图标制作
    图标为圆角,中间为一颗发芽的豆子,然后是阴影, so simple

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

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

    超简单APP图标制作

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

    超简单APP图标制作

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

    超简单APP图标制作

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

    超简单APP图标制作

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

    超简单APP图标制作

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

    超简单APP图标制作

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

    超简单APP图标制作