使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程

反诈示警:如遇到文章内跳转至别的网站或产生需要交钱,交易等行为,均为诈骗行为,请谨慎对待。对于网上兼职、刷单、刷信誉的就是诈骗,请勿相信!需要提供身份证明、短信验证和短信链接点击都是诈骗, 请不要提供!同时请下载“国家反诈中心”App能自查自检,规避诈骗电话,免遭损失。

先声明一下,这不是作者的原创教程,只是把方法总结了一下,为了让新手看得更明白,增加了许多详细步骤。闲话少说。 另外不是抄袭,毕竟每个人的方法不同, 如有不到之处,敬请谅解。

效果图:

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图,来源:资源仓库www.zycang.com

1、首先打开效果图,先观察这个图片的构成,可以想象为它是由3个圆形组成,最外面的大圆是一个颜色,最中间的小圆是白色,中圆是一个渐变颜色。

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图1,来源:资源仓库www.zycang.com

2、根据大小,画出大圆,中圆,和小圆,中圆做出如下的渐变效果,如图所示

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图2,来源:资源仓库www.zycang.com

位置说明,大圆和小圆居中对齐,画好渐变的中圆和大圆左对齐

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图3,来源:资源仓库www.zycang.com

另外精确作图是非常有必要的,这里只说制作方法,选中大圆ctrl+t,根据大圆位置,画出辅助线,确定大圆圆心点,如图所示

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图4,来源:资源仓库www.zycang.com

中圆图层按ctrl+j,复制3个一样的,然后调整第二个中圆的中心点和大圆的中心点重叠。

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图5,来源:资源仓库www.zycang.com

上面输入旋转角度90度,按回车确认,结果如图所示

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图6,来源:资源仓库www.zycang.com

6、依次给另外2个圆旋转,第三个中圆的角度是180度,第四个中圆的角度是-90度(这里是-90度,特别说明一下),结果如图所示。

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图7,来源:资源仓库www.zycang.com

不是这样的调整一下图层位置,例如谁在上,谁在下。

 

 

7,为新手方便这里说的细致一些

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图8,来源:资源仓库www.zycang.com

这里为了讲解方便,把四个中圆分别根据所在位置起不同名字,这样方便讲解,1下,就是最下面的中圆,2右就是最右面的中圆。 首先给4左,也就是第一个画的中圆添加一个图层蒙版,按住Ctrl键,鼠标左键单击2右图层,选中2右图层 在选中4左的图层蒙版用橡皮擦,擦去小圆下面重叠的部分,如下图

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图9,来源:资源仓库www.zycang.com

8,同第7步类似,按住ctrl键,鼠标左键单击1下图层,选择1下,出现蚂蚁线后,鼠标左键单击4左图层蒙版,用橡皮擦擦去多余部分。

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图10,来源:资源仓库www.zycang.com

9、给3上中圆创建图层蒙版,选中1下,在3上图层蒙版上擦去3上多余的部分。

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图11,来源:资源仓库www.zycang.com

10、最后多余一块,给2右创建图层蒙版,ctrl点击1下图层,选中1下图层,在2右图层蒙版上删除多余。

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图12,来源:资源仓库www.zycang.com

最后和原图对比下

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图13,来源:资源仓库www.zycang.com

下面就是完成后立体圆形旋涡样式图标效果图:

使用PS制作立体圆形旋涡样式图标的photoshop图标设计教程,插图,来源:资源仓库www.zycang.com

如需 WordPress 优化加速、二次开发、网站维护、企业网站建设托管等服务,点此联系我 | 近期站内热门福利推荐:
文章版权及转载声明

本文地址:https://www.zycang.com/13188.html
文章转载或复制请以超链接形式并注明来源出处。 本文最后更新于:2022-07-20 06:34:13
声明:某些文章或资源具有时效性,若有 错误 或 所需下载资源 已失效,请联系客服QQ:11210980

喜欢就支持一下吧
点赞264赞赏 分享
评论 抢沙发

请登录后发表评论