UI教程,设计简单的ICON图标入门教程(6)插图

UI教程,设计简单的ICON图标入门教程(6)

本教程介绍了如何使用PhotoShop制作质感PS标识方形按钮图标的过程,主要使用了ps的形状工具和图层样式制作方形按钮,然后使用汉仪超园简体输入ps,最后完成了整个效果的制作。 随手制作了一个图标,简单易学 一,先

UI教程,设计简单的ICON图标入门教程(2)插图

UI教程,设计简单的ICON图标入门教程(2)

四,选择bg1图层,调出图层样式,参数如上 继续调投影,注意等高线 最后调内阴影 -大概这样子,完成一半了

广告位
UI教程,设计简单的ICON图标入门教程(5)插图

UI教程,设计简单的ICON图标入门教程(5)

七,再选择文字工具,输入文字,注意对齐 文字参数 完成,觉得好的话记得顶一下额,过两天再出个深入的教程

UI教程,设计简单的ICON图标入门教程(4)插图

UI教程,设计简单的ICON图标入门教程(4)

六,调出字体的图层样式,内阴影 投影 描边,注意:位置是内部 90%,差不多了-

UI教程,设计简单的ICON图标入门教程(3)插图

UI教程,设计简单的ICON图标入门教程(3)

五,新建一个图层,按快捷键T选择文字工具 在红色圈圈范围内点击一个,输入PS两个字母 输入PS两个字母 我用的是汉仪粗园简体,大家可以去86ps素材网下载这个字体

UI教程,用AI画超圆角矩形插图

UI教程,用AI画超圆角矩形

在UI设计中经常会看到这样的图标外形,虽然圆度不一,但它们有着比一般圆角矩形更优雅微妙的圆弧,不包含直线段,我把它叫做超圆角矩形。看上去很简单,但如果你之前做过就知道其实不容易实现。因此,今天我就来总

AI设计飞镖UI图标教程(2)插图

AI设计飞镖UI图标教程(2)

AI设计飞镖UI图标教程(3)    
UI教程,设计不锈钢质感的ICON图标(7)插图

UI教程,设计不锈钢质感的ICON图标(7)

OK,完成了LOGO的添加,我们最后来添加左右两侧的那两个线状的东西。设置前景色为#1f1f1f,画一个矩形。 为这个矩形添加一个图层样式。 复制一层矩形图层,清除掉图层模式,重新添加一个图层样式。 现在效果如下,

UI设计教程:回形针图标插图

UI设计教程:回形针图标

PS绘制ipone里的iTunes紫色高光放射音PS绘制ipone里的iTunes紫色高光放射音乐图标教程        
UI教程,设计联系人和短信图标插图

UI教程,设计联系人和短信图标

第一次出UI教程,把之前参加过比赛的几套风格各异的主题图标拿制作过程出来讲解一下,图标的绘制方法有很多种,主要看你适合哪种,用得方便不,注意技巧跟细节

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部