建筑设计系列

室内设计渲染效果图技巧

来自建筑师设计师Osama Elfar的设计教程

和建筑设计师Osama Elfar一起学习如何使用纹理和素材渲染一幅室内设计图。


请观看我们的B站视频教程。阅读下文中Osama Elfar的附加见解以及视频教程相关的更多详细信息、技巧和画笔设置。


 


采访

请问您是从哪里找到透明PNG素材、景观图和材料?

我平时都是从图片库网站找到材料图片然后购买。有时候材料供应商会给我们提供实体样本和高清素材图片,可用于给客户演示使用。对于部分图片,我会用PS去掉背景,然后保存为PNG格式。概念画板也可以实现功能,使用遮罩工具把不需要的部分裁掉,然后导出为透明PNG图片(请在此处阅读如何在概念画板中制作透明的PNG素材)。

在概念画板中使用透明PNG文件为我的设计工作流程提供了很大的帮助。能够节约创作时间,尤其是在飞机上时,让我能在旅途中为自己的设计制作完整的演示文档。我付出了大量时间到制作自己素材库上,马上就完工了。自制的素材库中有天空、人物、材料、Logo和背景的照片,方便随时使用。

  

 


视频细节

本视频中,我们将搭配使用导入的照片和概念画板笔刷来渲染一幅室内设计草图。该视频中的草图是在SketchUp(建筑师常用的3D建模软件)中创建的,但是您也可以通过概念画板创建出类似的设计草图。请观看我们上一篇视频教程《通过平面图绘制轴测图》了解相关流程。

可灵活使用PDF文件和真实材料照片的功能使我们可以非常轻松快捷地在概念画板中创建出完整的渲染效果。 概念画板具有将传统PDF转换为透明PDF的功能,而且可以导入透明背景的素材,还可以轻松地通过控制点将图片倾斜,让渲染过程更加简单。 

在本教程中,我们将主要使用图像来渲染设计草图。要构建自己的透明PNG图像库,请按照Osama的采访中所述,收集照片并将其保存到相册、文件或概念画板中的素材库中。学习如何在概念画板中制作透明PNG素材学习如何自制素材


导入草图

1. 完成所需的室内设计后,将图像旋转到所需的角度,然后选择PDF作为文件格式

2. 将PDF导入到概念画板中时,点击选取菜单上左端的不透明度图标(看起来像马赛克的正方形图标)。这样做之后导入的PDF背景是透明的,仅显示草图的线框,我们可以在线图下方添加材料和颜色。

3. 打开图层菜单。确保导入的图像图层在图层菜单的最顶层。在该教程中,请选择手动分层模式。

渲染草图

1. 从相册或浏览器中导入木材、金属或其他纹理照片。

2. 复制材料图片,然后将其镜像以匹配图像色调,这样就能以真实的比例用材料图片填充出足够大的空间。

3. 后面我们还需要使用它,所以先把材料选中并复制,然后拖到当前图层上面的新建图层中。隐藏该图层。我们继续在当前图层上进行操作。

4. 保留材料或素材的一种好方法是将副本添加到单独的“纹理”图层,然后在处理主图像时将其隐藏。

5. 请旋转要用来填充床头板的图像。由于草图线框仍然是顶层,因此我们可以同时看到草图及其下面的材料。使用硬角遮罩工具擦掉床头板边界之外的图像。

6. 如有必要,在操作的时候降低图像的不透明度。点击图层缩略图打开图层菜单,然后使用不透明度滑条调整图像的不透明度。

7. 对于床头板中间部分,我们选择使用反向的木材纹路。把另一张木材图层旋转或者镜像,然后覆盖到床头板上。使用平滑度100%的硬角遮罩把该图层上床头板中间以外的地方擦掉。如果你用的是带压感的触控笔,在擦除的时候把压感关闭(在设置>压感笔下面设定)或者使用手指擦除。

8. 给床头板的四周边框导入补充的木材材质图片,然后重复相同的步骤应用它。使用控制点将材料图片倾斜到与草图匹配的角度。

9. 用相同的流程把地板材料应用到草图上。用不同的材料,比如牛皮或粗毛来填充床下面的地毯区域。

10. 控制遮罩的平滑度和大小以适合你的需求。不管画作放大或者缩小如何,遮罩的尺寸不会变化的。所以放大之后我们可以用遮罩擦除相对细节的地方。

11. 拍一张景色宜人的室外照片,用作玻璃门或窗户外面的视野。

12. 部分空白的区域,比如墙和天花板,就可以使用填充工具完成。使用微移工具把不均匀的填充内容和角调整到合适的位置。将微移的尺寸设定小一些,能够更好地进行调整。

渐变阴影的应用

在概念画板中有种简单的将光照变化应用到画作上的办法:先在画作上创建阴影,然后使用硬角和柔角遮罩来显示光照。

1. 打开精确菜单,激活矩形辅助线,这样画出的内容边都比较干净。你也可以使用基础图形素材完成这一步。将辅助线的框覆盖到整个图像上,然后降低填充工具的不透明度,顺着辅助线描出来。

2. 以同样的方式,把前面的墙颜色加暗,因为光是穿过玻璃门照进来的。

3. 使用硬角遮罩把从玻璃门照进来的光画出来。

4. 在光源的另一侧创建阴影,以增加房间的真实感。我们可以在单独的图层中用铅笔线作为我们画进一步阴影的参考使用,画完之后去掉就可以了。

5. 对于草图中的圆形物体,比如说灯罩和陶瓷,用遮罩在它们表面四周模拟出曲线感。改变遮罩的不透明度。对于一般光线,使用较低的不透明度;对于较亮的边,使用较高的不透明度。

6. 根据光线角度,某些区域要比其他区域暗一些,这样有助于加强场景的真实感。

7. 使用柔角遮罩将阴影都混合到光线中。把遮罩的笔宽调大一些,用于画作四周边缘。

8. 使用填充工具在天花板上添加剩余的阴影细节,然后使用硬角遮罩显示光源。用100%平滑度将天花板上多余的部分擦掉。最好使用柔角遮罩给灯加上灯光效果。



笔刷设定

提示:可以使用100%平滑度的硬角遮罩工具遮盖笔直的边。如果你使用带压感的触控笔,请在擦除的时候关闭压感(在设置>压感笔下面),或者只使用手指擦除。遮罩笔画会保留固定的宽度。这个方法在使用直线辅助线和其他图形辅助线进行擦除时特别有用。

1:50 - 硬角遮罩:100%不透明度

7:25 - 填充:100%不透明度

8:14 - 微移

8:28 - 填充:黑色,约130%不透明度,坠阴影

9:12 - 硬角遮罩:100%不透明度

10:10 - 软铅笔:100%不透明度

10:26 - 硬角遮罩:100%不透明度,从大致到细节的遮罩笔画大小也越来越设定的小了

12:36 - 柔角遮罩:100%不透明度

12:50 - 硬角遮罩:100%不透明度,100%平滑度

13:53 - 柔角遮罩:100%不透明度


 

设计师Osama Ahmad Elfar于1992年毕业自亚历山大大学。他是UNii Engineering Consultancy的合伙人,该公司在阿联酋、卡塔尔和埃及均设有办事处。他曾多次赢得知名设计比赛。作品横跨不同建筑领域,包括高层建筑、多功能建筑、住宅、商用和酒店业。他的项目广布世界各地,包括阿联酋、卡塔尔、埃及、沙特阿拉伯、美国、瑞士、比利时、阿曼苏丹、利比亚和日本。他同时还做设计培训,教授课程和在活动中演讲。

大家可以在YouTubeInstagramFacebook上关注Osama。他的更多作品发布在www.uniidesign.comwww.osamaelfar.com


内容制作:Osama Elfar
视频剪辑:Lasse Pekkala
文章:Erica Christensen
翻译:Beatrice Tian



推荐

三种画直线的方法

如何在iPad上“清理”PDF或图片

如何制作平面图 

使用图层记笔记、画插图和设计图 

选取和编辑笔记、画作和设计图

如何使用素材和自制素材