• “她用生命完成了最后一堂课”(守望) 2019-11-20
  • 张晓的专栏作者中国国家地理网 2019-11-20
  • [囧]过去单位学习是不用工作时间的,有紧急任务都是自愿加班的,领导照顾使自己都感到很惭愧 2019-10-17
  • 新华社评论员:厉行法治 常修政德 2019-10-17
  • 杨超马可谦《你才是美猴王》刷爆朋友圈 2019-10-16
  • 昌都市图书馆首个全民阅读推广项目结题 2019-10-16
  • 人民观影团:开心麻花《羞羞的铁拳》 沈腾贡献神助攻 2019-07-03
  • [雷人]中国人啥不炒?古董、字画、票证、君子兰、普洱茶、大蒜……凡是有较长保存时间的东西,都有人炒! 2019-05-26
  • 女性之声——全国妇联 2019-05-14
  • “鹊桥”中继星顺利进入使命轨道运行 2019-05-14
  • 共产主义社会,马克思主义对未来的科学预测。对于共产党人来说,是自己的信仰,对于相信这种科学预测者来说,是一种价值追求。至于未来的共产主义实行什么样的分配方式,马 2019-05-13
  • 驾照记满12分无证驾驶4年多 司机被罚1500元拘留15天 2019-05-12
  • 她们对“笨拙”的老爸这么说…… 2019-05-11
  • 国台办:解放军绕岛飞行就是对“台独”的强烈警告 2019-05-10
  • 新发现:墨西哥发现恐龙新物种 2019-05-09
  • 如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:老时时彩360 www.c6if.com.cn

    老时时彩当期定胆计划:设计紫色风格UI圆形按钮图标的PS教程

    当前位置 : 老时时彩360 > 实例教程 > 正文来源:网络作者:网络时间:2017-07-27人气:

    老时时彩360 www.c6if.com.cn 本教程主要使用Photoshop设计紫色渐变风格的按钮图标教程,教程的主要部分都是用图层样式来完成的,感兴趣的朋友一起来学习吧。最终效果:

    设计紫色风格UI圆形按钮图标的PS教程

     

    新建文档1200X1000像素,填充颜色#3d3d42,再添加杂色》添加杂色。

    设计紫色风格UI圆形按钮图标的PS教程

    设计紫色风格UI圆形按钮图标的PS教程

     

    给这个调整层添加内阴影。

    模式:正片叠加

    颜色:#000000

    不透明度:75%

    角度:90°

    距离:5

    大?。?50

    设计紫色风格UI圆形按钮图标的PS教程

    设计紫色风格UI圆形按钮图标的PS教程

     

    选择椭圆工具,按住shift建画一个黑色的正圆,圆的大小是600X600像素,将填充修改为25%,并添加图层样式。

    内阴影

    模式:正片叠底

    颜色:#000000

    不透明度:76%

    角度:90°

    距离:5

    大?。?2

    设计紫色风格UI圆形按钮图标的PS教程

     

    投影

    模式:线性减淡(添加)

    颜色:#ffffff

    不透明度:10%

    角度:12°

    距离:2

    大?。?

    设计紫色风格UI圆形按钮图标的PS教程

     

    利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。

    设计紫色风格UI圆形按钮图标的PS教程

     

    画一个矩形,设置好角度后,应用Ctrl+Alt+Shift+T,就是得到360°的直线,同时配合蒙版,将直线内置圆圈里面。

    设计紫色风格UI圆形按钮图标的PS教程

     

    下面,回到直线的下层,我们画一个圆,添加图层样式。

    设计紫色风格UI圆形按钮图标的PS教程

     

    内发光

    模式:正片叠底

    不透明度:75%

    颜色:#000000

    方法:柔和

    大?。?4

    设计紫色风格UI圆形按钮图标的PS教程

     

    渐变叠加

    模式:正常

    不透明度:100%

    渐变:这里你这个自己选定

    样式:角度

    角度:73%

    缩放:100%

    设计紫色风格UI圆形按钮图标的PS教程

     

    投影

    模式:正片叠底

    颜色:#e509ce(这里根据你上面选择的颜色进行调整)

    不透明度:75%

    角度:90度

    距离:33

    大?。?5

    设计紫色风格UI圆形按钮图标的PS教程

     

    接下来,我们来画那个内圆,同样的在直线图层的下层,我画了一个黑色的圆,将填充修改为25%,并添加了一个图层样式。

    设计紫色风格UI圆形按钮图标的PS教程

     

    内发光

    模式:正片叠底

    不透明度:22%

    颜色:#000000

    方法:柔和

    大?。?6

    设计紫色风格UI圆形按钮图标的PS教程

     

    外发光

    模式:叠加

    不透明度:56%

    颜色:#ffffff

    方法:柔和

    大?。?2

    设计紫色风格UI圆形按钮图标的PS教程

     

    下面,我们来画那个按纽,画一个正圆,添加图层样式。

    设计紫色风格UI圆形按钮图标的PS教程

     

    斜面浮雕

    样式:内斜面

    方法:平滑

    深度:100%

    方向:上

    大?。?0

    角度:90°

    高度:30°

    高光模式:滤色

    颜色:#ffffff

    不透明度:34%

    阴影模式:正片叠底

    颜色:#000000

    不透明度:29%

    设计紫色风格UI圆形按钮图标的PS教程

     

    渐变叠加

    模式:正常

    不透明度:100%

    渐变:这里你可以自己调整

    样式:线性

    角度:90°

    缩放100%外发光

    设计紫色风格UI圆形按钮图标的PS教程

     

    模式:正片叠加

    不透明度:60%

    颜色:#000000

    方法:柔和

    大?。?60

    设计紫色风格UI圆形按钮图标的PS教程

     

    投影

    模式:正片叠加

    颜色:#000000

    不透明度:59%

    角度:90°

    距离:5

    大?。?0

    设计紫色风格UI圆形按钮图标的PS教程

     

    最后,我这边就添加一个UI,效果如下。

    设计紫色风格UI圆形按钮图标的PS教程

     

    内阴影

    模式:正片叠底

    颜色:#000000

    不透明度:75%

    角度:120°

    距离:2

    大?。?

    设计紫色风格UI圆形按钮图标的PS教程

     

    投影

    模式:线性减淡(添加)

    颜色:#ffffff

    不透明度:11%

    角度:90°

    距离:2

    大?。?

    设计紫色风格UI圆形按钮图标的PS教程 

    设计紫色风格UI圆形按钮图标的PS教程

    回顶部
  • “她用生命完成了最后一堂课”(守望) 2019-11-20
  • 张晓的专栏作者中国国家地理网 2019-11-20
  • [囧]过去单位学习是不用工作时间的,有紧急任务都是自愿加班的,领导照顾使自己都感到很惭愧 2019-10-17
  • 新华社评论员:厉行法治 常修政德 2019-10-17
  • 杨超马可谦《你才是美猴王》刷爆朋友圈 2019-10-16
  • 昌都市图书馆首个全民阅读推广项目结题 2019-10-16
  • 人民观影团:开心麻花《羞羞的铁拳》 沈腾贡献神助攻 2019-07-03
  • [雷人]中国人啥不炒?古董、字画、票证、君子兰、普洱茶、大蒜……凡是有较长保存时间的东西,都有人炒! 2019-05-26
  • 女性之声——全国妇联 2019-05-14
  • “鹊桥”中继星顺利进入使命轨道运行 2019-05-14
  • 共产主义社会,马克思主义对未来的科学预测。对于共产党人来说,是自己的信仰,对于相信这种科学预测者来说,是一种价值追求。至于未来的共产主义实行什么样的分配方式,马 2019-05-13
  • 驾照记满12分无证驾驶4年多 司机被罚1500元拘留15天 2019-05-12
  • 她们对“笨拙”的老爸这么说…… 2019-05-11
  • 国台办:解放军绕岛飞行就是对“台独”的强烈警告 2019-05-10
  • 新发现:墨西哥发现恐龙新物种 2019-05-09
  • 江苏福彩快3投注技巧 学生网上快速赚钱的方法有哪些 天天乐app下载 陕西快乐十分 复式二中二连码公开 宁夏十一选五预测号码今天专家推测 第足球比分网 捕鱼游戏排名 喜乐彩微信群 平特肖三中二多少倍 河北排列7 学打成都麻将 双色球天平预选号码 英超联赛第一 广西河池星悦麻将下载 大庆冠通棋牌大厅官方