PS设计立体插画风格的圆形图标photoshop教程

PS设计立体插画风格的圆形图标photoshop教程

PS设计立体插画风格的圆形图标-photoshop教程

Photoshop,立体插画风格,圆形图标,PS教程,,教程

PS设计立体插画风格的圆形图标photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

1876076

先看看效果图:

PS设计立体插画风格的圆形图标photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

整个插画就是树枝滴部分会稍微花点时间哦~建议熟练滴童鞋不要临摹,自已动手画一画这些树枝,对自己的构图能力和控制力都是很有帮助滴哦

建好画布后,画一个圆:

PS设计立体插画风格的圆形图标photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

然后砸门建立一个分组,alt+左键显示圆的选区,然后给分组建立一个蒙版,把所有滴部件都画在这个组里的时候就不会超出圆的大小啦~

PS设计立体插画风格的圆形图标photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

现在开始画地面,砸门用钢笔工具画出轮廓来:

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打印机创意智造

做到这里就完成大部分啦,嘻嘻

然后窝们来做点装饰品,先做个云,这个云其实是由4个圆加矩形拼起来滴:

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打印机创意智造

放在合适滴位置上:

PS设计立体插画风格的圆形图标photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面来画可爱滴鹿鹿

PS设计立体插画风格的圆形图标photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

这里需要童鞋们对钢笔工具有很好滴控制力,关于钢笔工具,窝前面有篇文章叫【钢笔工具锚点的控制】,童鞋们可以先去看一看,然后再来画这只鹿

画好之后呢,砸门把它放进去,放到空中让鹿飞起来。

PS设计立体插画风格的圆形图标photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

接下里就可以开始填色了哦,将地面弄成渐变色,背后滴大圆也加上渐变色:

PS设计立体插画风格的圆形图标photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

再给云朵和鹿加上渐变色:

PS设计立体插画风格的圆形图标photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

最后,想要做粗剪影滴效果就要加上投影,我们给地面,树枝,云,鹿都加上投影,正片叠底效果不好滴话,童鞋们可以试试【线性加深】和【颜色加深】:

PS设计立体插画风格的圆形图标photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

然后做最外面一圈滴内阴影效果,砸门把大圆复制一个放在最最最上面,填充改为0,然后添加内阴影:

PS设计立体插画风格的圆形图标photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

做到这里就差不多啦,砸门再给整个画面增加颗粒质感,给那些数值滴投影和大圆滴内阴影加上杂色,需要注意滴是,杂色,阴影颜色,大小,距离这些都会互相影响滴,所以窝这里不给具体数值,童鞋们自己把控一哈:

PS设计立体插画风格的圆形图标photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

再来看看效果:

PS设计立体插画风格的圆形图标photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

这时候窝们发现地面滴杂色不是很明显,砸门单独做一哈,把上面那层地面复制一个,图层模式改为溶解,透明度10%-20%,图层样式去掉,颜色比之前加深一点点:

PS设计立体插画风格的圆形图标photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

评论0

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

社交账号快速登录

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