×

关注微信公众号

教程网 首页 教程 平面设计 Photoshop 查看内容
免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
路径专辑手绘教程抠图教程酷素材photoshop cs3视频教程

Photoshop设计立体风格的旋转式图标教程

时间 : 2017-8-3 10:05

作者 : 素材控 原作者:全栈UI笔|

 查看 : ( 477 )  评论 : ( 0 )

摘要 : 最终效果: 下面是教程开始 步骤一:首先新建画布900px*900px画布,命名为播放按钮,为背景添加颜色#3d3835。 步骤二:使用圆角矩形工具、绘制一个615px*615px圆角半径为90px底座,并为它添加图层样式。 步骤 ...
最终效果:
2017080220305973.jpg
下面是教程开始
2017080220305921.jpg
步骤一:首先新建画布900px*900px画布,命名为播放按钮,为背景添加颜色#3d3835。
20170802214647754.png
2017080220305905.jpg
步骤二:使用圆角矩形工具、绘制一个615px*615px圆角半径为90px底座,并为它添加图层样式。
2017080220305930.png
2017080220305926.jpg
2017080220305991.png
2017080220305928.jpg

步骤三:接下来继续使用椭圆工具、绘制一个400px的正圆,并为它添加图层样式。
2017080220305970.png
2017080220305968.png
2017080220305961.jpg
步骤四:在绘制一下底座的线条吧,选择直线工具绘制一条长度30px粗细1px的直线吧,颜色为#818181。
2017080220305957.jpg
步骤五:复制直线执行自由变换命令,调整中心点至画布中心,旋转15度,并执行重复上一命令并复制操作shift+ctrl+alt+t复制出另外余下的直线段,并添加一下图层样式吧。
20170802214647202.png
2017080220305920.jpg
2017080220305943.png
2017080220305950.jpg

步骤六:接下来使用椭圆工具、绘制一个330px*330px的正圆,并为它添加图层样式。
2017080220310005.png
2017080220310020.jpg
2017080220310057.jpg
步骤七:我们继续使用椭圆工具、绘制一个260px的正圆,并为它添加图层式。
2017080220310006.jpg
2017080220310079.png
2017080220310093.jpg
步骤八:现在继续绘制一下底座的线条吧,选择直线工具绘制一条长度8px粗细1px的直线吧,颜色为#898989。
2017080220310025.jpg
步骤九:复制直线执行自由变换命令,调整中心点至画布中心,旋转15度,并执行重复上一命令并复制操作shift+ctrl+alt+t复制出另外余下的直线段。
2017080220310030.jpg
步骤十:重复上面步骤绘制长度32px粗细1px的直线吧,颜色为#898989,并复制旋转90度。
2017080220310067.jpg

步骤十一:现在我们来绘制内圆的部分,用椭圆工具、绘制一个170px*170px的正圆,并为它添加图层样式。
2017080220310030.jpg
2017080220310094.png
2017080220310038.jpg
步骤十二:继续绘制内圆的部分,用椭圆工具、绘制一个130px*130px的正圆,并为它添加图层样式。
2017080220310042.jpg
2017080220310031.jpg
步骤十三:
现在我们来绘制最后一个小圆吧,用椭圆工具、绘制一个15px*15px的正圆,颜色为#60a500并为它添加图层样式,复制小圆,将颜色改为#fe0000,放到合适的位置就完成这个案例了哦。
2017080220310023.png
2017080220310055.png
2017080220310027.jpg
2017080220310037.jpg


本教程完!
========================= 学习提示 =========================
打开ps,跟着教程做一遍,做完的图要到这里评论交作业
http://bbs.jcwcn.com/thread-992128-1-1.html
教程有看不懂的地方,可以在贴子下面评论
分享到:

文章评论

图文阅读
用AI绘制扁平线性风格化图标
用AI绘制扁平线性风格化图标
本教程的AI部分,主要是教大家掌握钢笔绘图,AE则多处使用了蒙版和alpha遮 ... 更多>>
学会这20招PS操作技巧,提高80%的工作效率
学会这20招PS操作技巧,提高80%的工作效率
每天用上千次的PS 基础工具,如果连这20招技巧都不知道,谈什么工作效率? ... 更多>>
战狼2海报烂?那是你没看到精髓!
战狼2海报烂?那是你没看到精髓!
最近战狼2火了,全电影院都充斥着荷尔蒙。在冲刺40亿票房的大势之下(截止 ... 更多>>
超实用!手机摄影如何拍出高大上的感觉?
超实用!手机摄影如何拍出高大上的感觉?
这个问题很难回答,因为每人对“高大上”的定义就不同。并且即便是我自己, ... 更多>>

2345