分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作ipone商店图标设计教程

icon图标 学UI设计 636次浏览 0个评论 扫描二维码

今天教大家一个熟悉的图标。相信绝大多数的同学们都使用ipone,ipone的图标大家也已经很熟知。

在十年前,第一代ipone的问世,开启了手机触屏时代,小编认为啊,现在的手机屏越来越大的原因,跟一些的人手指头比较大有一定原因。因为屏太小,一不小心就点到两个图标,完了后台懵逼了,不知道开哪一个,后台管理就打架,最后死机了。那这肯定是个bug,完了手机屏幕就越来越大。当然以上纯属脑洞,随着屏幕的越来越大,市场上不能光比大呀,在造型上开启了超薄,最近ipone X的人脸识别,我相信接下来很多人不敢去整容了,完了回去手机打不开,支付宝打不开,微信上不了,公众号点不开,我焦急啊,一日看不到小编的文章,我就不能学习,不能进步。所以…….(大家可以在文后脑补,哈哈)

这个是ipone现在的图标,大家可以看到,ipone自带的icon都是很简洁,利用最基本的长方体和圆相切,相加得到的。今天学习的 APP ATORE的制作。

  1. 建立画布,填充颜色#dad7cb

2建立一个380×380矩形,圆角半经为50,颜色填充为17347c

  1. 复制一个,向上平移6个像素。

做完混合模式后,得到下列效果

  1. 复制一个,混合模式增加一个内阴影大家可以看到增加内阴影,会让图标更有质感,有层次感

  2. 接下来就要画中间的铅笔和毛笔了

在画这个的时候大家注意宽度一样,才能得到,旋转角度为30度、

6.混合模式给里面的铅笔和毛笔增加质感

  1. 在复制一遍铅笔和毛笔图形,继续做混合模式基本这一部和上面相同。

接下来给铅笔和毛笔做一个投影。复制一层。透明度改为50%,因为只是做投影,所以填充为零。

做完以上所有就得到了下面的图形

  1. 到这一步,图标基本完成了,大家应该会发现一个问题,整个图标没有阴影,有的同学在制作图标时,总是会把最下面阴影忘记,大家一定不要忘记了,虽然看起来已经很完美了,但还是要强烈要求自己,不要忘记所有细节。阴影都是一层一层叠加的,所有可以大家多做几层,让阴影过渡自然一点。是不是更加有体积感了。

关于版本不同问题,同学们可以私信编主下载2017版本的ps。

希望大家可以好好学习,多多练习。

 


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (2)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!