UI设计教程,日历UI图标教程(1)

来源:网络   作者:热心网友   发布时间:2016-08-26    浏览次数:127

在思考中看教程--UI日历组件PS教程

UI教程,UI日历组件的设计思路。


最近在群里和小伙伴们聊天,发现一些同学(尤其是新手)不善于学习,就算告知了方法还是要来问,最好连具体参数也说出来,更有甚者,哪怕已经手把手的教了,换个东西又不会了。设计的东西那么多,难道一样样都要人手把手的教吗?

TanghuiDesign大神说了:做设计的必定需要掌握两把刷子:一是技术,二是思路。跟着教程做东西,其实也是个临摹,只不过教程是手把手的教你怎么做。跟着教程走,需要注意些什么呢?狼狼认为,一个是学技术。比如这些效果是怎么做到的,这个图的配色为什么这么赞。另一个就是总结思路。比如作图的顺序、规律、创意、技术的表现等等,这些东西最终汇成一个词--经验!

亲爱的小伙伴们,要养成善于学习的好习惯,更要把学到的东西运用到实际工作中。软件的内容就那么点,同样是那么几个软件,为什么大神做出来的东西那么棒呢?这都是有必然的原因的。所以,努力吧,越努力越幸运!

今天和大家分享的是一个UI组件--日历的绘制过程。整个文章不会出现具体参数,但我会把思路和大家分享。(注:本教程不适合新手入门学习,但可以作为研究对象来研究,思路可以借鉴。)


******************************* 我是华丽的分割线 ******************************


分解一:清新淡雅的背景

STEP1:新建画布,置入背景素材

制作背景前,我们先来建立一个画布。多大呢?大概这么大:


UI教程,UI日历组件的设计思路。


然后我们找一张高清五码的蓝天白云(其实其他的图片也行,关键是得画面明亮),直接拖进画布(会自动生成智能对象),调整下大小(建议拉的比画布大,为了后面的效果),比如这样:


UI教程,UI日历组件的设计思路。


STEP2:模糊效果

确定后执行滤镜-模糊-高斯模糊(具体数值随意,自己喜欢就行)


UI教程,UI日历组件的设计思路。


STEP3:用调整图层来调色

在图层面板添加调整图层,我们来给这个智能对象调个色。啥?还不知道调整图层?那请猛戳这里:《让PSD“逆向行驶”》

我们只需要适当的调整下色相,降低点饱和度,再增加点明度就行了,调整后是这样的:


UI教程,UI日历组件的设计思路。


123共3页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通