PS图标教程!简单7步绘制精致的蓝白渐变同步按钮 - 优设网 - UISDC

PS图标教程!简单7步绘制精致的蓝白渐变同步按钮

2015/05/11 12699评论区

photoshop-blue-white-button-1

编者按:今天的教程简单好上手,挑个20分钟就可以轻松搞定,特别适合练手。对了,现在安卓手机(微博最新版)也可以发图片评论了呦,把你的练习成果晒出来,小编用私人号给你点赞 >>>

本文作者@凉星在 ,未经作者授权请手下留情,先谢过了 :)

效果图:

第二步:

在画布上新建一个正圆,填充白色,然后把圆整成这个样子。【加斜面和浮雕、加内阴影、加渐变】

编者注:以下步骤全是先提供效果图让同学们自己动手,做不出可以看后面的参数值,有对比才有进步嘛。

第二步的具体数值:



第三步:

在底板圆形的额基础上在画一个圆形,再整成这样。

第三步圆形的数值:



第四步:

在小圆的基础上在画一个圆圈,添加效果。

上面添加的数值:


第五步:

画出蓝色旋转箭头,添加内阴影。这个比较简单,就不列数值了。

第六步:

关于外面蓝色渐变圆弧的画法。

首先画一个园,将它切成空心带厚度的,然后用橡皮擦擦掉一半,将圆弧填充蓝色,或是你喜欢的其他颜色,然后细节上处理一下,做出渐变的效果。

第七步:

将上面的圆弧加上外发光,数值可自己调整。

最后,完结,只需7步就可以画出一个图标。

下面排好队开始交作业啦。

【优设五月PS教程人气榜】

Top 1:高手教你调出澄澈纯净色调!
《PS高手教程!后期如何调出画面文艺澄净的风格?》

Top 2:效果超级赞的时钟图标!
《PS图标教程!手把手教你绘制一枚幻彩绚丽的时钟》

Top 3:清新淡雅的图标教程一枚!
《PS新手教程!手把手教你绘制一枚淡雅的播放器图标》

作者:@凉星在

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

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

sdcweixin

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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