PS设计金色主题风格的暂停按钮教学photoshop教程

PS设计金色主题风格的暂停按钮教学photoshop教程

PS设计金色主题风格的暂停按钮教学-photoshop教程

Photoshop,金色,暂停按钮教程,PS教程,,教程

a120872042

先看看效果图

PS设计金色主题风格的暂停按钮教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先,打开Photoshop 软件,创建一个图层

声明一下:因为是创作一个界面图标,所以创建一个400*400像素的图层,分辨率是72

PS设计金色主题风格的暂停按钮教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先我们填充一个黑色的底,用椭圆选框工具,填充一个白色的圆,加一个外发光效果。

PS设计金色主题风格的暂停按钮教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计金色主题风格的暂停按钮教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

然后ctrl+J复制一个圆,填充为棕色,按住alt+shift向中心缩小。

叠到白色圆的上方,并且在图层样式填充一个颜色渐变和投影。

PS设计金色主题风格的暂停按钮教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计金色主题风格的暂停按钮教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

按照上一步,创作一个黄色的圆。

PS设计金色主题风格的暂停按钮教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计金色主题风格的暂停按钮教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

之后在黄色面上加一些深色的圆斑,模仿类似奶酪的效果。

PS设计金色主题风格的暂停按钮教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计金色主题风格的暂停按钮教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

圆点加内阴影,注意一下光效来源,圆点也不要画的太小,也不要太密集。

这里要给整个底面加一个矩形反光条

PS设计金色主题风格的暂停按钮教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

直接用矩形选框工具填充纯白色的矩形,之后降低图层透明度。

PS设计金色主题风格的暂停按钮教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

这里再加一个圆边,可以直接用圆形选框工具加描边,然后在这个图层上面加一个渐变叠加,或者直接用一个喷枪笔刷去涂抹,这里要记住,锁定透明图层哦~才不会画出圆圈。

最后一步,画暂停键。

PS设计金色主题风格的暂停按钮教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先用圆角矩形工具

PS设计金色主题风格的暂停按钮教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

再做一个图层颜色叠加和内阴影

PS设计金色主题风格的暂停按钮教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

按照上一个步骤做一个深色的圆角矩形

PS设计金色主题风格的暂停按钮教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

同样按住alt+shift等比例缩小。

PS设计金色主题风格的暂停按钮教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

单个做好之后,给这两个图层建一个组,命名为矩形1,然后复制组,水平拖动。

PS设计金色主题风格的暂停按钮教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

给第二个组也命名,建个组。这样,图标就完成了,希望有兴趣的小盆友可以自己尝试做一个

PS设计金色主题风格的暂停按钮教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

暂停按钮的创作方法就讲解到这里,大家可以举一反三,设计出其它样式的暂停按钮,也欢迎大家分享投稿自己的创作方法。

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/652635.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码