打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
制图教室丨手把手教你插画贴图小场景快出!事半功倍好喜欢~
userphoto

2023.09.11 浙江

关注
叮叮叮!制图教室喊你上课啦~

还是每周一,熟悉的时间,熟悉的配方,制图教室与大家如期相会。

本期为大家带来的一期快速出图小场景的教程,为什么是小场景呢?快呀!速度快了咱就可以多出图啊!有什么比各个角度各个空间都展现出来更得劲的呢?~


有时候呀,与其花大量的时间和精力做好一张压轴的大图,不如另辟蹊径,靠无数的小场景全方位无死角的表达~事半功倍真的好喜欢!

好啦,废话就不多说了,这就开始正题吧

这是一个大学校园里的建筑系馆设计,该效果图为一个入口局部效果图,是一整套图的其中一个图,在颜色选取上主要与整套图的色系相投,总体为插画贴图风格




图纸导入


该模型是在SU里建的,在导出时,考虑到后面我会在ps里对不同材质的地方附色,我故意将相同材质的地方赋予了一个看起来似乎很离谱的颜色,并且不同材质的颜色差别很大,也就相当于我自制了一个材质通道


再回到su里,关闭边线,换成消隐模式,同时打开阴影,调整阴影的角度,使其让建筑更显空间的层次感,选定角度后,导出阴影jpg


将材质通道和阴影一起导入ps中,注意它俩在ps里一定要重叠,阴影图层可以暂时隐藏起来,等到最后所有图p完以后,再叠上阴影的效果



填色-背景建筑部分

我上色的顺序是:建筑墙面→地面(草坪+小路)→格栅→天空,其实这个顺序可以根据自己的喜好来,但最好将不好弄的部分放在前面进行,将颜色更离谱的材质放到后面进行填色,在附色时是通过反复不断试色,直到画面的色感搭配舒服,需要一些耐心


我先对主体建筑的白色部分(墙体)进行处理,也就是叠上一些肌理。先选取一个纹理贴图,并隐藏图层,再点击顶部菜单栏里选择→色彩范围,用拾色器选取建筑白色的部分,拖动颜色容差数值,如果一次不能选中所有的墙体,那就多进行几次该操作,直到建筑所有白色的部分都被选取到


这就是我选取的墙体的纹理贴图,将其覆盖住所有即将被叠加的墙体上。形成选区后,将纹理贴图显示出来,点击ctrl + j,将选区部分的纹理复制出来,再隐藏纹理贴图


将复制出的那个图层变成正片叠底,如果觉得效果不明显,就再复制几次叠加,再ctrl + e合并


接下来是对左下角的草坪进行处理,我选取了一个草地纹理,缩放到一定合适的比例,覆盖完所有草坪的部分


继续重复之前讲过的选区选取的操作,复制出的草地的部分可以进行“正片叠底”处理,再适当降低不透明度(这一步可以放到最后整体图纸调色后进行),使得原始的贴纸的绿色不那么耀眼,根据自身审美需求进行调整


重复上述操作,将小路赋予材质,这里我选取的一个灰色的水泥地材质


格栅部分主要是有两个颜色,分别对这两个深浅的橙色进行填色处理


根据我整套图的色系,我给格栅整体加了个如图的颜色。操作依旧是上述提到的色彩选择的方法,创建选区后,添加新的图层附色


为了让格栅的肌理更丰富,这里添加一个纹理贴图,缩放到一定合适的比例,覆盖完所有格栅的部分


创建新图层,将选取部分添加黄色,并设置杂色,使其具有高光的效果,让格栅更加立体


天空部分,可以采用直接在选区内用真实天空的贴图,考虑到我这里的天空部分小,我直接用白色画笔工具涂鸦,注意画笔降低不透明度,少量多次涂抹,以画出云朵的感觉


如图便是画完之后天空的样子,其中天空蓝色的部分要与图中其余有蓝色的部分呼应,颜色差距不要太远,整体要和谐


接下来是对阴影的处理,最开始我尝试直接将阴影正片叠底和降低不透明度,但效果并不是很理想,之后我改变了阴影的色相,使其呈现一个蓝色


具体参数如图,大家可根据自己的需求进行调试


之后我觉得阴影的对比度不够强,我又修改了阴影的色阶

                                             
具体数值如上,大家可根据自己的需求进行调试



添加素材

这里的素材包括大学生、草丛、藤蔓等等


我的素材大部分是通过pinterest查找,再放到ps进行加工创造,变成适合我的图适合用的东西,或者有些是之前积累的就直接用了


选用草丛图片后,可将其抠图成单独的素材,再根据画面需求进行调色或者风格化处理


将处理好的草丛放置在草坪的位置,再通过复制+缩小+左右翻转,即可获得另一株草丛,如果还想获得更加不一样的,可以用橡皮擦工具,降低不透明度,进行局部擦除,三朵草丛放置在一起的时候,注意三角形放置原则


用同样的方法获得藤蔓的贴图素材,根据图面总体颜色,对其进行调色,例如改变色阶、色相、饱和度等等。再用仿制图章工具,在画面上不同的位置进行局部的复制


在进行仿制工具复制藤蔓的时候,要注意近大远小的原则


最后将室内外的人物素材加上,人物之间的放置可以有一些互动感,注意室外的人物要添加上影子哦!这样就都完成啦!



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
音画做图教学---打造3D文字特效
一格制图课堂——快速上手扁平插画风建筑表现图的技巧都在这里
PS CS5教程:制作实景逼真的3D效果文字|YlmF 美化风格区|Windows 专区 ...
Photoshop CS5教程:制作实景逼真的3D效果文字
教程 | 爽眼睛的小清新立面表达
剖面图绘制方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服