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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
PS鼠绘扁平化房屋夜景插画教程
0.0°
2018-12-25 好文转载 教程 原作者: 紫儿妖姬 举报 2022 13 9 3

哈喽~大家好,这次我给大家分享一个小插画:扁平夜景房屋。我用的是PS哦,AI 也可以。

首先整理下大致内容:

1:布尔运算运用

2:简单图层样式的运用

3:渐变色应用

4:细节把控

Image title




步骤2.接下来,在地面合适的高度把屋的外沿用矩形画出来并把阳台的颜色与主墙颜色区分拉开层次,接着需要注意的是外沿的立体度,通过阴影(#863026 透明度:50%)拉开界面的三维度。


步骤3.大体外形建立后,我们要把房子他的窗户和们制作出来,这里主要利用到的是矩形合并方法,以及图层之间的前后关系。注意门的细节处理,局部阴影处理。


依次丰富页面其它窗户和门。


步骤4.绘制屋顶太阳能热水器,布尔运算方法。


步骤5.绘制小屋屋顶,形状变形+图层蒙版。


按照以上方法,画出主屋侧边漏水管、小屋烟窗及屋面的色块砖,丰富主体物不要忘了添加外沿墙的投影(#863026,透明度:50%)


PART3:绘制设施及树木

步骤1.背景树采用圆圈合并图层+矩形补充,矩形修正起水平线。首先用圆形工具画出第一个圆,按住alt拖动复制圆调整其大小,因为树丛是高低错落的,圆形只能勾勒起外型还需通过矩形合并叠加来填满空余,最后要通过矩形(减去顶层形状)来修整在一条水平线上。颜色采用透明渐变色,渐变加强其上下空间,留有呼吸空间,添加透明是可以很好的融入背景色。此处注意层次感



步骤2.绘制单颗数木,注重树球的前后层次关系

依次画出另一颗树


步骤3.电线杆绘制


PART4:绘制星空

步骤1.绘制云通过布尔运算去处理,颜色#ffffff。月亮#f1f56d外晕通过层次渐变,叠加效果处理同样使用颜色#f1f56d不同透明度效果(18% 、7%),叠加出来。


步骤2.运用上述方法画出第二种云效果。


步骤3.绘制四角星,颜色#ffffff用矩形工具。


步骤4.最后通过复制其他的云和星星,完成最后的效果,注意星空的层次感,所以要把控好云和星星的大小及透明度。




更新:2018-12-25

收藏

13人已收藏

Jessea

没有那么多为什么,结果能证明好多东西。

  • 12

    作品

  • 11

    粉丝

  • 0

    关注

  • PS鼠绘可爱哆啦A梦
  • PS数据线电商修图教程
  • AI混会清凉夏日贺卡教程
  • AI制作水滴字母效果教程
相关标签
UI设计ps教程排版

    猜你喜欢

      2018-12-25 好文转载 教程 原作者: 紫儿妖姬 举报 2022 13 9 3

      PS鼠绘扁平化房屋夜景插画教程

      0.0°

      你确定要举报PS鼠绘扁平化房屋夜景插画教程

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年12月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      13
      3

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

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

      登录

      手机号

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

      登录
      第三方账号登录