【第2部 - 户型图】基于picture-elements的3D动态户型图

moe1983

看来还是新开一个帖子好一点，不然有点乱。计划分几个部分：
  1、基本介绍（详见 基于picture-elements的3D动态户型图（抛砖慢更）的帖子）
  2、户型图（酷乐家）
  3、图片处理（PS）
  4、HA基础设置（基于picture-elements）
  5、动态效果设置
  6、雷达设置（这个核心不属于UI范畴，目前初步做了一个集成，支持1-3D雷达的自由灵活配置与目标展现）

下面开始第2部分——户型图
    我只是业余爱好，不是专业设计的，所以有些地方可能做的比较粗糙，设计这东西吧，各有各的爱好，具体细节不展开太多，大家都有自己更好的方法和审美。
    我用的是比较傻瓜式的“酷乐家”，大概以下几步：
    一、画户型

    具体怎么画不展开了，按着APP的介绍就行。关键有几点注意：
    1.尽量按照真实的尺寸画，这个需要做好前期准备，我是结合开发商给的户型图，以及手机测量工具测的。这一步比较重要，一旦开头错了，以后修改会比较麻烦，尽量测准了再开工。
    2.注意墙体的厚度和连接，这个会影响套内尺寸和后续的门窗布局。
    3.门窗布局（重点）：这里需要用定制门窗，因为要配合开关门、窗的效果，一般门窗是没有这个效果的。摆放好后，可以到3D视图，点击门窗--开始定制--右键选择开关门窗看效果。



   二、布置家具
    这个比较花时间，主要是要慢慢找对应的家具、面料、颜色、尺寸……不知道有没更快捷的办法，反正我是折腾了不少时间。
   三、灯光布局
    进入“渲染”，我用的是“俯视图”、透视

    视野按自己的喜好调整，建议几个原则：第一，画面尽量占满；第二，尽量采用看得见主要门窗的视野（配合后续灯光、开关门效果）；第三，尽量使用默认的中心点。设置好后，记得保存一下相机视角，确保以后每次渲染都用同一个视角，不然会影响后续的动态效果。
    ****灯光****
    灯光是门窗之外的第二个重点，我使用“跟随普通图”--“手动灯光”，因为默认的模板会自动生成一堆灯光，虽然可能更逼真，但后续我们要对每个房间设置开关等，太多的话你会后悔的，除非你很有时间。

    建议建立3个灯光模板：
        一是室内灯：建议：
        1.不需要太多，平衡真实性和实用性。
        2.色温尽量一致，看起来顺眼一些。
       3.要考虑灯光的高度与吊顶、墙体的互相影响，太高会产生某些墙体的阴影（除非你需要这个效果），太低又不好看（靠近吊顶的部分会暗），需要自己反复调试一下。

        二是白天环境光：在窗外加上环境光模拟阳光角度，因为我需要模拟日出、早、中、下午、黄昏等几个场景，需要增加相应角度的户外灯光（角度、色温按情景设置）。
        三是晚上，在窗外加上蓝色环境光。

    四、渲染
    通过上面3步，灯光模板基本建好了，下面进入比较关键的渲染环节：

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

yefanfilm

非常详细

Aiden1

感谢分享