图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学-photoshop教程

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

  最近多肉植物受到了很多人的青睐,她肉肉的外形看起来很Q萌,所以在此为大家分享一个多肉植物拟物化的UI练习,之前看到这个图形很喜欢,就自己尝试着画了,有很多细节的地方不够精致,喜欢的朋友一起来学习吧。

  我们先看下处理后效果

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

  1、创建文档 600x800px 如图所示:

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

  2、将我们在纸上绘制好的手稿植入PS

  然后适当调低手绘稿的透明度,这里我调的透明度是60%,根据自己方便识别度而定,调低透明度可以方便我们描绘,就相当于加了一层硫酸纸一样.

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

  3,我们用钢笔工具开始描绘叶子的形态,首先绘制每片叶子的大轮廓

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

  4.创建图层,开始上底色

  线条有不对的地方可以适当调整

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

  5.在颜色铺好以后,我们要检查一下叶子叠放的顺序对不对,通过调整图层顺序来调整叶子上下前后的顺序.

  6.根据个人习惯我先给部分叶子底部深了一点颜色,好区分层次感.

  颜色加深,我们可以通过工具栏里的加深减淡工具

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

  我们选用阴影,适当调低曝光度,可以让颜色看起来没那么重.

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

  7.调整每片叶子的立体感

  首先,我们可以给它一个渐变叠加

  先用钢笔工具绘制一个与外轮廓相近的线条

图标设计怎么用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打印机创意智造

  再复制一个我们做好的深色阴影图层,调节图层大小,让阴影与边缘贴近一点

图标设计怎么用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打印机创意智造

  现在我们要做的是给叶子一个圆润的感觉,我们先根据叶子的形状画一个弧度

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

  给一个深色的填充,同样模糊一下

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

  在左上角给一点亮色

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

  在尖角部分给一个红色的透明渐变

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

  其他叶子上色方法也是如此,大同小异

  只要根据叶子的形状,方向来上色就可以了,在叶子的边缘适当的用接近白色的亮色来修饰一下,

  表现出叶子的厚度和质感…..

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

  8.上完色后记得给叶子们加点投影效果

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

  9.绘制花盆,我们先绘制一个圆角矩形框

  我的矩形框半径设置的是100

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

  10,调整矩形的混合模式

  先调整斜面浮雕

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

  添加投影

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

  11.复制一个矩形2,图层移至矩形1下面,将矩形2下移

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

  12,做盆里面的效果

  在矩形图层下创建图层,画矩形,填色

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

  将我们的土壤素材放入PS中,创建剪贴蒙版

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

  将小草的素材移入PS,创建剪贴蒙版

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

  13.添加一个木质背景

图标设计怎么用PS绘制多肉植物拟物化ICON图标设计教学photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

  好了,整个效果都差不多完成了

  总结

  整个步骤相对来说还是很简单的,主要就用到,加深减淡、高斯模糊、混合模式几个工具。

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

评论0

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

社交账号快速登录

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