IHDT在R18内容库创建中的工作介绍与作品解析
查看: 1659|回复: 4
收起左侧

[教程] 图文教程:制作立体的三维场景二维码

[复制链接] |关注本帖

签到天数: 1048 天

连续签到: 23 天

[LV.10]以坛为家III

发表于 2016-10-22 21:29:53 | 显示全部楼层 |阅读模式

                               
登录/注册后可看大图


随着互联网的飞速发展,我们的生活越来越离不开二维码,团队、企业、自媒体等内容创造者也更依赖二维码作为吸引流量的重要途径。今天通过这个简单的图文教程,我们来使用C4D制作一枚富有个性、生动立体的三维场景二维码,让你的二维码与众不同,吸引更多的人在你的微信朋友圈和公众号中长按识别,当然你也可以用在你想得到的任何地方(校长教泡妞:譬如写一首情诗藏在一个浪漫的场景中送给女神呢)。

需要本教程C4D源文件的话,拉到本文最后关注我们微信公众号,回复3dewm即可获得下载地址。

===== 教程开始 =====

1,首先打开你的二维码(尺寸尽量大),数一下有多少格子。这里以IHDT映速的微信公众号二维码为例,长宽都为31格,这里注意要把最外面的白框也要算进去。


                               
登录/注册后可看大图


2,新建一个边长为10的立方体,按C转为可编辑的多边形对象,给顶部一个深色的材质,周围给一个白色的自发光材质。


                               
登录/注册后可看大图


3,建立MoGraph克隆对象,选择矩阵阵列模式,按照图示的参数制作无缝的立方体阵列。


                               
登录/注册后可看大图


4,新建一个材质在颜色通道中载入二维码图片,因为要通过图片控制立方体阵列的状态,白色是起作用黑色是不起作用,这里可以如图使用滤镜做黑白反向,或者你在PS里直接黑白反向二维码图片也行。


                               
登录/注册后可看大图


5,给克隆对象一个Shader效果器,把上一步建立的材质给到效果器,如图设置让Shader效果器通过材质控制立方体阵列的高度尺寸,这时你的二维码就变成立体的啦。


                               
登录/注册后可看大图


6,这里注意,将材质标签的投射模式改为Flat,然后要同时进入纹理编辑模式和轴心编辑模式,将这个纹理正好匹配到立方体阵列的大小。


                               
登录/注册后可看大图


7,当然如果你要做动画,也可以按需加入各种效果器去影响动画状态。


                               
登录/注册后可看大图


8,新建一个平面对象,放置在合适的高度遮住底部的方块,只让二维码格子中的立方体露出来,这样就能得到正确的显示方式。


                               
登录/注册后可看大图


9,Shift+F8打开内容浏览器,如图找到C4D自带的建筑模型,按照你的想法和设计摆放场景吧,当然你也可以自己建模啦。


                               
登录/注册后可看大图


10,我摆放好的场景如图,我是按街区摆放规划出了街道,另外要注意高的建筑不要放在前景挡住二维码的立方体阵列,要完全露在画面中。


                               
登录/注册后可看大图


11,建立数个不同颜色的材质,给到场景,我的设置如图。


                               
登录/注册后可看大图


12,建立摄像机,调整画面的长宽比和构图,这里我使用1:1的正方形画面。这里要尤其注意,摄像机的镜头焦段要用非常大的,让近大远小的透视效果非常弱,如果透视过大,在摄像头扫描和微信长按时是没法识别的。


                               
登录/注册后可看大图


13,如图,这是错误的透视效果。


                               
登录/注册后可看大图


14,另外也要注意不要这样过低放置摄像机,要尽量让二维码的顶部更多呈现在画面中。


                               
登录/注册后可看大图


15,构图设置好后开始调灯光,新建一个点光源,如图设置作为环境光,注意不要开阴影。


                               
登录/注册后可看大图


16,再建立一个灯光设为无限光类型,按图设置模拟日光提供主阴影。


                               
登录/注册后可看大图


17,渲染结果如下,明暗关系合理但是不够立体。


                               
登录/注册后可看大图


18,打开渲染设置,在后期效果里载入一个AO效果,如图设置加深柔和的阴影效果,注意把默认的黑色调到深灰色,目的是避免二维码部分的阴影颜色太深,会导致二维码的对比度不够无法识别。另外在这里我给地面画了街道的贴图,你们可以根据自己的能力自己做。


                               
登录/注册后可看大图


19,渲染出图,到PS里根据自己的喜好处理一下色调,这里要重点调整二维码部分的明暗对比度,这里我提亮了阴影并加深了顶部的颜色,你们在调的时候可能要用手机不断尝试多次,记得在不丢失立体感的前提下尽量拉大二维码顶部和周围的亮度差,如图左右是我的调整前后比对。


                               
登录/注册后可看大图


好啦这个简单的教程就到这里,非常简单吧!希望将来能在微信上看到你们与众不同的二维码。



扫描二维码关注我们微信公众号
回复3dewm即可获得工程文件


                               
登录/注册后可看大图

我有懒癌,所以没有签名。【IHDT官方微信公众号:IHDT_ATC】
回复

举报

欣赏往届毕业学员的毕业作品

签到天数: 199 天

连续签到: 5 天

[LV.7]常住居民III

发表于 2016-10-24 17:20:46 | 显示全部楼层
学员练习与商业作品欣赏
教程炒
我有懒癌,所以没有签名。【IHDT官方微信公众号:IHDT_ATC】

签到天数: 62 天

连续签到: 1 天

[LV.6]常住居民II

发表于 2016-11-8 09:29:48 | 显示全部楼层
下载视频教程
3dewm
我有懒癌,所以没有签名。【IHDT官方微信公众号:IHDT_ATC】

签到天数: 6 天

连续签到: 2 天

[LV.2]偶尔看看I

发表于 2016-12-6 01:43:26 | 显示全部楼层
2016年课程升级
很遗憾,照着做,失败了,想哭
我有懒癌,所以没有签名。【IHDT官方微信公众号:IHDT_ATC】

签到天数: 7 天

连续签到: 2 天

[LV.3]偶尔看看II

发表于 2016-12-13 11:30:59 | 显示全部楼层
看着有点难。。。基础还得在学学。。。
我有懒癌,所以没有签名。【IHDT官方微信公众号:IHDT_ATC】
发布主题 快速回复 收藏帖子 返回列表 官方QQ群
关闭

扫描左侧二维码,关注微信公众号!

注册

隐私策略|关于我们|文字版|手机版|小黑屋|IHDT映速社区 ( 沪ICP备12006097号-2    

GMT+8, 2017-2-24 18:20 , Processed in 0.174316 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.