当前位置:首页ps教程Photoshop设计立体插画风格的圆形图标
Photoshop设计立体插画风格的圆形图标
°
  • 素材类型: 资源-素材
  • 上传时间:

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

先看看效果图:

Photoshop设计立体插画风格的圆形图标

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

建好画布后,画一个圆:

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

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

第一层:

Photoshop设计立体插画风格的圆形图标

第二层:

Photoshop设计立体插画风格的圆形图标

第三层:

Photoshop设计立体插画风格的圆形图标

第四层是由左右两部分组成滴,窝把其他的隐藏了让童鞋们看得清楚点: 放在一起来看哈效果(,,,,) 做到这里就完成大部分啦,嘻嘻 然后窝们来做点装饰品,先做个云,这个云其实是由4个圆加矩形拼起来滴: 缩小放到合适

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

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

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

Photoshop设计立体插画风格的圆形图标

缩小放到合适滴位置上

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

酱紫就可以分别给颜色啦~ 放在合适滴位置上: 下面来画可爱滴鹿鹿 这里需要童鞋们对钢笔工具有很好滴控制力,关于钢笔工具,窝前面有篇文章叫钢笔工具锚点的控制,童鞋们可以先去看一看,然后再来画这只鹿 画好之后

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

Photoshop设计立体插画风格的圆形图标

放在合适滴位置上:

Photoshop设计立体插画风格的圆形图标

下面来画可爱滴鹿鹿

Photoshop设计立体插画风格的圆形图标

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

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

最后,想要做粗剪影滴效果就要加上投影,我们给地面,树枝,云,鹿都加上投影,正片叠底效果不好滴话,童鞋们可以试试线性加深和颜色加深: 然后做最外面一圈滴内阴影效果,砸门把大圆复制一个放在最最最上面,填充

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

再来看看效果:

Photoshop设计立体插画风格的圆形图标

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

Photoshop设计立体插画风格的圆形图标

进入论坛交作业:http://www.missyuan.com/thread-849941-1-1.html

温馨提示:

文章标题:Photoshop设计立体插画风格的圆形图标

文章链接:https://www.4tu.cn/photoshop/37987.html

更新时间:2024年08月29日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop合成在森林中搭建的休闲小居

2024-8-29 10:20:44

ps教程

Photoshop合成从手机中冲出跑步者场景

2024-8-29 10:22:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧