PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程

PS绘制立体特色的饼干主题ICON图标设计教学-photoshop教程

ICON图标,图标设计,图标,教程,PS教程,PS

先来看看处理后效果:

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤1:打开PS,创建一个800*600的画布。给画布填充颜色:#6807ae,在画布中间建一个尺寸为360*360;圆角为60的圆角矩形;填充颜色:#ffffff。

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤2:在圆角矩形左上角建一个90*90的矩形,填充渐变色:#fc7f26~#fcc277;角度:-45°。

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤3:复制出剩下的15个;然后选中这16个渐变小色块右建—创建剪切蒙版,得到下图:

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤4:用钢笔工具勾出上面的白色“淋面”,颜色为#ffffff(记得添加剪切蒙版哦)。用路径选择工具选中这个形状后在它的右上角画一个椭圆,尺寸随意。画这个圆的时候按住ALT键便可完成布尔运算的减法运算;另外画两个正圆在“淋面”的左下方,画圆的时候按住SHIFT键便可完成布尔运算的加法运算。

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤5:现在给底部圆角矩形加图层样式:

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤6:现在给白色“淋面”加图层样式:

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤7:好啦~简简单单的几步下来~一个可爱的icon就这么诞生了可以加点装饰在背景上,显得更生动~

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

小伙伴们可以通过学习上面这种质感小图标的做法,尝试着做出不同样式的图标(例子如下);技巧包括:添加渐变提升质感,添加内阴影/斜面浮雕等图层样式制作出厚度感。最后记得交作业哦~爱你们。

PS绘制立体特色的饼干主题ICON图标设计教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

评论0

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

社交账号快速登录

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