教你画一张技惊四座的平面图(一) 

2016-11-08 23:16 发布

文章经授权转载自建筑师的小教室(ID:archilesson)
作者:奇奇


画图干货 | 向摄影师学习平面技法 1
[ 换个角度看这个世界 ]

943de5f097b1d1f6c5b33d609d0d4e45.jpg


正片开始!在讲平面图之前卖个关子这周给大家介绍一个厉害的人来自 Munich 的 Bernhard Lang
227af1ae442f8e6438758808496c0d08.jpg

这是一位神奇的摄影师,因为他关注的是…

835841cd7151daf2e20162bce624f9be.jpg


Vertical aerial photography!(先乱飙英文感觉很酷的样子)也就是垂直航拍啦!

97b772c11fa2d06831914f25ac3b87d1.jpg


以上是在bēhance上的作品简介讲真普通摄影师还真拍不起虽说是用 街机 iphone 6s plus 作为设备但因为航拍器的高度和飞行限制得靠直升机搭载进行拍摄……我勒个去…换言之这个看似中年秃头的男人其实属性是一个 高!帅!富!

等等…我好像跑题了不过他的作品甚至还成为了欧洲区苹果6s的宣传图是不是侧面说明作品逼格很高呢…
8b38936c0c8fdaf4e0d888cff33697fe.jpg

d4d35bd5d460282e04cd6a08c8e2ce97.jpg


那么热心的读者们要提问了:这和你的标题有毛线关系啊!嗯…确实没什么关系…但是最近我听说有的小读者把平面图画成了…下面这样…这样…

ccc187b4583281e65baed5dd385c2cae.jpg

[用画图器的我自豪!平面系列]

48da7cc1ac0a9744f432f5e56bc76409.jpg



[我就爱!15年前的配色系列]

a97ca2b63a28b915faa07ecf168003c6.jpg



[我不管!SU裸导平面系列]

df3295fd5da326847da163123e983d66.jpg



[我的PS颜色坏掉了!平面系列]

难道不会很有危机感吗…作品集里有画成这样的平面…真的能被录取吗…
建筑圈的小伙伴在画平面的时候,…有人会随性添加 [写意的] 材质…最后画的像浓妆艳抹的幺蛾子还有的就选择死亡,直接 SU极速出图…一大票人遇到平面图就大脑宕机奇奇只能说………这…这很正常!人需要依靠模仿来进步想要平面图画的好,多往高处飞可谁TM有条件天天坐直升机往下看啊!

d69fc8e5d8e1ed75aa575ab6387aa7ab.jpg


现在你明白为什么要提到 Mr Lang 了吧!他的平面航拍里不仅细节多多更有很多宝贵的平面技法这次让职业摄影师来教你…画一张技惊四座的平面图吧!正片儿开始!

I 正确植物颜色Color Correction

植物颜色是个很沉重的话题在上古时代…大约2000‘s…大家的审美都是大红大绿没错这很社会主义…然而现在16年过去了部分人的口味仍然重的可怕就像釜山行里的丧尸一样恐怖今天我们来通过几张图…认识一下国内外关于植物颜色的审美…

首先看 Lang 的航拍图(…图里很多部分可以直接抠出来用…)
[虽然摄影师一定会对照片颜色进行修正][但修正结果也是在其审美下产生的][我认为仍然有其参考价值]

0db37c1071fd004df6596951a4dc8d24.jpg


a94e609d7e5402258f91003852a93a63.jpg


25ffc69ef060c1137cca3f90d67ce1f1.jpg

972ba31c9855fa8cf9de6209c1b5e844.jpg

ee636ab9d4a2bc71057d4c67627f8f24.jpg


这里不乏重口味的图比如倒数的一二两张分别描写的是麦田和加州海滩但整体的大色调仍然有[风格]可言
看完摄影作品之后,我们可以对比一下国内外平面表现关于颜色的大体态度首先是几张国外事务所的平面图

183fcf5b759aa2b0e34b25a13f49e147.jpg

写实的 航拍照片 风格

0b078a8cb30a875c62565289cc10f927.jpg



半写实的 landscape 风格

2d463814b5e770b04dec4a676931714f.jpg


d159040d1c17544b8f39724b1bc9d548.jpg



不写实的 texture / drawing 风格
奇奇列举了三种风格下的 site plan你可以发现他们在植被颜色上的共通性充斥着低饱和度且富有变化的绿色而且色调倾向往往是偏暖
然而国内一些大院的 site plan(当然…不能以偏概全)

f2fae925b6fcdf0577eda5e8dafffeaa.jpg


48da7cc1ac0a9744f432f5e56bc76409.jpg



主色彩会倾向冷色,纯度过高且不同绿色之间的变化很少这是平面图从色彩上不好看的原因

继续对照片里植被颜色做一个归纳发现饱和度会根据具体内容发生变化

37ef952d8c76f0aeebd7e5c09dd15040.jpg


aa6fabcf3b532dcadc5cfa2763be671f.jpg



在强光和荒野中会低饱和呈现出 曝光感

6584b85e4ce82e56be479e6bdea6b11c.jpg



b48b53cceaffb69b7041bf6dff5576eb.jpg

通常情况下则会较高饱和呈现出 多样感

同时观察取样点与白线的关系(白线即为50%明度线)色彩的明度大多很中性
另外图中给出的色号都是非常不错的植被参考色

以后用 google earth 截图时先试着把植被调整成合适的色彩!这是任何平面素材的第一步

3132a8384ca3c3722480d4f2fd9eb76d.jpg

8d559279efd602bdc6698a88e67e8506.jpg


色调将最直接的影响平面图风格学会在画图时临摹一些照片色调吧~把照片用滤镜-色块-马赛克处理获得更直接的颜色!

d0d4f349fbb6fcc0bf72d28636048ae9.jpg

讲完了色彩感,可以进入下一步了!

II 添加写实纹理Add  Real Textures

纹理的重要性是体现了信息量比如图里一块纯绿色,被人问起来你可以嘴炮 lvmax 说 草地 / 树林 / 公园这些就是没有反映在图纸里的信息
纹理对图纸的提升效果特别好有好多读者问过奇奇:这张图是怎么做的?

0cc7009547b73d1baa752aec131dafec.jpg


细腻的纹理在这张图中扮演了主角奇奇为宝宝们画了一张演示!! 其实掌握了原理难度很低哦!

b298c8a73a05f7a585f10a17dc89a3b8.jpg


3bbc5b652e90833b100924d4480c22e8.gif


在揭晓技法之前~!
我们先来看看 摄影师 Lang 关于纹理的摄影多了解自然中的真实场景,能大大帮助表达

5763bf1c3e8c6ef4fe29db5e37b2a4bb.jpg

af8c44739ac6d49d98c7dbc9521713a6.jpg

e533423e071c180c1115273fe9c852e5.jpg

273960809fe08c823c6261685b0354ea.jpg

571a7188dad3cffd76a85871d914e0ef.jpg

d7197b50152e6469be2f196e8e5980ec.jpg

e3954e981adc84ccd770d58693dbb254.jpg

ac353d2b706f21b390afed9e229cfe07.jpg

9d53f6efa7b7459d80f289c04896c114.jpg

eef82085249a30dcc641ca2b33611ee5.jpg



真实的自然环境下纹理的复杂度远远超过想象……然而…大多数情况下…你拥有的只是这样一张线稿图

7125300ff3a97e86975419968b39f434.jpg


画个毛线啊!!!

…不过…仅是一张等高线稿也能画出分层的底色

dc9f081ab3c114c1f177218922050fa1.jpg


分层之后,要为画面添加纹理[已经有人慌乱打开百度寻找合适的贴图]naive嘛!怎么可能用百度!你可以用ps的图案填充功能~这里奉上 8 张 CG级无缝草地素材~以及 9 张 top-view trees的网盘下载~!
76b9572b1a84b1c7be1463c85322a5fc.jpg


92c5ab9d758d654a64c27c44289ba163.gif


当然…混凝土 / 砂砾 / 水体 都是同理的你可以用小软件 [pixplant] 把它变成无缝哦!PS菜单—编辑—定义图案,即可导入素材~
如果填充的是混凝土类的砖块纹理还可以利用填充中的脚本丰富纹理的随机性

60a40bb39c09d1221ea81f4215ed63cd.png



85a225eb8604b437ba7fc55c2bce6c22.jpg



填充图案后要进行去色就可以得到不影响颜色的纹理图这样做的好处是:
[底色图层] 可以单独控制色调

d82a78f520c1434e67936a9b1c7a65b4.jpg


纹理的叠加方式是多样的如果希望画面对比加强可以用 [正片叠底] 的方式
但若是期望案例中的小清新风格就需要把纹理 [反相] 处理用 [叠加] 或者 [滤色] 的方式去提亮画面下面可以看到两种手法的区别
[ 正片叠底 ]
dff811fadb42dbedfcd56c4725270568.jpg

48f96004daed13f701bb128fd91b038d.jpg



[ 叠加 / 滤色 ]
接下来是第三步!为纹理添加随机性!软件生成的纹理总是重复的为了模拟自然状态下的纹理~需要叠加一些自然感!
所幸强大的PS可以提供完全随机的纹理[滤镜] - [渲染] - [云彩]把random贴图作为texture的蒙版即可模拟出草地纹理的变化

8d794686fec4243a4c49d04234c87689.jpg


8efbf9b5bded556943e755d708933730.png


48f96004daed13f701bb128fd91b038d.jpg

72dc63834b021c15a9d260a60d318856.jpg


最后调整一下色调和曝光添加符合 [光照环境] 的树木这些都是重要的细节哦!

4b5e947c98f4e910c5d37efa779b161f.gif




db6cdbf16ec719e7c15c5b1010cd4d57.jpg


最后一些高级技巧:用 笔刷蒙版 控制纹理的边缘用 修改器节点 + 笔刷蒙版 控制变化几乎可以得到任何风格的平面

f7aad884b21d6ec851523ff46b09c1b4.jpg


看似复杂的图纸掌握创造随机性和纹理的技法就会变得轻松愉快!
为图纸上的每个部分添加纹理吧!当然也建议你使用CGtexture贴图库里的资源这样得到的平面质量一定非常好这是个疯狂花费时间的过程 !千万要耐心哦~





  END



   扫描二维码即可关注

AD.jpg    
游客,如果您要查看本帖隐藏内容请回复


分享本文,每次被点击增加您在本站积分: 2红宝石
B Color Smilies

全部评论60

  • hexyk
    hexyk 2016-11-15 13:21:02
    好教程学习一下
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • 只想旅游的
    只想旅游的 2016-11-20 10:21:25
    太棒棒棒棒棒棒棒棒棒棒了
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • haohao1918
    haohao1918 2016-11-27 15:55:26
    做图,练习练习。棒棒棒棒棒
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • LULULULULULUKE
    LULULULULULUKE 2016-12-4 10:27:41
    谢谢分享,学会了不少知识
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • nathenhero
    nathenhero 2016-12-5 23:05:58
    真的是太棒了,好好学习
    分享本文,每次被点击增加您在本站积分: 2红宝石
教你画一张技惊四座的平面图(一) 
帅的人都用微信扫了!
联系
我们
快速回复 返回顶部 返回列表