恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI教程:绘制逼真的多肉植物
0.0°
2017-03-21 好文转载 教程 原作者: 丝路教育 举报 3493 32 27 2

  上班的人,每天对着电脑,要是能有一个可爱的绿植放在眼前,那一定是极好的。最近多肉植物受到了很多人的青睐,她肉肉的外形看起来很Q萌,所以,你想不想买一盆放在办公室呢?先不考虑这个,今天小编可是给大家带来了设计教程的,说到教程,是不是觉得小编刚才讲了一堆废话,不不不,今天的是关于做肉植物的哦。那一个多肉植物拟物化的UI设计课程即将开始。

  之前看到这个图形很喜欢,就自己尝试着画了,

  有很多细节的地方不够精致,

  继续努力!

  我们先看下最终效果

Image title

  现在开始!

  1、新建文档600x800px如图:

Image title

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

  然后适当调低手绘稿的透明度,这里我调的透明度是60%,根据自己方便识别度而定.

  调低透明度可以方便我们描绘,就相当于加了一层硫酸纸一样.

Image title

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

Image title

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

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

Image title

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

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

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

Image title

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

Image title

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

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

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

Image title

  给它一个深色的渐变

Image title

Image title

  然后利用高斯模糊工具,让深色部分看起来没那么生硬

Image title

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

Image title

  大家可以按照自己的想法调整

  然后我们在叶子边缘绘制一个区域来展现叶子的厚度感

Image title

  给它一个较深的颜色

Image title

  同样我们给它一个高斯模糊

Image title

  因为多肉植物的质感强,所以我们在给阴影,的时候最好都用高斯模糊来调整一下

Image title

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

Image title

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

Image title

  在左上角给一点亮色

Image title

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

Image title

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

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

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

Image title

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

Image title

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

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

Image title

  10,调整矩形的混合模式

  先调整斜面浮雕

Image title

  添加投影

Image title

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

Image title

  12,做盆里面的效果

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

Image title

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

Image title

Image title

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

Image title

  13.添加一个木质背景 OK!

Image title

首发地址: 用UI绘制逼真的多肉植物_丝路教程网

资源地址: http://blog.silucg.com/UI/jc/5717.html(分享请保留)

更新:2017-03-21

收藏

32人已收藏

  • 67

    作品

  • 245

    粉丝

  • 0

    关注

  • 网页设计中对齐原则的运用
  • 如何有效利用网页设计中的留白
  • 6招搞定网页设计中Banner的点缀元素运用
  • APP原型设计表现方式大揭底
相关标签

    猜你喜欢

      2017-03-21 好文转载 教程 原作者: 丝路教育 举报 3493 32 27 2

      UI教程:绘制逼真的多肉植物

      0.0°

      你确定要举报UI教程:绘制逼真的多肉植物

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      27
      32
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录