Adobe Photoshop设计平面设计Adobe Illustrator360手机

360今年发布会的海报是如何做的呢?

问题描述

自己用photoshop试了很久都没达到原图的效果。
地铁风
不会撸程序的设计狮不是好科研狗

看到这张图的时候我第一反应是做一个类似橡皮膜蒙到「5」上的曲面,然后打光渲染。试了一会儿发现不行,因为 5 这个曲线上有 singularity,所以做出的曲面不可能是光滑的,也就不可能有图中的效果。图中的光影很细腻,所以也不可能是直接 PS 做的,一定是什么模型渲染出来的。想了一会儿觉得图中比较亮的部分应该是 5 的反光,感觉能做。

于是打开上古神器 Blender 试了一下做出来了。简单地说可以分三步:

  1. 写一个「5」字:5
  2. 添加细节
  3. 出图

…………………………

……………………

………………

好吧不闹,场景很简单:

注意我撸了两个「5」,一个是截图中高亮的这个(简称小 5),另一个下面那个黑又长的(简称黑又长),原因下面会说到。一个正交摄像机(显然是上面那个,右面那个没用),一盏灯,一个地板。这个灯的角度和位置非常重要,注意原图中阴影的轮廓是这样的:

说明灯离模型是比较近的。

两个 5 的建模方法就不说了,你画个 5 extrude 一下就好。我懒得画,直接用了 Lato 字体的 Hairline 字重,略修改了一下。另外注意黑又长的放置位置(下图高亮为地板),黑又长露在地板以上的高度是一个需要调整的参数。

然后把小 5 扔到别的图层里并隐藏(不参与渲染),专攻黑又长。原图中的亮处来自黑又长的反光,所以我给黑又长设定了 glossy 材质:

然后渲染一发:

感觉阴影的方向大概对了。但是尼玛为毛这么难看??说好的反光呢?说好的亮呢?唉唉唉等等先别报警,你们这样是不行的,反光要把 pass 拿出来单独撸:

进入 node editor,强势 push 间接照明:

成果喜人:

那些锯齿和噪点就不要在意了,成大事者不拘小节,领会精神即可。这张图要叠加在刚才那个难看的图上,叠加方式你自己试试就行了,出来是这样的:

我感觉已经差不多了,最后需要用到小 5。把小 5 设置一个金色的 glossy 材质,单独渲染以后加在上面,Blender 里的部分就结束了。

这里告诉你一个咪咪:小 5 可以倒个圆角~~

顺便 show 一下后期 nodes:

接下来打开上古神器 Photoshop(难道我会告诉你我其实用了 Pixelmator 这个咪咪么?),添加文字:

这样就完成了。撒花~~

49 赞同 11 感谢 69 收藏 8 条已备份评论 发布于 2017-02-24 知乎原页 ↗

评论 8

感觉这个年代不会点3D建模渲染都不会作图了( ̄O ̄;)……
7 赞
望着天空的猪
看来我真的要学一下3D MAX,楼主有没有好入门的建模软件推荐,3D MAX好像很那入门啊
2 赞