PS设计蓝色立体效果APP图标photoshop教程

PS设计蓝色立体效果APP图标photoshop教程

PS设计蓝色立体效果APP图标-photoshop教程

Photosho,教程,PS教程,PS

作者的图标创作的非常精细,用到的图层也非常多。步骤:先把图标的结构分解出来,然后由底部往上开始创作,先画出每一层的图形,再用图层样式等来创作质感。

处理后效果

PS设计蓝色立体效果APP图标photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

1、创建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为“底板”,添加图层样式如图所示。

PS设计蓝色立体效果APP图标photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

2、Ctrl + J 复制底板层,并在图层上右键选择“清除图层样式”,改名为“厚度层”,移到底板层的下层,用选择工具向下移动10个像素,并修改图层样式如图所示。

PS设计蓝色立体效果APP图标photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

3、Ctrl + J 复制“厚度层”,改名为“发光层”,并在图层上右键选择“清除图层样式”,移到“厚度层”的下层,将图层样式的填充修改为0%,并修改图层样式如图所示。

PS设计蓝色立体效果APP图标photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

4、在“底板”层上创建一层命名为“高光”,前景色设置为#4dc9f0,选择画笔工具画一个边硬度为0%的点,然后Ctrl + T 将圆压扁,同时选区工具删除一半的圆,Ctrl + T 调整高光层到合适的位置,回车确认调整不透明度为60%,效果如图所示。

PS设计蓝色立体效果APP图标photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

5、将底板的图层组成一个组,命名为“底板”,用椭圆工具画出一个205 * 205的正圆置于“底板”组上并居中,命名“凸出效果”,并添加图层样式。

PS设计蓝色立体效果APP图标photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

6、Ctrl + J 复制凸出效果层,右键选择“清除图层样式”,并命名为“平滑外发光层”,修改颜色为#80b5e1,添加图层样式如下。

PS设计蓝色立体效果APP图标photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

7、Ctrl + J 复制凸出效果层,保留平滑外发光层的图层样式,并命名为“大渐变层”,添加图层样式如下。

PS设计蓝色立体效果APP图标photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

8、Ctrl + J 复制大渐变层,右键选择“清除图层样式”,命名为“小渐变层”,Ctrl + T ,然后按照Alt + Shift 等比例居中将小渐变层缩小成195 * 195,添加图层样式如下。

PS设计蓝色立体效果APP图标photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

9、将凸出效果的几个图层合成图片一个组,命名“凸出效果”。

Ctrl + J 复制小渐变层,拉出凸出效果组,并修改名字为“立体球”,Ctrl + T然后按住Alt + Shift中间等比例缩小,将立体球层缩小185 * 185px的圆,并清楚立体球的图层样式,重新添加下面的图层样式。

PS设计蓝色立体效果APP图标photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

9、将凸出效果的几个图层合成图片一个组,命名“凸出效果”。

Ctrl + J 复制小渐变层,拉出凸出效果组,并修改名字为“立体球”,Ctrl + T然后按住Alt + Shift中间等比例缩小,将立体球层缩小185 * 185px的圆,并清楚立体球的图层样式,重新添加下面的图层样式。

PS设计蓝色立体效果APP图标photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计蓝色立体效果APP图标photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

评论0

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

社交账号快速登录

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