网站地图关于我们

查看相册 View Gallery
相比写实风的透视图与精准的平面图表现,拼贴剖面图的简洁明了与富有艺术性更加耐人寻味。拼贴纹理风格由于其多是由创作者控制光影和笔刷来实现从简单的线稿使建筑和周围环境通过色彩关系和纹理完美融合在一起。

A. 参考图的选取

参考图的选取非常重要,从中可以借鉴其配色和光影关系的表达。

剖面图绘制教程——纹理拼贴风第1张图片


剖面图绘制教程——纹理拼贴风第2张图片


剖面图绘制教程——纹理拼贴风第3张图片


剖面图绘制教程——纹理拼贴风第4张图片

(以上图片全部来源于网络)

最后一张图在youtube上有加快版的制作过程,链接https://www.youtube.com/watch?v=1XUZnIm4xGA

分析以上剖面图特点
1•基础是线稿
2•有材质的表达
3•引入光影
4•手绘表现强烈
5•构图和色彩深沉


B. 素材准备

线稿     找一张线稿剖面图

剖面图绘制教程——纹理拼贴风第5张图片


剖面图绘制教程——纹理拼贴风第6张图片



贴图       在texture网站上找需要的纹理贴图(不用翻墙)

剖面图绘制教程——纹理拼贴风第7张图片



C. 开始制作

1.在网上搜索一张剖面图,导入PS中,发现没有CAD的线稿很头疼,只能用套索工具选取,不过一点一点选还是可以的,配色决定选用上面第一张图的配色。

剖面图绘制教程——纹理拼贴风第8张图片



2.大地部分 用多边形套索工具选取大地部分,存储选区,放入事先准备好的大地贴图。如下图:
   
剖面图绘制教程——纹理拼贴风第9张图片


剖面图绘制教程——纹理拼贴风第10张图片


载入选区,如下图:

剖面图绘制教程——纹理拼贴风第11张图片



在贴图图层建立蒙版,如下图:
  
剖面图绘制教程——纹理拼贴风第12张图片



Ctrl+j复制大地图层,透明度调成35%,用水彩笔刷和烟雾笔刷,刷出水彩画的纹理感觉,并修剪纹理图,重新构图。如下图:

剖面图绘制教程——纹理拼贴风第13张图片



刷的时候,保留靠建筑的一段,由上到下颜色依次递减,形成褪晕的感觉,反复刷了好几十次,还算有点感觉吧,主要看审美和对画面的整体感觉的把握,或者找张范图比着刷,笔刷就是水彩笔刷那几种,多用就会有自己的体会。

在地面那端用黑色水彩笔刷刷一层黑色,调整透明度,使边界清晰。

剖面图绘制教程——纹理拼贴风第14张图片



3.赋予材质

同样用多边形套索工具选取要添加贴图的房间,和之前添加地面贴图一样,存储选区,导入图,调节大小,载入选区,创建蒙版
   
剖面图绘制教程——纹理拼贴风第15张图片


剖面图绘制教程——纹理拼贴风第16张图片


剖面图绘制教程——纹理拼贴风第17张图片



调整材质的色相饱和度,右键图层,创立剪切蒙版,只对墙面图层起作用。如下图:

剖面图绘制教程——纹理拼贴风第18张图片



相同的方法,赋予木头的材质贴图,调整色相饱和度,如下图:

剖面图绘制教程——纹理拼贴风第19张图片



4.建立配景

用树叶笔刷设置成黑色,将线稿树刷上树叶,显得画面不那么单薄。如下图:

剖面图绘制教程——纹理拼贴风第20张图片



5.绘制天空

还是采用画大地的方法,存储选区,导入图,调节大小,载入选区,创建蒙版,水彩笔刷刷出需要的感觉。

但是,我找的原图是黄色的,放进去效果很差,这时候需要shift+ctrl+u褪色,并且ctrl+u调整色阶使中间箭头移动到峰值处,这样是为了使纹理更加清晰,如果要求更高,可以再调曲线等,视自己而定。

剖面图绘制教程——纹理拼贴风第21张图片


剖面图绘制教程——纹理拼贴风第22张图片


剖面图绘制教程——纹理拼贴风第23张图片



到这里已经看到成图的影子了,剩下的就是细节部分的绘制,对最后表现很重要!

6.细节绘制

a灯光的表达:用钢笔工具或铅笔画出灯泡的轮廓,如下图:

剖面图绘制教程——纹理拼贴风第24张图片


剖面图绘制教程——纹理拼贴风第25张图片



然后介绍一个很神奇的笔刷,灯光笔刷,自动生成光的效果,是不是很厉害,链接http://brushes8.com/category/photoshop-brushes
直接搜灯光笔刷就OK。

剖面图绘制教程——纹理拼贴风第26张图片



然后房间内细节新建一个图层,混合模式调成柔光,用白笔刷亮房间,如下图:

剖面图绘制教程——纹理拼贴风第27张图片



b剖面加深

参考大神的图,发现被剖到的部分一般纯白,或者深黑,而且带有一定纹理,这时候用多边套索工具选取剖面,用炭笔笔刷调成黑色刷黑剖面。

剖面图绘制教程——纹理拼贴风第28张图片



c手绘线的绘制

看一下整体效果,发现还算和谐

剖面图绘制教程——纹理拼贴风第29张图片



但是细看,如下图,懂了吧,连接处很生硬,这样非常影响最后的效果

剖面图绘制教程——纹理拼贴风第30张图片



看一下大神的处理方法

剖面图绘制教程——纹理拼贴风第31张图片



懂了吧,通过手绘线可以大大弥补这个缺点

用PS自带的2B铅笔笔刷,新建图层,在不和谐的边缘处绘制手绘线,并且可以通过这个方法重新构图!

剖面图绘制教程——纹理拼贴风第32张图片



是不是效果好多了!

剖面图绘制教程——纹理拼贴风第33张图片



7.最后调节

剖面图绘制教程——纹理拼贴风第34张图片



加上配景鸟,使图面更加生动

Shift+ctrl+alt+e盖印,camera raw一下

剖面图绘制教程——纹理拼贴风第35张图片



最后复制一层,混合模式调成柔光,调整透明度,使画面更加和谐。

剖面图绘制教程——纹理拼贴风第36张图片



成图如下:

剖面图绘制教程——纹理拼贴风第37张图片



作者简介:

本人青岛理工大学建筑学大三学生,受到国外大神制作剖面影响,借鉴思路,分享给大家自己制作的一份纹理拼贴风剖面图,望大家喜欢,么么哒。


剖面图绘制教程——纹理拼贴风第38张图片


欢迎关注!


来源:本文由董敬哲提供稿件,所有著作权归属董敬哲所有。

【专筑网版权与免责声明】:本网站注明“来源:专筑网”的所有内容版权属专筑网所有,如需转载,请注明出处

专于设计,筑就未来

无论您身在何方;无论您作品规模大小;无论您是否已在设计等相关领域小有名气;无论您是否已成功求学、步入职业设计师队伍;只要你有想法、有创意、有能力,专筑网都愿为您提供一个展示自己的舞台

投稿邮箱:submit@iarch.cn         如何向专筑投稿?

扫描二维码即可订阅『专筑

微信号:iarch-cn

登录专筑网  |  社交账号登录:

 匿名

微博评论箱-微博
还可以输入140
表情
1条评论
Hushpuppy_
没有了...
评论加载中,请稍后!

教程 (237 articles)


建筑 (7465 articles)


剖面图 (18 articles)


拼贴风格 (6 articles)


配色 (14 articles)


光影 (5 articles)