一文黑暗系的平面图教程 | IEARNING AND IMITATION 3 

2016-12-15 19:51 发布

3368 6 0
本文经授权转载自Tani的绘图空间(ID:Tani-Studio)
作者:DA-Teng



想听黑暗系的抄绘吗?    要听吗?来咱们就开始...

是不是应该有个前言给ni介绍下?
就是ta 黑暗系的Roof    Plan



这是一张黑暗系的抄绘但ta又不仅仅是一张抄绘
  为什么呢?咱们接着讲....



Ⅰ  |  叙事


先来看看ta出自哪里吧原图案例赏析




案例出自   The RIBA President's Medals Student Awards原文链接  http://www.presidentsmedals.com/ ... &dop=True&year=2011





Ⅱ  |  分析
下面接着说一说为什么要讲ta的抄绘(那些打动人的细节)...




清爽的基底
(氛围的和谐烘托与建筑的“挤”出)带感的材质(混凝土表皮,波形瓦屋顶,硬地铺装等)挤出来的空间次序(纹理走向,建筑阴影,黑白灰的过渡)



Ⅲ  |  绘制
“营救”Roof  Plan的故事


首先让我们用PS将他从带颜色的“监狱”里解救出来...




  认识ta吗?哈虽然灰头灰脸的但这就是ta呀哈哈...



不信?接着来看


|  笔刷绘制纹理  |




自己动手,丰衣足食哈先用小笔刷 刷一刷再复制一层来个分层云彩的滤镜图层叠加模式来个正片叠底的效果如果觉得太暗  还可以通过调节
图层的不透明度来设置叠加的灰度对了,提一下Ctrl+F是执行上一次使用的滤镜的快捷键(在新版本的ps cc2017中快捷键是ctrl+alt+f)
看一看层次变化有没有很丰富呢?
这次出图用到的所有纹理都是由小编自己用笔刷结合滤镜做出来的使用很方便很有感觉所以素材完全可以自己做嘛



|  滤镜制作屋顶材质  |




先用黑色填充图层接下来用滤镜对图层添加杂色,选择  高斯分布,单色模式 再给图层添加个动感模糊的滤镜别忘了是可以选择方向的像素值我喜欢用最大值为什么?因为喜欢啊(效果明显)有了没?哈


|  叠加屋顶纹理  |





用前边提到的笔刷制作素材的小技巧在制作要叠加的纹理的过程当中要依据实际生活中的生活常识和规律在素材中分图层表达一些小细节像什么光感啊波形瓦顶的焊缝啊部分区域的明暗对比啊黑白灰的过渡关系啊这些细节的表达是有一个逻辑顺序思考ta们的逻辑顺序处理好图层中细节部分然后选用合适的叠加模式(本案例中只有黑白灰,故正片叠底是最合适的图层叠加模式)直接叠加图层就可以出效果了是不是?


|  表现混凝土墙表皮  |





将要叠加的材质纹理在要表现的范围里铺好反选删除表现范围外的部分卡色阶增强素材的黑白对比擦掉纹理原有的硬边缘用笔刷刷出暗部的细节选用正片叠底的图层叠加效果最后一步对线稿图层添加高斯模糊破掉线稿制造的硬边界看起来还是挺像那回事
哈...

再来看下混凝土材质的整体添加




|  叠加基底纹理  |

接下来感受一下纹理叠加来看看下面一张简单的纹理通过不同角度不同细节的多次叠加 会出现什么效果拭目以待?




来看一下哈...



通过叠加图层的次数可以看出一张好的基底纹理是需要多层次的纹理叠加的每个图层的纹理都可以通过添加图层蒙版用不同灰度的笔刷适当增减纹理疏密等细节可以使基底纹理的表达很“清爽”处理好黑白灰的过渡整体感觉会很棒有木有?



|  光影与整体氛围的处理  |

有了好的材质表达和清爽的基底纹理处理那么怎么让他们把关系搞得更融洽呢?来看下

无阴影表达的效果



简单添加建筑阴影的效果
虽然加了阴影关系,但是建筑与基底还是不和谐建筑像不像是飘在空中的?



在建筑下方加深阴影以后的效果
建筑的漂浮感减弱所以阴影添加更多的“黑”可以拉近两者其实是用了黑白强对比后更突出白色部分





看下整体效果


用动图来更好的展示下外变化效果



整体把握图面的黑白灰关系用建筑阴影和建筑底部的黑底将建筑“挤”出来两者的关系就更融洽了...


Ⅳ  |  逻辑过程展示

整体效果如下




把每一部分都放在一起再来看一看解救出来的是不是ta?...



哈哈

抄绘
終..



哎等等等等...



凹  你问我笔刷怎么装那我再开5分钟



Ⅴ  |  笔刷的安装




两种方法都可以,不过推荐第二种办法A        不推荐是因为怕你找不到对应的位置......
将笔刷文件(.abr   注意画笔的格式,区分画笔和工具预设等),放在X:\Program Files\Adobe\Photoshop CS\预置\画笔中,X 是你ps的安装路径所在的储存盘.
B         推荐是因为它的优点:简单可预览(当你载入你需要的画笔文件后在预置管理器当中可以看到你所安装的画笔的大概样子,不喜欢可以直接删)......
a、把笔刷文件(强调笔刷的格式是.abr,不然是不会被装上的)拖出来放在桌面(你方便找到的地方).打开PS,单击编辑——预设——预置管理器。
b、在预置管理器对话框中中上部位置的预置类型中选择“画笔”。
c、在载入对话框中找到画笔文件(去你放画笔文件的位置找)后按“载入”按钮。
d、载入后,在预置管理器中可以预览你安装的画笔,在工具箱中的画笔工具里,就可以找到并使用你的新画笔了。
  ENJOY
...



Learing and Imitation 第03期文件

1个  psd源文件   162MB6个笔刷素材文件  15.9MB图中所涉及的gif大图文件  17.3MB


END


扫描二维码即可关注

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

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

全部评论6

  • 452384936
    452384936 2016-12-19 23:16:55
    哇娃娃我要下载
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • ArchDream
    ArchDream 2017-1-2 17:58:22
    haohaohaohh好好好好
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • 熊二二
    熊二二 2017-2-18 12:52:59
    66666666666
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • mvpparker07
    mvpparker07 2017-3-5 13:24:14
    一定要下載
    分享本文,每次被点击增加您在本站积分: 2红宝石
  • q254562599
    q254562599 2018-6-4 03:58:56
    非常好,谢谢
    分享本文,每次被点击增加您在本站积分: 2红宝石
一文黑暗系的平面图教程 | IEARNING AND IMITATION 3 
帅的人都用微信扫了!
联系
我们
快速回复 返回顶部 返回列表