header_v0.7.2

创建一个真实的路标牌形象

364天前发布

原创文章 / 平面 / 教程
走在午夜的街上 原创,如需商业用途或转载请与走在午夜的街上联系,谢谢配合。

其实这是给“艾娃畅想”做的一个首页图。艾娃畅想,分享你的设计。http://www.aiiwa.com

用到的工具:Adobe Illustrator,CINEMA 4D R17,Adobe Photoshop CC

来源:艾娃畅想           原创:走在午夜的街上(胡飞虎)

首发平台:艾娃畅想(http://www.aiiwa.com)    站酷           如需转载请注明!

其实这是给“艾娃畅想”做的一个首页图。艾娃畅想,分享你的设计。http://www.aiiwa.com

用到的工具:Adobe Illustrator,CINEMA 4D R17,Adobe Photoshop CC

在这里,我只分享一下大致思路,因为制作起来并不困难。先看一下效果图:


dea45796f6c90000012e7e5988ce.jpg

第一步:

这是比较重要的一步了, 在制作前,首先要想好要以怎样的形式展现。我这里大致草稿了一下,文字排版,元素等。(文字排版借鉴了国外大神Chris)这里根据字面意思,“畅想”,那么就留更多的空间、更广阔的天地吧。本来想的是把这个路牌放在一条马路的旁边,马路处在一望无垠的平原里。后来为让环境优美一点,就更改了有山有水这样。

手绘稿

 

第二步:

有了基本的原型后,接下来就是比较基础的一步了——勾形!

把手绘图置入AI,锁定之后,开始使用钢笔在上面勾形。勾完之后,这个样子。


第三步:

导入C4D。

在这之前,记得先把那个勾线的AI文件转换成8.0的版本,与C4D兼容好一点。文字转曲。

打开C4D,导入AI文件。这时可以看到,是以线条的形式存在的。

第四步:

接下来,就是把线条转换为立体图形了。如下图,使用挤压把文字及外框挤出厚度,厚度值自己根据需要调。注意,此时挤压是作为线条的父级存在。

097f5796f72d0000012e7e0e99c8.jpg

另外,为了让转角更圆滑,可以适当设置圆角封顶的半径及步幅。

6b565796f7480000012e7e75b706.jpg

然后,剩下的箭头也是同样的挤出,在这里,我把中间和右边的箭头做了一下掏空,打算把里面放置排列的长条条。关于掏空,这个直接用到布尔运算就可以了

3eb55796f7640000018c1b2a6b83.jpg

还有这个圆柱状的箭头,是用到了扫描4b4f5796f77c0000012e7e169d2f.jpg

5a7d5796f78d0000018c1bc38912.jpg

给一个截面圆环,再给个圆弧路径,设置数值就OK了。

全部设置完成后,线框这样显示的:

24c35796f7ad0000012e7e594787.jpg

第五步:

好的,到这里,我们的主题建模暂时可以告一段落了。接下来给它弄一些环境吧。不然会显得孤零零的。在这里,我想给他加些绿草和小花之类的前景,对于小草,密密麻麻的,有的人可能会说,握草!那么多草,难道要一个个地建模?!! 不对,不是可以克隆么?!一克一大片!

在这里,我只能说这些同学图样图森破。在三维软件里面,都有一个类似的强大功能,那就是——毛发系统!专门用来做毛发相关的,比如头发啊,动物身上的毛发啊。草坪、杂草之类的同样适用。里面有非常的设置,可以满足不同的效果需要。它在这里

63005796f7cf0000012e7e5429b7.jpg

图10

另外,毛发系统需要一个可以附着的物体,所以,我们还要建立一个地面或者小山坡。之后,将毛发链接至地面即可。在这里,你可以反复试验里面的数值,直到满意为止。

fd635796f7e00000018c1ba4d8e6.jpg

图11

第六步:

是时候给他们添加材质了!

添加材质的方法:在你的整个面板左下区域,就是材质框。

00365796f7ee0000012e7e7fb5ef.jpg

图12

对,没错,就是这里!在空白区域双击鼠标左键,就会自动新建一个材质球。然后双击这个材质球,就可以设置相关的材质参数。

6a085796f8060000012e7ee3ea5b.jpg

图13

这个相对于3Dmaxs的材质编辑器要简单明了得多,一看字面意思就大概了解所代表的意义。发挥你的创意大胆地去实验吧!材质编辑器的左上角会实时展示材质的预览。当然,对于刚上手的部分骚年,这样漫无目的地设置何时是个头!不要慌!随朕来!喏,这不是么?已经给你准备好了!快拿去使(装)用(逼)吧!——–请按“shift+F8”,神器调出来!

dea85796f81c0000018c1b869ebf.jpg

图14

内容浏览器!在materials里面,静静地躺着已经设置好的各种材质,而且已分好了类,需要哪款就选哪款吧!赋予材质的方法也很简单,直接把设置好的材质球拖到模型上就OK了。

第七步:

模型和材质做好后,接下来便是灯光了。和现实世界一样,有光源才能看到物体嘛。灯光在这里

897a5796f82e0000018c1babaa5f.jpg

图15

里面有多种灯光可以选择,因为我们做的东西是在室外,这里我选择日光,并让他有投影,阴影软贴图。颜色可以选择稍微偏暖一点的。室外环境可复杂了,我们的主体除了接收光照之外,还要接受周围草丛的环境影响,以及天空的环境影响。所以咧,我给他加了个“物理天空”

54295796f8410000018c1b5e46bf.jpg

图16

这个“物理天空”有很多可设置的地方,大家可以慢慢研究。我觉得其中很牛13的一个地方,就是这个——时间与区域

faf95796f84d0000012e7e86c0d4.jpg

图17

看到了吧?可以直接设置为某个城市,某一天,某个时间点的天气状况。

第八步:

做完以上设置,调整好一个我们自认为比较好的一个角度,来给这个场景添加一个摄像机,在顶视图上看,大概是这样的

18e55796f8620000018c1b729743.jpg

图18

在这里,我为了使呈现的画面有主体突出,前景背景虚掉的景深效果,在摄像机的细节里,开启了前景和背景模糊。具体数值看画面来调节。如图所示,红线部分是实焦区域,蓝线部分是前景和背景(也就是虚焦)区域。

ed7e5796f8700000018c1b57822b.jpg

图19

f5df5796f8850000012e7e12e31a.jpg

图20

另外,我把光圈也适当调小了,这样更能强调主体物。

b42d5796f89e0000018c1b35cbd2.jpg

图21

第九步:

渲染设置并试渲染

“ctrl+B”或者如图,打开渲染设置

05175796f8ac0000012e7ee18567.jpg

图22

设置一下输出大小,分辨率,格式,保存路径等等。因为是试渲染,抗锯齿先设置为几何的。设置完毕后,可以开始激动人心的渲染了! “shift+R”渲染起来吧。根据渲染出来的效果调整画面各个方面直至满意。

第十步:

最终渲染

有了上面试渲染的效果,对于最终渲染效果我们心里基本有底了,把抗锯齿打到最佳吧。在这里,我需要在后期里把背景加工一下,所以我给物理天空加了个对象缓存,编号为1。这样做的好处是渲染出来的图,会有一个alpha通道,可以实现背景与前景的分离

5b035796f8bf0000018c1b373571.jpg

图23

在渲染设置里面,也需要增加对象缓存。

点击“多通道渲染—对象缓存”

bfa35796f8cb0000012e7ea87b08.jpg

图24

设置 对象缓存 与刚才需要缓存的物理天空一致的编号。

cf595796f8d70000012e7e0e5a6f.jpg

图25

在保存设置里,勾选alpha通道。

好的,现在选择你的摄像机视图,最终渲染起来吧!“shift+R”

作者:胡飞虎   首发平台:艾娃畅想(http://www.aiiwa.com)    站酷           如需转载请注明!

第十一步:

一段时间的等待,我们的效果图终于新鲜出炉了!

如图

06135796f9790000012e7ec22902.jpg

图26

效果还算有个一般吧。接下来就是后期添砖加瓦的时候了。

猛然一看,我擦,这个天空真特么丑!幸好当时缓存了。这个时候,用PS打开我们的效果图,进入图层通道,嘻嘻~~~ 有惊喜么?

c32c5796f99e0000018c1b0435c8.jpg

图27

选择Alpha 1通道,直接按住键盘的ctrl+鼠标左键,选择选区,然后回到图层面板,给图层加一个蒙版,背景天空就不见了。(或者在C4D设置保存的时候,勾选“直接Alpha”也是可以得到透明图层的,当然,还有别的方法,自己随意)

3bdd5796fa150000018c1b588bd3.jpg

图28

接下来,我们发挥的时候又到了,迅速找到一个合适的背景图片(各大摄影网都有),放到效果图的下层。发现还算凑合,就是有点抢戏了。于是乎,把它模糊一下,这样就跟我们前面的思想一致了,焦点在主体物上。有前景,有远景,画面就丰富一些了。

d5575796fac70000012e7ec9e184.jpg

图29

再调个色,让背景与前景色调更接近一些。同时,前景也需要调一下色丰富一下。好了,就快完成了!最后给一个高反差保留,让画面更加清晰一些!

细节图

a5cc5796fb4e0000012e7ebd1b89.jpg

d4495796fb690000012e7e3058b7.jpg

图30/31

完成图

dea45796f6c90000012e7e5988ce.jpg

图32

 

作者:胡飞虎   首发平台:艾娃畅想(http://www.aiiwa.com)    站酷    如需转载请注明!


0

    文章信息

    意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功