×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 1153|回复: 10

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

[复制链接]
发表于 2017-8-3 10:04:08 | 显示全部楼层 |阅读模式
最终效果:
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的正圆,并为它添加图层样式。
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
教程有看不懂的地方,可以在贴子下面评论
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=992128
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论
发表于 2017-11-2 15:09:44 | 显示全部楼层
酷素材
顶顶多好
回复 支持 反对

使用道具 举报

发表于 2017-11-2 15:06:39 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

发表于 2017-11-2 14:28:35 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

发表于 2017-11-2 15:13:39 | 显示全部楼层
酷素材
学习了。。。
回复 支持 反对

使用道具 举报

发表于 2017-11-2 14:54:58 | 显示全部楼层
酷素材
教程网我挺你
回复 支持 反对

使用道具 举报

发表于 2018-5-15 15:58:42 | 显示全部楼层
很不错。。。
回复 支持 反对

使用道具 举报

发表于 2018-5-15 16:14:08 | 显示全部楼层
很好哦。。。
回复 支持 反对

使用道具 举报

发表于 2018-5-15 15:52:49 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

发表于 2018-5-15 15:36:41 | 显示全部楼层
LZ真是人才
回复 支持 反对

使用道具 举报

发表于 2018-5-15 16:17:42 | 显示全部楼层
教程网我挺你
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345