网站地图关于我们

查看相册 View Gallery
绝对抽象的效果图/ Alex Hogrefe第1张图片

由专筑网天翼,vigo编译

我经常会花很多时间寻找制作效果图的方法而不是仅仅只是出效果,而是让这些图片可以转变成能够加入到作品集或者作为封面的素材。这篇指导文就可以教我们简单而且快捷地做到这一点。

如下图所示,这个最初的图片是一张非常糟糕的效果图(通过Kerkythea渲染出的)。Sketchup直接导出图片再去掉物体线框即可。这一步是为了获得绝对纯粹的效果图,并削弱模型本身从而使其变得更艺术化、抽象化。

通过这个教程制作出的图片非常适合放在介绍页和作品集中,因为图片中效果图本身变成了背景,因此文字便能够给人带来更强烈的层次感。

本教程中你会发现仅仅只需要几步便能够制作出我认为非常酷炫的效果图。

I’m always looking for ways to take renderings that just aren’t working and turn them into something that can be used for portfolios or cover pages. This tutorial is about as simple as it gets in terms of difficulty and speed. In the example below, the initial image was a crap renderings right out of Kerkythea. Sketchup images will work too, just turn off the line work. The idea is to take the dead rendering and dilute it to the point that it becomes more artistic and abstract. These types of images are great for introductory pages and portfolios because text can take on a stronger hierarchical role with the rendering moving to the background. You will see that it only takes a few steps to get to what I think is a nice looking result.



下图是最初的效果图(通过Kerkythea渲染出的),没有进行任何的PS后期修改。

Below is the initial rendering right out of Kerkythea with no Photoshop post-processing.

绝对抽象的效果图/ Alex Hogrefe第2张图片
© Alex Hogrefe



1、首先,我们先在PS中打开这个效果图,然后选择“图像”>“调整”>”色调分离”。

1. To begin, open the rendering in Photoshop. Then choose “Image>Adjustments>Posterize”.

绝对抽象的效果图/ Alex Hogrefe第3张图片
© Alex Hogrefe



2、在“色调分离”弹出的对话框中,将级别设为2。

我认为,设置一个较小的级别数值,图片看上去更美观。当然,你也可以设置其他的数值。在色调分离之前,你可能需要调整一下亮度或者对比度,保证色调分离出来的效果更好。

2. In the “Posterize” dialogue box, set the levels to “2”. I think the look is better with a minimal number of levels, however, you can use as many levels as you want. You may have to adjust the brightness or contrast prior to this step to get the Posterize filter to read better.

绝对抽象的效果图/ Alex Hogrefe第4张图片
© Alex Hogrefe



3、选择“图像”>“调整”>“去色”,从而去掉图片中的颜色。

3. Choose “Image>Adjustments>Desaturate” to remove the color.

绝对抽象的效果图/ Alex Hogrefe第5张图片
© Alex Hogrefe



4、在这一步,我通常会花一些时间用仿制图章工具来清理图片不太干净的地方。

4. At this step, I usually take some time to clean up areas of the image with the “Clone Stamp” tool.

绝对抽象的效果图/ Alex Hogrefe第6张图片
© Alex Hogrefe



5、下一步,选择“图像”>“调整”>“色相/饱和度”。

5. Next, choose “Image>Adjustments>Hue/Saturation”.

绝对抽象的效果图/ Alex Hogrefe第7张图片
© Alex Hogrefe



6、在 “色相/饱和度”弹出的对话框中,先勾上“着色”。之后,移动“明度“的滑块到左侧,保证所有的白色都消失。

之后,再移动”饱和度”的滑块,根据你的喜好增加颜色强度。

最后,调整“色相”是图片变成你喜欢的配色,我发现如果按照我图片上给的数据来调整的话更够更容易得到你想要的效果。(色相207,饱和度58,明度-30)

6. In the “Hue/Saturation” dialogue box, first check “Colorize”. Next, move the “Lightness” slider to the left so that all of the pure white color is removed. Move the “Saturation” slider to the right to increase the color according to your preference. Finally, adjust the “Hue” to the color scheme you like. I have found it is much easier to get the style your are looking for by adjusting the sliders in the above order.

绝对抽象的效果图/ Alex Hogrefe第8张图片
© Alex Hogrefe



7、现在这张图片还有些平,所以我加了一些污迹效果。到网上找到一张污迹图片,并将图层混合模式变成“变暗”。

7. The image is a little too plain, so I will add some grunge. Open the grunge texture and set the layer blend mode to “Color Burn”.

绝对抽象的效果图/ Alex Hogrefe第9张图片
© Alex Hogrefe



最终的效果会是一张很抽象的图示,你接下来就可以打上文字了。

The final result is an abstract graphic ready for text.

绝对抽象的效果图/ Alex Hogrefe第10张图片
© Alex Hogrefe

绝对抽象的效果图/ Alex Hogrefe第11张图片
© Alex Hogrefe

绝对抽象的效果图/ Alex Hogrefe第12张图片
© Alex Hogrefe


出处:本文译自visualizingarchitecture.com/,转载请注明出处。


【专筑网版权与免责声明】:本网站注明“来源:专筑网”的所有内容版权属专筑网所有,如需转载,请注明出处

专于设计,筑就未来

无论您身在何方;无论您作品规模大小;无论您是否已在设计等相关领域小有名气;无论您是否已成功求学、步入职业设计师队伍;只要你有想法、有创意、有能力,专筑网都愿为您提供一个展示自己的舞台

投稿邮箱:submit@iarch.cn         如何向专筑投稿?

扫描二维码即可订阅『专筑

微信号:iarch-cn

登录专筑网  |  社交账号登录:

 匿名

  • 盖里005
  • 2017.01.10 15:08
    你好,上海或者上海附近苏杭有没有高端效果图表现机构!
    • 0
  • 福斯特008
  • 2017.01.10 15:08
    你好,上海或者上海附近苏杭有没有高端效果图表现机构!
    • 0
  • 哈迪德001
  • 2015.10.26 20:42
    好赞,受教了
    • 0
  • kidom1992
  • 2015.10.13 13:27
    mark,做封面很需要
    • 0
  • {循环水管}
  • 2015.08.28 17:54
    确实不错,眼前一亮的好文
    • 0
    没有了...
    评论加载中,请稍后!

    建筑 (13694 articles)


    教程 (329 articles)


    效果图 (140 articles)


    PHOTOSHOP (163 articles)


    2012 (382 articles)


    Alex Hogrefe (115 articles)