当前位置: 首页 > 优图知识库  > PS教程 > PS鼠绘教程

PS鼠绘华为手机图标教程

2019/1/5 22:53:16 人评论

使用PS鼠绘手机的教程优图宝也有不少了,这篇教程介绍的是使用PS来鼠绘一台华为手机的方法和流程,教程绘制的手机比例高度不够,绘制了一个正方形的,优图宝的朋友们可以根据实际比例来绘制,最简单的,就是根据这篇教程介绍的方法把屏幕拉长就OK了,好了,我们先看看效果图: 咱 ...

使用PS鼠绘手机的教程优图宝也有不少了,这篇教程介绍的是使用PS来鼠绘一台华为手机的方法和流程,教程绘制的手机比例高度不够,绘制了一个正方形的,优图宝的朋友们可以根据实际比例来绘制,最简单的,就是根据这篇教程介绍的方法把屏幕拉长就OK了,好了,我们先看看效果图:

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

绘制手机具体的步骤如下:

步骤一:建立画布

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

步骤二:外机壳

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程
_ueditor_page_break_tag_

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

步骤三:屏幕

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程
_ueditor_page_break_tag_

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

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

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

白色小圆图层样式:

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程
_ueditor_page_break_tag_

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

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

PS鼠绘华为手机图标教程 优图宝 PS鼠绘教程

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

utobao编注:更多PS教程学习进入优图宝PS鼠绘教程栏目: http://www.utobao.com/news/57.html

相关资讯

    暂无相关的数据...