钟表图标UI设计教程,锤子时钟UI图标设计教程(1)

来源:网络   作者:热心网友   发布时间:2016-07-23    浏览次数:220

大家一起来制作一个时钟主题的UI图标,其实UI大部分的样式效果,其实就是对于我们在学习ps的时候,图层样式里面的混合选项样式的不断重复运用。菜鸟级别,不对的地方请大家多多见谅,也请留言提出,非常感谢!

效果图:

UI教程,设计锤子时钟图标教程_设计先锋网

制作步骤如下:

首先,第一步,我们要建立一个空白文档,800px X 800px,分辨率为72像素的空白文档,为了日后可以随时调整背景色,新建一个图层,然后设置前景色,填充#8a8a8a。颜色大家可以根据自己的感觉,进行填充!此填充颜色图层命名为背景颜色填充层。(切记,养成不要修改原图和可以随时修改,不动原图的习惯哦)

操作过程为:

UI教程,设计锤子时钟图标教程_设计先锋网

UI教程,设计锤子时钟图标教程_设计先锋网

第二步,我们要进行时钟UI的设计,首先,我们做最外层,由外到内的渐进过程。找到ps中的“圆角矩形工具”,设置参数为:512px X 512px 圆角为120 ,颜色填充白色。并且在图层中修改图层名为为底层

UI教程,设计锤子时钟图标教程_设计先锋网

UI教程,设计锤子时钟图标教程_设计先锋网

做完这一步之后,我们要对此图层设置图层样式哦,参数仅供参考!

UI教程,设计锤子时钟图标教程_设计先锋网

注意:此处的使用全局光前面的对号,一定要记得全部都取消哦!不然怎么样,自己去感觉!

UI教程,设计锤子时钟图标教程_设计先锋网

教程未完,请看下一页!


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4453.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通