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

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

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

UI教程,设计联系人和短信图标(4)插图

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

第一次出UI教程,把之前参加过比赛的几套风格各异的主题图标拿制作过程出来讲解一下,图标的绘制方法有很多种,主要看你适合哪种,用得方便不,注意技巧跟细节 本教程提供源文件psd下载(文章末端左下角有附件可以下

广告位
UI教程,设计联系人和短信图标(2)插图

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

【描边】:大小3px,内部,颜色# d85082, 【内阴影】:颜色# c33c6d,不透明度70%,角度120,距离5,阻塞2,大小8, 【渐变叠加】:线性渐变,色值从上到下为 # feb8d2 # ff80af,角度为90; Step06:复制nei_yuan

UI教程,设计联系人和短信图标(3)插图

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

Step02:把圆角矩形图层命名为di,然后右键选择【混合选项】,设置: 【描边】:大小1px,内部,渐变90,# 157acf #78bbff, 【渐变叠加】:线性渐变,色值从上到下为 # 1479cf # 3a9bff,角度为90; Step03:选择

UI教程,颓废机械风格UI图标教程(4)插图

UI教程,颓废机械风格UI图标教程(4)

继续带来一大波图标制作教程,这次带来的风格是颓废机械风格跟不规则形状风格,本教程依旧提供源文件psd下载,网盘链接下载:http://vdisk.weibo.com/s/cQKtf42BUtif ,希望大家多多支持!另外欢迎上传交作业啦~ 先

UI教程,颓废机械风格UI图标教程(2)插图

UI教程,颓废机械风格UI图标教程(2)

02 使用笔刷,颜色#8c8c8c,不透明度30%; 03采用素材图片 纹理.png,混合模式:变暗,不透明度30%; 这一步可自由发挥,自己觉得金属图片哪块可以作为纹理即用就可,参数也可自己调试叠加,以实际效果为主; Step0

UI教程,颓废机械风格UI图标教程(3)插图

UI教程,颓废机械风格UI图标教程(3)

Step08:绘制螺丝孔:选择【椭圆工具】,在画布上按住Shift键画一个小正圆,大小自定适合即可,设置图层样式: 【描边】:大小2px,外部,线性渐变,色值从上到下为 #929292 #3b3b3b,角度为90; 【渐变叠加】:线

UI教程,颓废机械风格UI图标教程插图

UI教程,颓废机械风格UI图标教程

继续带来一大波图标制作教程,这次带来的风格是颓废机械风格跟不规则形状风格

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部