[分享]有水彩质感的插画风建筑效果图是如果做出来的?

发表于2018-05-16     4299人浏览     4人跟帖     总热度:1643  

两张题图,第一张来自Private house, Peckham

第二张我实在是追溯不到源头了sorry

以下我把我找到的相关资料罗列并解释一下,另外这里不涉及啥背后的思想什么的…我决定在所有回答中彻底不碰这一块

1.图一作者AL-JAWAD PIKE的画风

我一直都有个习惯,要去看这个人的其他作品,如果是成熟的表现风格应该不会以实验性的方式出现一次两次,因此多看一些此人的套路也就更加清晰。


有水彩质感的插画风建筑效果图是如果做出来的?-1522423468502654.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423468587197.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423468544038.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423468503470.jpg

就放这几张吧说说我的直观感受

a. 噪点

b. 具象配景(人、植物)的风格化处理

c.透视角度带来的取景画框感

d. 各元素色彩互相协调

e. 光影的合理性(科学性)

这里我主要对前两项谈谈我的看法,后三项我实在是过于外行QAQ…

1.1具象配景(人、植物)的风格化处理

方法参考自Photoshop Watercolor Painting Effect Tutorial

我从Skalgubbar - Cut out people by Teodor Javanaud Emdén上找到个美女


有水彩质感的插画风建筑效果图是如果做出来的?-1522423514969870.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423514375476.jpg

就问你眼熟不眼熟吧,别问我为什么,这女的不知在大家的图里扮演过多少岁月静好的样子……

总之穿的pattern别太抢眼就好了,另外就是色调最好能和整体画面中的其他元素呼应,这属于前期了,如果不呼应就自己改色相去吧,但是我觉得还是原始数据就匹配好,微调可以,但你别把红的变成绿的……(这只是执念= =)

MrCutout.com | Thousands of design quality photo cut outs, ready to use immediately! Free.

这里随便找棵树意思一下

有水彩质感的插画风建筑效果图是如果做出来的?-v2-65090683ba37cfe1bcfe868df6909706_hd.jpg

在风格化之前还得啰嗦一句,又是一道预处理,光影方向

按正确的受光关系做出明暗交界线 啊可是我好懒不想弄……

瞎画了大家不要学我…形状还是要符合物体的结构,尤其是植物阴影要按块面关系套路来…你们懂的…我手残无力了…


有水彩质感的插画风建筑效果图是如果做出来的?-1522423560705168.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423560772457.jpg

唉画图好麻烦啊……

终于我们可以开始做风格化了

A.复制三份在原图层上方, 图层顺序从上到下为三、二、一

有水彩质感的插画风建筑效果图是如果做出来的?-v2-a606ee0aeae3999216c45a9d2e283602_hd.jpg

B.第一份

Filter Gallery > Artistic > Cut Out

参数自己调整,混合模式Luminosity

另外说明一下我懒了就合并了一起加的滤镜,实际上植物和人对细节程度要求不同,应该分开处理

C.第二份

Filter Gallery > Artistic > Dry Brush

混合模式Screen

D.第三份

Filter > Noise > Median

混合模式Soft Light

有水彩质感的插画风建筑效果图是如果做出来的?-v2-a013ac38ded245ce0a2eacb4c6bf53bb_hd.jpg

此时我已经失去了耐心…嗯我们进入下一步吧…

----课间休息----

对了安利一下Georges-Pierre Seurat,他的点彩是很可爱的…

有水彩质感的插画风建筑效果图是如果做出来的?-v2-16f8a8618f7e4209c913620d3c775a54_hd.jpg

2. 噪点

2.1 PS大法

方法参考这里Simulate Film Grain In An Image - Photoshop Tutorial

A.在上一步基础上新建图层,填充五十度灰

混合模式Overlay,convert to smart object

有水彩质感的插画风建筑效果图是如果做出来的?-v2-1c24a16324ad4731b003e3b237cd3104_hd.jpg

B. 智能对象(50%Gray层)

Filter > Noise > Add Noise

有水彩质感的插画风建筑效果图是如果做出来的?-v2-7efc7187e736d7b2eb490cd2218db18c_hd.jpg

C. 智能对象(50%Gray层)

Filter > Blur > Gaussian Blur

参数自己看着办

看下效果


有水彩质感的插画风建筑效果图是如果做出来的?-1522423651912839.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423651635859.jpg

我觉得差不多是那意思吧……= =

2.2 另一种思路……

来自这里Fast Way to Achieve a Nice Digital Watercolor Render

我给大家贴几张图看看

首先画上几分钟得到一张全是大噪点的未完成/打光不足的渲染图


有水彩质感的插画风建筑效果图是如果做出来的?-1522423677499871.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423678543551.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423678680457.jpg

然后通过缩小尺寸得到相对细腻的噪点,如果还嫌过分进PS降噪


有水彩质感的插画风建筑效果图是如果做出来的?-1522423705800230.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423705660978.jpg

然后叠一个线稿,就完了?!


有水彩质感的插画风建筑效果图是如果做出来的?-1522423725778424.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423725476741.jpg

3. 补充一些类似画风的图

Almene Boliger Christiansfeld


有水彩质感的插画风建筑效果图是如果做出来的?-1522423747651722.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423747320714.jpg

ASSEMBLE

有水彩质感的插画风建筑效果图是如果做出来的?-v2-a92669d647e0cb99a86d16a34aeda431_hd.jpg

Sergison Bates architects


有水彩质感的插画风建筑效果图是如果做出来的?-1522423789815185.jpg

有水彩质感的插画风建筑效果图是如果做出来的?-1522423789226111.jpg

有些是叠画布有些是画纸texture的 看各人喜好吧。


扫码加入筑龙学社  ·  建筑设计微信群 为您优选精品资料,扫码免费领取
分享至

分享到微信朋友圈 ×

打开微信"扫一扫",扫描上方二维码
请点击右上角按钮 ,选择 

 发表于2018-05-16   |  只看该作者      

2

可以尝试

 发表于2020-02-20   |  只看该作者      

3

有意思

 发表于2020-03-30   |  只看该作者       筑龙币+10

4

6666666666666









                www.yg01111.net   www.yg01111.com    www.529907.com   www.68atat.com   www.96atat.com  www.5299015.com  www.5998288.com  www.5998298.com  www.5998297.com  www.668mscc.com

 发表于2020-07-26   |  只看该作者       筑龙币+10

5

666666666666666











              www.529907.com  www.668mscc.com  www.558mscc.com   www.338mscc.com  www.xb555ct.com  www.kkw0606.com  www.xb555ct.com  www.xb666ct.com  www.xb777ct.com www.xb888ct.com www.xb999ct.com www.88999900.com  www.88999911.com  www.88999944.com  www.889999966.com  www.kkw0101.com

樱仔万岁

中国  | 建筑设计

4 关注

29 粉丝

54 发帖

20 荣誉分

该博主未添加简介

猜你爱看

添加简介及二维码

简介

还可输入70字

二维码(建议尺寸80*80)

发站内信息

还可输入140字
恭喜您已成功认证筑龙E会员 点击“下载附件”即可
分享
入群
扫码入群
马上领取免费资料包
2/20