PS新手教程:台湾设计师教你快速制作圆形渐变图标 - 优设网 - UISDC

PS新手教程:台湾设计师教你快速制作圆形渐变图标

2014/06/02 39184评论区

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

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

呆湾老师人超好的,这里还有她的惊艳分享:
《找工作必备!教你一眼识穿招聘公司有木有坑》
《毕业季福利!过来人教你应如何准备个人作品集》

中间的渐层色

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

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

凹进去的部份

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

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

中心

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

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

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

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

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

外框

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

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

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

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

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

阴影

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

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

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

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

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

原文地址:akanelee.me

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量70万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/white-blue-gradual-change-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里