相关分类
入门实例
文字效果
照片处理
滤镜教程
美白磨皮
图片合成
鼠绘教程
推荐教程
PS视频教程
PS作品欣赏
收费课程
飞特网 顶部通栏广告

PS快速绘制圆形渐变图标

若诗发布于:2014-6-3 08:55
若诗
北京市 延庆县 平面设计师
发私信 + 关注
简介: 这篇教程教飞特的PS鼠绘学习者们使用PS快速绘制圆形渐变图标,教程绘制的图标效果还挺漂亮的,绘制的难度也不大。推荐过来和飞特的朋友们一起分享学习了,我们先来看看最终的效果图吧: ... ...
这篇教程教飞特的PS鼠绘学习者们使用PS快速绘制圆形渐变图标,教程绘制的图标效果还挺漂亮的,绘制的难度也不大。推荐过来和飞特的朋友们一起分享学习了,我们先来看看最终的效果图吧:PS教程:台湾老师教你快速制作蓝白渐变图标

FEVTE编注更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特论坛PS作品交流区,地址:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

看到有人问这种圆型 icon 要怎么做,觉得很有趣稍微思考一下原理,做了个简易快速版本。比不上原版精致、只是记录思考方式。

中间的渐层色

画一个圆,设图层样式,角度。

PS教程:台湾老师教你快速制作蓝白渐变图标

凹进去的部份

其实是用迭的,再画一个半圆,设内阴影。

PS教程:台湾老师教你快速制作蓝白渐变图标

中心

画一个圆,用图层样式设定,一层就能解决厚度和高光问题。

PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标

外框

用形状工具、重迭两个圆画出圆环。同样用图层样式设定,一层就解决厚度和高光。

PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标

阴影

复制需要阴影的那个图层、高斯模糊,复制一层略缩小85%,调整透明度和重迭部份,阴影会比较立体。共有外框、中心、整体这 3 个部份要处理。

PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标 PS教程:台湾老师教你快速制作蓝白渐变图标

如果这颗 icon 小于 300x300px 、又不是主力 icon 只是个配角、且走扁平化风格的话,用图层样式一层解决高光和厚度是很方便快速的作法。但如果是拟物风就得把这几层拆开独立制作。比较有趣的部份是「角度渐层」,平时很少使用这种渐层方式、明明是凹陷的部份却以迭加一个圆的方式制造假阴影也扭转平时的作图想法。果然多临摹大师作品可以学到很多不同的思维方式。

FEVTE编注更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特论坛PS作品交流区,地址:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

22

好评
13

差评

刚表态过的朋友 (35 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

若诗
北京市 延庆县 平面设计师
+关注 发私信
发表评论

最新评论

引用
masterzf发布于:2014-8-7 17:37

交作业

引用
巧克力豆发布于:2014-6-14 21:27
不知道为什么我的两个图内阴影角度怎么调都是对称的,我明明把角度跳的和教程一样,结果另一个自动和上一个对称了。求大神指教!
引用
巧克力豆发布于:2014-6-14 21:24
第二部应该是用角度的意思
引用
yangschm发布于:2014-6-6 17:23
引用
九月辰光发布于:2014-6-5 11:10
交作业,我也总算弄明白了!(┳_┳)... 

引用
九月辰光发布于:2014-6-5 09:11
怎么叠呀!(┳_┳)... 
引用
壹相思发布于:2014-6-4 14:55
在第一步基础上 再加一个圆 叠起来 
额 不知道说明白没 
我是这样弄得 


引用
woaicheng02发布于:2014-6-4 10:06

   不看教程 自己来

引用
九月辰光发布于:2014-6-4 09:06
求第一步到第二步的说明呀!!(┳_┳)... 
引用
百辟虹玉发布于:2014-6-3 22:52

图案叠加不行  怎么回事啊?

引用
 青春去哪儿发布于:2014-6-3 14:30

交作业

引用
九月辰光发布于:2014-6-3 11:42
同样第二步没有明白
引用
 青春去哪儿发布于:2014-6-3 10:55
第二步就不会了 什么用迭的是什么意思呀?

查看全部评论(13)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计