平面摄影技术研习社

Culture Center Intro Illustration 文化中心入口渲染

只看楼主 收藏 回复
  • - -
楼主
  

本文转自:建筑师的留学圈儿

微信公号:jianzhuliuxuequan      




As I rework some of the spreads for my upcoming Portfolio Volume 4, I find myself needing to develop several new illustrations to fill in some missing information or to help better tell the story. However, due to time limitations and the amount of images I need to generate, I am using workflows that are less labor intensive and quicker to produce. This means the style of the images will be more on the minimal side with little time spent in 3D.  The image I am breaking down below is for the intro spread of my Boston Culture Center Project.


我打算添加几张渲染图来完整作品的叙事性,同时由于时间限制我需要事半功倍的作图方式。所以渲染图风格偏向扁平化,在3D建模上也会少花一些时间。接下来我会分步骤讲解这张文化中心的入口渲染图。

 


To start, this image only uses a shadow and line work 2D image export from Sketchup, and a clay rendering from V-Ray.


首先,这张图只用了sketchup建模导出的线稿和阴影,并用V-Ray素模渲染。


 

1. Setup the Shadows 确定阴影关系


In Photoshop, I brought in my Sketchup shadows and line work layers. I colorized the shadows to give them a blue tint since the overall tones of the illustration will be on the cool side.

 

sketchup导出的线稿和阴影导入Photoshop。因为整张图打算做成冷色调,我给阴影部分添加了蓝色。

 

2. Overlay the Clay Rendering

   覆叠渲染图层


I wanted to see a little more detail in the forms, so I brought in the V-Ray clay model rendering and overlaid it on top. I lowered the opacity so that the clay rendering gradients remain subtle.

 

为了体现更多细节,把渲染的图叠在最上层,调整透明度让下面的阴影和线稿图层透出来。

 

3. Bring in the Color 添加颜色


Once I had the base images setup, I started to lay in some color. I applied the color one zone at a time, starting with the sky, moving to the context, then ground plane, and finally the design. I typically try to get all of the different color zones masked in fast so that I have more time to make adjustments to the colors and experiment with which palettes work best. I almost never get the colors right the first time.

 

底图完成之后,开始添加颜色。我按不同的颜色区块填色,从天空开始,然后是周边环境,地面,最后是设计本身。通常我先快速的给所有区块上色,这样之后就有更多精力根据整体平衡调整。毕竟第一笔总是无法选到合适的颜色。

 

4. Sky Detail 添加天空细节


I struggled with the sky but finally arrived at a hybrid style of real and illustrated clouds. I was looking for something that was subtle, added a little texture, but also worked with the minimal style of the image.

 

纠结了一阵最后我决定混合使用写实的和平面化的云填充天空。为了配合整体扁平化的风格,天空整体效果偏向浅淡带有一些纹理。

 

5. Street Life 街景


Next was adding life to the public realm. I brought in trees, people, and some cars. All of these elements were placed into groups within Photoshop so that I could colorize everything at once by applying a layer style. I did this by selecting the group, choosing “Layer>Layer Style”. In the dialogue box, I chose “Color Overlay” and selected a color that worked with my composition. Colorizing all of these layers removed the detail giving everything a silhouetted abstract look.

 

接下来给公共范围添加街景:树木,行人和车辆。这些都在Photoshop里编组以便之后用图层属性统一调色。具体做法是选中这个组,选择图层中的图层属性,在对话框里选择颜色叠加,然后挑一个合适的颜色。去掉细节只留轮廓然后统一调色。

 

6. Noise Overlay 加噪





The last thing that I did was add some noise to the image which softens the edges, helps hide little imperfections, and give a retro look to the image. To do this, I created a new layer and filled it with 50% grey. Next, go up to “Filter>Noise>Add Noise”. In the dialogue box, I adjust the “Amount” slider to around 60%, set “Distribution” to “Uniform”, and checked the “Monochromatic” box. Finally, I set the new noise layer to “Overlay” to apply the texture to the image. I also lowered the opacity a little to reduce the strength of the effect.

 

最后添加噪点,柔和边界隐藏缺陷,并且创造复古效果。因此添加一层50%灰色图层,接下来在上方菜单中找到滤镜,杂色,增加杂色选项,然后在对话框里,调节数量到60%,选择平均分布,并且点选单色。最后,将这个噪点图层调低透明度设为叠加属性。

 

The Final Image 最终效果





大注云,不一样的建筑教育





微信号:大注云教育平台
投稿邮箱:dazhuarchi@163.com





举报 | 1楼 回复