UI教程,UI日历组件的设计思路。(3)插图

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

用和连接轴A同样的方法,在同一层里复制一个出来,调整下位置就好了。 分解三:数字及说明 STEP1:数字 选一个较粗的英文字体,调整字号及位置,添加图层样式:斜面和浮雕、渐变叠加及投影: STEP2:添加蒙版 给数

UI教程,ps设计计算器主题ICON教程(3)插图

UI教程,ps设计计算器主题ICON教程(3)

今天给大家带来的教程是锤子ROM里面自带的应用,锤子计算器ICON教程,赶紧打开宁,开始撸吧。 PSD文件链接:http://pan.baidu.com/s/1gdw40Iv 密码:3p2z 先看一下效果: 还不错,有点小质感。现在大多都全部扁平化

广告位
UI教程,ps设计计算器主题ICON教程(2)插图

UI教程,ps设计计算器主题ICON教程(2)

看出区别来了嘛?下面的多了,三像素的内阴影哦。 这样底板就做好了,CTRL+G我们来编个组,就命名为底板。 3、接着我们来做显示屏,就是三个圆角矩形叠在一起,咱们一个一个来,先新建最上面那个,命名为外框。添加

扁平化图标!用PS几步搞定时钟图标(3)插图

扁平化图标!用PS几步搞定时钟图标(3)

随着移动APP的普及,扁平化设计也开始得到了运用;扁平化设计的核心概念是放弃一切装饰效果,诸如透视,纹理,渐变等能呈现3D立体效果的一概不用。所有元素图形都干净利落。没有羽化,渐变,浮雕。因为扁平化设计的

扁平化图标!用PS几步搞定时钟图标(2)插图

扁平化图标!用PS几步搞定时钟图标(2)

3,再新建一个图层,填充黑色;(因为下一步,要使用定义画笔,白色无法定义画笔,所以图标实际上有两个层。一个是白色的,一个是黑色的。) 4,按CTRL键点击黑色图标的图层,建立图形选区,菜单编辑定义画笔预设; 5

画ICON外框的简单方法插图

画ICON外框的简单方法

这里在ps里用512X512PX的作为例子,其它的一个原理(AI里其实更简单)

ps设计日历UI图标插图

ps设计日历UI图标

教程讲述比较简单,但作者提供了PSD源文件给大家参考,相信配合源文件,有一定基础的同学一定能学会。

画ICON外框的简单方法(3)插图

画ICON外框的简单方法(3)

这里在ps里用512X512PX的作为例子,其它的一个原理(AI里其实更简单) 1.用矩形工具画一个512*512的正四边形在其四周做上参考线 2.画一个600*600的圆形和矩形居中对齐 3.用白箭头(直接选择工具)分别拖动节点到矩形边的

画ICON外框的简单方法(2)插图

画ICON外框的简单方法(2)

5.大小不同的圆呈现的效果也不同,大家可以多试试 (这个方法可以避免用钢笔拖动节点导致的弧度不一致哦) 最后来张自己画的.

ps设计日历UI图标(3)插图

ps设计日历UI图标(3)

原创图标教程,下面仅以简要文字进行分层解说,详细图层样式见附件源文件,希望对观看者有帮助。 参考模板下载链接:http://pan.baidu.com/s/1i3tHgc1 密码:tqjp 第一步:用圆角矩形工具新建一个512X512(以下尺寸

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部