写实手机教程

IX男神 Photoshop 4109浏览

 

2017090615046884431

yuanchuang_01

今天给大家带来一个拟物Icon的原创图标绘制,如果有什么不好的地方还请多多指教,那么就让我们开始吧~下图是效果图:

yuanchuang_03

咱们先不急画,先分析下图标结构,这就像玩拼图一样,主要分为三大层(下图),得出拆分后的架构再画就简单多了。

yuanchuang_05

步骤一:建立画布

yuanchuang_07

步骤二:外机壳

yuanchuang_09

1.建立512*512大小的矩形,并作4个大小为180*180的正圆,色值随意给个颜色,布尔运算切出,命名图层1,得到下图:

yuanchuang_11

2.添加图层样式,并增加投影

yuanchuang_13

3.复制图层一,将复制出来的至于图层1上方,并添加图层样式

yuanchuang_15

4.建立500*500大小的矩形,并作4个大小为180*180的正圆,色值随意给个颜色,布尔运算切出,得到下图:

yuanchuang_17

步骤三:屏幕

1.建立470*362,圆角为4px的矩形画布,色值为333333,并做2个长度为470,高度分别是30与44px色值为1d1d1d的横条

yuanchuang_19

 

步骤四:小元素(手机上方三孔以及右边2个操作按钮)

1、画一个10*10px色值为140303的圆形和4*4px色值为ffffff的白圆形,调节白色圆

的透明度和渐变,并在底端打上HUAWEI,字体微软雅黑,如图:

白色小圆图层样式:

yuanchuang_21

 

2.画中间的圆角矩形框:大小66*10px,满圆角,图层样式如下图:

yuanchuang_23

3.继续画小元素:26*10px的圆角矩形,并增加图层样式:

yuanchuang_25

还有不要忘了右边的按钮哦,这里就不剧透了,(小提示:圆角矩形加图层样式渐变

效果),最终版如图下:

yuanchuang_27

总结

相信经过本次的练习,对ps的功能有了更多的了解,本教程主要学习图层样式的运用,特别是多图层样式叠加,善用这类手法会给你们带来更多不一样的效果。那么,今天的教程

内容就到此结束了,让我们下期不见不散~

原创:学UI网解答团馒头

yuanchuang_29

转载请注明:学UI网 » 写实手机教程

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
圣诞图标教程圣诞图标教程
写实计算器教程写实计算器教程
圣诞老人来了教程圣诞老人来了教程
PS发光字体教程PS发光字体教程
2.5D小插画教程【教程】2.5D小插画教程【教程】
折纸效果字体【教程】折纸效果字体【教程】
3招教你制作钱币底纹-Guilloche图形3招教你制作钱币底纹-Guilloche图形
巧妙快速绘制锤子系音乐播放器(难点部分)巧妙快速绘制锤子系音乐播放器(难点部分)
轻松两步批量调整矢量剪影图标尺寸 [教程]轻松两步批量调整矢量剪影图标尺寸 [教程]
ai绘制萌萌哒的小兔子教程ai绘制萌萌哒的小兔子教程