Watercolor style architectural renderings produced Tutorials

Author: Atelier Crilo
Translator: dynamic network AX Wu Zuxiang

This article translated RonenBekerman blog publicly tutorial Architectural Watercolors by Atelier Crilo
original link: http://www.ronenbekerman.com/architectural-watercolors-atelier-crilo/
Copyright: Illustration part belongs to original author; Chinese translation copyright attribution Translation himself, be sure to contact the translator before reprint.

Foreword

We are concerned about Ronen's blog for a long time, and we appreciate the excellent quality of many on this blog post. In the case a few years ago this blog with completely different now, the post of quality time not so high now, but with in-depth tutorials and website production, now browse this blog, whatever you can find very good content. We are very proud to be a force of their own for this blog.

Why do watercolor?

We want to try other disciplines such as: art, graphic design, comics, and architectural visualization together. It's like we usually work - architects, artists and even a graphic designer, illustrator. This really helps us get inspiration from elsewhere.

In this way, we discovered watercolor in the most unexpected of Italian comics, and try to give them new life.

If we take a look at the best-selling novels and comic books, we find that, Gipi (Gian Alfonso Pacinotti), (Translator's Note: Gipi (formerly known as Gian Alfonso Pacinotti, 1963 Year -), is an Italian cartoonist, director and writer, Dylan Dog painter) Roberto Recchioni (Translator's Note: Dylan Dog new storyline writer) and Gigi Cavenago (Translator's Note: for more information yet to find Gipi temporarily guess he is Dylan Dog new work of artist) co-creator of Dylan Dog simply to shock the world of work. Building and cartoons are closely related discipline, although cartoonist and architect to paint an entirely different purpose, but they may be complementary to a certain extent.

In the creation of works of architectural visualization, cartoon lines and colors can provide a deep inspiration.

Crepax 的 "Valentina by Crepax"

This scenario will be fused together in a rectangular frame, a top view appears many times in the comics.

Gigi Cavenago Matoga

Two pictures side by side, one of which shows a forest in the background Dylan Dog, another with bold brush strokes depicting the narrow streets of London, perfect color, no obvious contour lines of repression perspective and the perspective of giving, the two images of the dynamic performance of the head.

Gipi (Gian Alfonso Pacinotti) watercolor

Specific techniques

Try to simulate the process of drawing a sketch-pad, and make them look like a whole. The plane plate layout and used as a rich black background (similar to the traditional painting of ink) and large watercolor tones while into the cold blue-green to render the picture tone.

model

This design uses a very visible material, and this material is added to the modeling work, so that the entire design process more controllable.

Start modeling

In this case, building design and architectural visualization are made we do, so both work at the same time, we therefore built a detailed model to better control plans and sections. In general, we added directly in the 3D model materials and materials, and interior design, taking into account the camera view.

So on the whole we try to control the entire project from the start. In fact, at the beginning it is very difficult to do, but you can not imagine it convenient for us later to bring the entire workflow. We use SU modeling, although it is a simple modeling tool, but it can indeed be the model to obtain a high level of detail. At the same time architects from the point of view, this tool profile is unmatched by other software.

In fact, the cross section was observed this feature can provide great convenience for the modeling. Our ultimate showing a large part of the profile, this feature is really useful.

Sectional view

Profile tool to not only show the cross-sectional object, and wherein the object can be displayed.

Showing

When the model is satisfactory enough details, you can consider a map, showing nothing less than the two options:

AutoCAD DWG output

Output raster image (PNG, JPG, TIFF), may contain shadows and hidden lines.

Although different workflow, but the two output modes are very useful for the later work.

我们通常输出为DWG格式然后到AutoCAD中操作。同时注意图纸比例设置为1:1，同时因为我们的输出结果将是矢量图，所以不用管像素的宽度和高度。然后我们选择单线，而不是多线。

输出之后得到的DWG文件在AutoCAD中打开将看到如下线框图：

输出的DWG文件

输出生成的线框图为后期工作提供了良好基础。

手工修饰

CAD中的基础图像看起来很生硬，我们利用传统绘图技巧，利用点和十字填充强调窗户、内表面和阴影，并尝试强调这个设计的某些区域。这样做的目的其实是为了更好地阐述自己的设计，所以这是非常主观的工作流。

Autocad绘制

使用更大的线宽强调建筑轮廓和天窗，手工加入一些脏旧感来模拟现实中的感觉。

Autocad绘制

加入一些点和十字强调材质，让地板有脏旧质感。

黑色

大部分人不敢使用黑色。为了找到一个合适的黑度来填充，我们参考了一张风景照，并制作了一张背景图。用CAD描出轮廓，然后填充。

填充

我们在CAD中用多线绘制轮廓，然后用线、点和实体填充。

归纳整理

完成上述工作后输出为DWG文件，用Photoshop完成最终工作。成图如下：

捷径

如果你不是很熟悉AutoCAD的使用，或是你想提高工作效率，可以用SketchUp结合不同视图模式出图，然后PS直接处理。这样你可以完全略过用AutoCAD处理DWG文件的这个步骤。让我们总结一下步骤：

1.输出消隐图

2.输出线框图

3.用PS做一张质感的白纸底图

4.在白色底图上叠加上输出的两张图纸

1.正常情况下SketchUP显示的是纯白或是带阴影的纯白场景，但在我们这个项目中，隐藏掉的东西才是重点。所以我们打开菜单视图/显示样式/消隐，并转到文件/导出/二维图形显示模式。选择文件另存为PNG，然后打开“选项”对话框中设置文件的大小，4000-5000像素足以，在PS中打开并用魔棒工具将背景扣掉，将得到以下图像：

消隐图

输出的PNG文件包含了SketchUp的背景颜色（浅蓝色），我们可以用PS删除它。

2.在SketchUp中，点击视图/显示样式/线框显示，然后点击文件/导出/二维图形。选择文件另存为PNG和打开选项对话框。选择和之前相同的大小，并删除背景。

线框图

我们可以在PS中将线框用叠加模式叠加到消隐图上，并调整透明度为20-30%

3.在PS中，我们创建一个的空白图层，不一定是纯白色。在菜单栏选择滤镜/杂色/添加杂色，或直接使用纹理贴图，直接模拟一张纸（甚至是老化的纸）。

阴影和线框的绘制

如上图所示，我们最终获得了叠加后的图，并拥有了添加了澡波的白纸。

结合笔刷绘制

终于到了激动人心的水彩步骤。从网络上找到各种笔刷，在BrushKing（译者注：非常棒的免费PS笔刷网站，免注册直接下载）上输入水彩，或者点击这里，甚至可以自己制作笔刷。然而，关键不在于特定的笔刷，而应该多收集更多不同的类型。所以我们尽可能找一些笔刷集合结合透明度的灵活控制以获得最佳效果。这其中更少涉及技术层面的处理，而是考验个人的艺术创作能力。