教你画一张沉鱼落雁的平面图(二) 

2016-11-09 12:46 发布

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


画图干货 | 向摄影师学习平面技法 II
[ 本期全是动图教程…一次看够 ]

7b2a70780bca6738d1056badbe3f8fd5.jpg


III 高级技巧扩展Advance Skills

上次我说到了色调和纹理的问题最后的调色和边缘控制有很多人觉得困惑再叙述一下!
有时候给平面图贴满纹理会让视觉密度变得很高

c0a07378cebd26cc93adf33f861725e7.jpg


这样的site往往只能独占一页不能很好的和其他图纸混排我们用个词形容这种图纸
重量级
ce74c24e657474f8b615a5daecdb50a5.gif


有重量级当然也有反义词MDZZ…名字当然是…
轻量级
c53e071be41c3a79eb82b03d71dac359.gif


那么轻量级的图纸长这样

239bb0766239007fc3579f6e14b9f201.jpg

Redbull 马德里红牛音乐学院ground plan
你可以看到纹理控制上轻量级的图是有节制的这样就能很好的和其他图纸
腻歪在一起
写实纹理的拼贴一定是重量级?看下面这几张案例

91a14c5466a5a6c87fe1561760e2ad13.jpg

对平面图的外边缘进行控制

a059a52f159f603aa93694a7236eb16b.jpg


仅在某些重要区域填充纹理

6ee3c5c0c2e973a4ad1cf3e7eeb12c47.jpg


用蒙版赋予纹理轻量的边缘
这些都是非常优秀的案例
即便使用了写实纹理也可以很好的融入到排版中
上一期对案例进行的调整就是基于轻量级的思考

db6cdbf16ec719e7c15c5b1010cd4d57.jpg

f7aad884b21d6ec851523ff46b09c1b4.jpg


我们可以借助蒙版为纹理创造一个模糊的边界从而削弱它的重量感
想起一些刚刚开学的可爱PS萌新!奇奇写了一个动图演示给你们!请赞我!
假定红框为核心区内容首先为 texture 添加蒙版用一个黑色的 [管他什么鬼] 笔刷在蒙版层上进行绘制就可以起到遮罩的作用哦!
最后呢,添加两个修改器
曝光度 gamma(灰度系数)= 0.8自然饱和度 = - 40%
就可以获得更加稳重的颜色啦!当然这都是根据风格去确定不要机械套用~!

5c343b550364e187f1fe0eee80559637.gif


…桥…桥豆麻袋…写到这…忽然感觉不太妙…
一定又有笔刷去哪儿找的问题…会在文末打包个Brush喂饱伸手党~
要是不小心把关键内容画没了比如下图的红圈处按下 [X] 切换黑白色可以通过白色笔刷去修补蒙版蒙版的优势是可逆的修改性别low的不行用橡皮擦擦擦了…

fc1e8f37013917bbb67832e7dbbe1fe0.gif


其次是色彩的控制除了上述单独使用蒙版的技法外我们还可以用 剪贴蒙版+修改器 的方式利用笔刷配合蒙版做出自由的区域局部修改图纸的内容
比如用 曝光度+蒙版可修改图像的局部亮度&gamma

8b3814d72862c82b47c24fdf11077f54.gif


当然,建议你亮暗部各用一次配合上没有受影响的中灰部以获得更好的过渡效果上期的树就是这样调节明暗的~

4b5e947c98f4e910c5d37efa779b161f.gif

像下图演示一样,先标记出光源方向再进行绘制,会更加真实

de70052dd8e4f216a7bc8bf1ded4dff3.gif


另外,用 色彩平衡+蒙版可修改图像的局部色调

6a9ccc03810a1d60f1ff85eb19d31255.gif


至此为止…上节课奇奇给自己挖的[高级技法] 的大坑总算是填上了…(动图画死我了)其实并不是什么高级技巧主要人对颜色和光感的认知不同所以米娜桑…各显神通吧!目标是让图纸更加顺眼!

IV  创造写实的细节Add  Photorealism Details

是时候展现真正的技术了!什么是写实的细节呢~我们看几张摄影师 Lang 的 Aerial Shoot奇奇会标注每一张关注的细节!

513c50570710e3125b2f4fc3459790dc.jpg


道路的随机纹理和边界栏杆

d0ba28dfee428596dd076183017d3838.jpg



植被丰富度-草坪/湿地/树林/荒地

91925e500de88005ca212a75b32ede23.jpg



沙滩纹理的分层,湖水海水的差异

e00485d561bcf4f0c86cbff757b0775b.jpg



集装箱的色彩&方向

897cab4f2f9f7fc90edf063d6c4d4ffc.jpg



富有变化的植被纹理!树木的光影

cfdb2c15216c36a186f77c54fa7d2946.jpg



休闲座椅 / 树池 / 地面铺装 / 泳池边界台阶
事实上,在日常表达中平面图往往因为较小的比例尺而不如立面剖面那样精雕细琢关于平面图的素材也相应的少这就是画平面所遭遇的困境
画不出好图~首先检讨一下自己的素材库!Top view下的 人/车/纹理/植被/建筑纳…纳尼…一个都没有?这你也敢动手画?…算了算了…今天让奇奇来圈一波粉!(素材文末提供下载)
今日菜谱[ 厉害了我的平面图 ]

187b70c6e031575a124c827f8541ec5f.gif


首先要准备如下素材:
道路切片若干

0a44c3bbca792b3e04bbbabb22aba033.jpg


屋顶纹理若干

5b292fab8eb750ee0d32599c7c698147.jpg


a1e3cff7982bd6e6d9cd31e517fd23b4.jpg


植被纹理若干
a2c4edf641e2aa99edfaa8c2aae39542.jpg


顶视图人一勺
2adfd8ad873f94a52f9dcb35253e90ec.jpg


顶视图树一勺

5e3b0ee66b8c63054ca5fc5a907e6217.jpg


顶视图车一把
3f70c2df50f93de22eb564207a6def93.jpg



具体做法先把 [屋顶纹理] 平铺在砧板上反复洗净,去皮(滑稽)(直到它们看起来颜色&饱和度统一)

771803f6cca4c9814b62b97a2b22a83e.gif


开始摆盘,把洗净的 [屋顶纹理] 按照大小均匀地铺满到碟子里

57bfcb00e5b4ab41dc27caca24753cb9.gif


厨师心得遇到大面积纹理铺设的时候手动填充的效率是很低的而且会有接缝问题~!仅仅在对纹理方向要求很高时(比如刚才的屋顶贴图)才会这样做

6b203d67e6e15303470609c83be2f0c8.gif


可如果想用pattern fill要求贴图必须是无缝的如何快速得到 seamless 贴图呢?手工做当然没问题…但有超方便的pixplant2可以生成勾选 水平/垂直/180度 对称

bdec868f865cc228781b8dd2284a6861.gif


下图右侧就是做完的无缝贴图啦![ 道路无缝贴图 ]

379b5daa1534ec475ce9da66029c060f.jpg


单独打开纹理,编辑-设为图案就可以用填充轻松得到路面纹理了
当然,还可以玩出很多花样!PS道行深浅,全看脑洞好吗!
比如这个:填充-砖形填充[分分钟做个广场纹理?]

8ea6ff656c675c1be229315bf3e4845f.gif


再一次!填充-螺线填充[圆形广场也是能搞定的!]

f9c115e4fb0ae30878dd0f34e47ad399.gif


均匀的为碟子铺上主菜 [道路纹理]并在其上点缀道路线和汽车
…等等…说到道路线!很多童鞋会很头大!没有好的道路素材就算了!路本身还会各种拐弯!根本没想过自己画!
奇奇带你顿悟!还是填充大法好啊!把 [行道线] 改刀成 扁扁状沿着道路的中轴画一根路径!厨师奥义:填充-路径填充改变图层的烹饪方式为:变亮嗯!打一个漂亮的刀花!

2e8e1e05f2b0bb1177cd41a5c00e4aa7.gif


另外,如果遇到颜色不对的问题只需要用 色阶工具-黑色吸管吸取道路线的纹理处就可以完全排除底纹哦

b43ada30b0ebc4761802ee19aaea782b.gif



有没有打开你新世界的大门?车和人都可以这么添加耶
用两节课学到的方法
愉快的制作各种纹理吧!很快就能完成主体部分的绘制了!

0da501c1ea8ff9e38b182324b9eb2b8a.gif


下面开始进入这节课最重要的部分:
[ 添加细节 ]终于等到你~♪
还好我没放弃~♪
……这感觉就像……
做好烧饼往上撒芝麻烤好披萨往上撒配菜擀好饺皮往里包肉馅煎好牛排往上浇黑椒…奇奇口水怎么流出来了…
为画面添加人和树木就没有技巧了吗?还在石器时代的童鞋们…是时候学习 [奇奇大法] 了…这就像撒东西一样简单!
拿出前一期推送的 top-view trees分别单独设置为图案
打开填充-随机填充适当的调整参数让树和平面的比例尽量和谐要是觉得不好看可以再来每次生成的都是不一样的
动图里你可以发现…非洲人奇奇在这里试了三次才得到自己喜欢的组合…
添加 绿地区域蒙版 限制树木的范围用笔刷修补被 蒙版 切掉的树~

addb56ac4a6299a10b55bad8eca5dc7b.gif


再一次!再一次!
为场地添加多样而随机的植物!
99b9efd1285fd56732c42e43ff61e4d4.gif


阴影是平面图的灵魂不信的话……你看!图层效果-添加投影效果

43ea6919b2d45a13a8162a3195a9c064.gif



其实阴影还能做的更细比如栅格化阴影…再补全斜45度的细节~自己尝试一下哦!
最后做一些 [微小的工作]简单的为场地加一些光照感用 色彩平衡&曝光 修改器 即可这一步完全看个人美感!
因为阳光的方向奇奇削弱了背后河岸的亮度并用黄色调的色彩平衡创造出阳光感(需调亮屏幕观察颜色差异)

1cc778637c043018a12672645f6b144a.gif


最后,为你的 Final map加一个 [管他什么gui好看就行] 滤镜不过奇奇有一句忠告:滤镜只会让美的更美,丑的更丑记住这句话!

fe39146cfeb58922b631da69a64257ad.gif





  END



   扫描二维码即可关注
AD.jpg
游客,如果您要查看本帖隐藏内容请回复

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

全部评论65

  • archidream11
    archidream11 2016-11-11 10:59:21
    真的是受益匪浅啊
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • wu19920822
    wu19920822 2016-11-18 15:03:28
    h好东西啊,必修顶啊
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • 面具男
    面具男 2016-11-19 12:02:14
    大师级的教程

    分享本文,每次被点击增加您在本站积分: 2红宝石
  • 只想旅游的
    只想旅游的 2016-11-20 10:17:19
    好棒啊棒棒棒棒棒棒棒
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • 来自星星的鱼
    来自星星的鱼 2016-11-20 15:12:19
    上一个教程好像没有素材了,可是教程真的很好。
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • nathenhero
    nathenhero 2016-12-5 23:02:30
    太6了,没想到平面图还可以这么6‘

    分享本文,每次被点击增加您在本站积分: 2红宝石
  • DAXIONG
    DAXIONG 2016-12-6 14:47:02
    上一个教程好像没有素材了,可是教程真的很好。
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • 星宸衍逸梦凌天
    星宸衍逸梦凌天 2016-12-9 21:36:28
    希望链接还有效
    分享本文,每次被点击增加您在本站积分: 2红宝石
教你画一张沉鱼落雁的平面图(二) 
帅的人都用微信扫了!
联系
我们
快速回复 返回顶部 返回列表