您的位置：制图网首页 -> 新闻动态 -> 设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

热门排行

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

2023/1/30 来自于：制图网 点击：135

本教程主要使用Photoshop设计立体插画主题风格的图标，作品的整体效果以剪影风格为主的插画，整体的层次立体感表现的非常的不错，推荐给朋友学习，希望大家可以喜欢。

先看看效果图：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

建好画布后，画一个圆：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

砸门可以直接复制一个放在后面，水平旋转后调整下位置就好啦、

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

接下来开始做树枝滴部分，为了整个画面的层次感，窝做了四层呢~太多了也不好，显得和杂乱，下面一层层的来看

第一层：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

第二层：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

第三层：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

第四层是由左右两部分组成滴，窝把其他的隐藏了让童鞋们看得清楚点：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

放在一起来看哈效果(,,?ω?,,)

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

缩小放到合适滴位置上

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

再来看哈树叶滴做法，用布尔运算取交集：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

合并形状组件后删除上面或下面滴锚点，再复制一个垂直旋转：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

酱紫就可以分别给颜色啦~

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

放在合适滴位置上：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

下面来画可爱滴鹿鹿

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

再来看看效果：

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

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

设计立体圆形森林插画风格图标的PS教程【设计立体插画主题风格的图标教程】

本教程，只为收藏学习，若图片内容侵权联系小编，立马删除！！！（小编分享只为自己和大家学习所用！越努力，越幸运！）

制图网(www.makepic.net)，专业的logo免费设计在线生成网站，全自动智能化logo设计，商标设计，logo在线生成！

欢迎使用制图网制作属于您公司自己的logo，不仅专业而且经济实惠，全方位满足您公司品牌化、视觉化的需求。

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)
请使用手机淘宝进行扫码