写实手机教程

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

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

步骤一:建立画布

步骤二:外机壳

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

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

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

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

步骤三:屏幕

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

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

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

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

白色小圆图层样式:

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

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

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

效果),最终版如图下:

总结

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

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

:学UI网解答团馒头

Photoshop
(0)

相关推荐

  • PC浏览器远程控制安卓手机教程

    还在用USB线和各种助手工具来连接管理手机么?今天来教你一个超级碉堡的方法:打开浏览器就能对手机进行无线操作和管理哦,让你彻底甩掉数据线,而且电脑端也无需安装助手软件……小伙伴们,来瞧瞧咯! PC浏览 ...

  • 余额宝免费申领红米/小米3/iphone5s/三星s5手机 余额宝免费申领手机教程

    接下来带给大家的是余额宝免费申领手机教程,想要免费申领红米/小米3/iphone5s/三星s5手机吗?只要参与余额宝活动就可以咯~具体该如何操作呢?请看下文吧。 在合约期内授权冻结余额宝990元,每月 ...

  • 腾讯课堂app怎么下载视频?腾讯课堂下载视频至手机教程

    腾讯课堂下载视频至手机教程 在手机里打开腾讯课堂软件. 打开后,登录腾讯课堂,提供两种登录方式,自己选择一种,如图 打开后,随便点击一个课程,如图 点击“立即报名”,如图所示 报名完成后,点击“下载” ...

  • 今日头条如何换绑手机号码?今日头条换绑手机教程

    做今日头条的朋友,有时会碰到手机号码过期或者手机丢失的现象,那么用以前的手机号码绑定的今日头条帐号资料就得修改,这样才有安全性和方便. 那怎么样修改或者换绑手机号码呢?(此文针对头条作者号> 今 ...

  • 新浪微博怎么取消手机绑定?新浪微博解绑手机教程

    当我们为新浪微博的登陆设置了账号保护.手机绑定之后,便将新浪微博账号的安全与我们的手机号联系起来了.由于换号或者其它原因,我们需要解除绑定的时候该怎么办呢?通过这篇分享,来教教大家如何解除新浪微博的手 ...

  • 微信电脑版怎么将文件传到手机?微信电脑版传输文件至手机教程

    微信电脑版怎么传送文件到手机上呢,在使用电脑时不可避免需要传文件到手机,微信电脑版可以传输文件到手机上吗,微信的文件传输助手就可以做到,下面演示微信电脑版如何传送文件到手机. 微信电脑版传输文件至手机 ...

  • 靠谱助手如何连接手机 电脑USB连接手机教程攻略大全

    靠谱助手是靠谱社区于2013年5月18日推出的一个专为第三方智能安卓模拟器提供管理的免费应用程序,靠谱助手目前支持bluestacks安卓模拟器,是国内最完美的PC端管理软件.靠谱助手是一款非常好用的 ...

  • 写实计算器教程

    大家好,我是岚岚,今天给大家带来的是用PS制作一个写实风格的计算器,制作过程主要以图层样式为主,教程很简单,比较适合PS的入门练习.虽然说现在是扁平化的时代,但是大家偶尔也要抽空练练写实风格哦. 1. ...

  • 写实psp教程

    嗨!又来到了小末教程时间,今天教大家绘制一个写实游戏机的教程,本作品属于作品,希望大家喜欢,那么我们立马开始吧~ PART1:首先是展示效果图 PART2:首先绘制扁平的效果 步骤1:新建一个800* ...