扫一扫关注设计师
确定插画风 | 快捷又出效果的技能谁不想GET
分类:综合设计
难度
来源:LAC STUDIO
观众:1401
发布时间:2020-03-24
Hello~小伙伴们,又到了和大家见面的时间啦。秉承着停水停电也不能停止更新的原则,制图教室又给大家带来了一期香喷喷的制图教程。
如果你常关注一些偏重学术、实验性的事务所,或者是国际高校的学生作品,你就会发现,比起追求写实的渲染图,色彩明亮、个性十足、拼贴插画风格的效果图往往更受青睐。这对我们来说无疑是一件好事。比起学习困难,经验要求高的渲染来说,依靠PS技艺就能搞定效果图,便捷高效的同时还不会给效果打折扣!这难道还不够香吗?光凭这一点就值得大家赶紧操练起来,掌握这门神奇的技艺了!那么话不多说,下面进入我们的教学时间。
首先给大家看看网络上搜集的一些插画风的效果图,大家先感受一下~
正如大家所见所知,通常插画风格的场景图都是趋于扁平化的,但作为万博manbext手机官网表现的图纸,一些情况下我们又希望呈现出有纵深感的空间,今天,我们就来教大家如何用插画风表达出丰富的空间层次,让效果图完成它的使命~
STEP1:模型准备
在模型准备阶段,我们可以根据设计内容或主题,在模型上将不同区域按照材料、功能等进行颜色上的区分。这样,选取角度时对表达的场景内容可以有较直接的掌控,同时也会方便我们后期选区处理。
另外,有一点要提醒大家,在家具选择上尽量选择造型简洁,线条较少的家具模型,在色彩处理上,建议使用白色。这么操作的目的一是避免的文件过大,更总要的则是因为家具并不是我们要表达的重点,只是起到丰富空间和图面的效果,并且需要跟插画风格保持一致。
STEP2:视角选取
视角的选择有一定的技巧,概括来说就是,模型近景主要平面平行于取景框,消失点位于中心线。这也是多数优秀插画风场景图选取角度时所遵循的原则。
为了增加图面的信息量,我们可以通过调节视角大小,以取得更强的纵深感,从而获得较为戏剧化的透视效果。这里需要大家注意一点,我们需要清楚的区分近景、中景、远景。
调整好视角大小,我们还要根据图纸的内容选择适合的画幅,可以尝试横向或竖向加宽取景框,更加适合大场景多层次的表达。
STEP3:材质与色彩调节
模型准备好之后就是出白模图,我们可以选择简单渲染,当然也可以选择高品质导图。在白模的基础上,我们进行简单的材质拼贴。这些拼贴的步骤和我们以往教程中讲到的如出一辙,这里就不再赘述。
请看我们贴好材质后的效果。
可以看到,有了材质后的模型已经有了初步的效果,但是,并不是这样就够了。在色彩的搭配方面,这样的图面还达不到我们期望的效果,所以,我们还需要根据需要的艺术效果对图面的色彩进行一定的调整。
这就会涉及到对大家配色功底的考验啦~在配色方面,熟练的选手可以自行选择色彩进行搭配,而不擅长或者想要偷个懒的同学,我们可以找一些优秀的色卡来作为参考。几种占图幅较大的材质,我们尽可能从色相和明度上都进行区分。
近景中,我们为了强调明暗面的区别,可以在同一图层蒙版中用不同的灰度实现。来看调色前后的对比效果。
STEP4:光影调节
除了色彩的调整,光影也是我们空间中的很重要的一部分。下面的步骤就是我们对光影的调节。
首先,我们要适当提高画面的明度。先根据玻璃遮挡关系,调整填色图层的局部蒙版透明度。根据整体明度关系进行微调,减少灰色死角,避免画面灰色调占比过多。
随后,我们还需要对阴影部分做适当加深。阴影图层通常是一张效果图的点睛之笔,一般来说我们会用正片叠底模式做叠加,但是,大家只要稍加尝试就会发现,这样做虽然的确可以增强画面的明暗对比,但是会增强画面的整体灰度。因此,在插画风的效果图中,用线性加深或颜色加深的模式叠加阴影图更能增强插画的戏剧效果。
大家可以通过下面两张图看到不同的模式叠加产生的不同效果。
STEP5:添加配景
经过以上的操作,我们的空间效果已经呈现出来啦,接下来只需要根据我们的意向为空间添加一些配景营造一下气氛就OK了。素材的选择上,给大家的建议是,首先要选择和图纸风格一致的素材,比如这里我们会选择插画风的素材;其次,尽量选择风格一致的素材,小编当然知道成套的素材搜集不易,所以我们也只能尽可能寻找风格上相近相似的,这样后期的调整工作量可以少一些,画面的整体感也会更强。
加上了配景素材之后的画面就活泼起来了,仿佛给空间注入了生气~一张色彩明丽又俏皮的插画风效果图至此就大功告成了。
非特殊说明,本文版权归原作者所有,来源: LAC STUDIO 转载请联系作者。
作者:Z. Ju/W 二七/E
投稿邮箱:752052680@qq.com
作者公众号:LAC STUDIO
筑视网公众号:环球设计联盟
如果你常关注一些偏重学术、实验性的事务所,或者是国际高校的学生作品,你就会发现,比起追求写实的渲染图,色彩明亮、个性十足、拼贴插画风格的效果图往往更受青睐。
相关教程
评论
分类:综合设计 难度 来源:LAC STUDIO 观众:1401 发布时间:2020-03-24
Hello~小伙伴们,又到了和大家见面的时间啦。秉承着停水停电也不能停止更新的原则,制图教室又给大家带来了一期香喷喷的制图教程。
如果你常关注一些偏重学术、实验性的事务所,或者是国际高校的学生作品,你就会发现,比起追求写实的渲染图,色彩明亮、个性十足、拼贴插画风格的效果图往往更受青睐。这对我们来说无疑是一件好事。比起学习困难,经验要求高的渲染来说,依靠PS技艺就能搞定效果图,便捷高效的同时还不会给效果打折扣!这难道还不够香吗?光凭这一点就值得大家赶紧操练起来,掌握这门神奇的技艺了!那么话不多说,下面进入我们的教学时间。
首先给大家看看网络上搜集的一些插画风的效果图,大家先感受一下~
正如大家所见所知,通常插画风格的场景图都是趋于扁平化的,但作为万博manbext手机官网表现的图纸,一些情况下我们又希望呈现出有纵深感的空间,今天,我们就来教大家如何用插画风表达出丰富的空间层次,让效果图完成它的使命~
STEP1:模型准备
在模型准备阶段,我们可以根据设计内容或主题,在模型上将不同区域按照材料、功能等进行颜色上的区分。这样,选取角度时对表达的场景内容可以有较直接的掌控,同时也会方便我们后期选区处理。
另外,有一点要提醒大家,在家具选择上尽量选择造型简洁,线条较少的家具模型,在色彩处理上,建议使用白色。这么操作的目的一是避免的文件过大,更总要的则是因为家具并不是我们要表达的重点,只是起到丰富空间和图面的效果,并且需要跟插画风格保持一致。
STEP2:视角选取
视角的选择有一定的技巧,概括来说就是,模型近景主要平面平行于取景框,消失点位于中心线。这也是多数优秀插画风场景图选取角度时所遵循的原则。
为了增加图面的信息量,我们可以通过调节视角大小,以取得更强的纵深感,从而获得较为戏剧化的透视效果。这里需要大家注意一点,我们需要清楚的区分近景、中景、远景。
调整好视角大小,我们还要根据图纸的内容选择适合的画幅,可以尝试横向或竖向加宽取景框,更加适合大场景多层次的表达。
STEP3:材质与色彩调节
模型准备好之后就是出白模图,我们可以选择简单渲染,当然也可以选择高品质导图。在白模的基础上,我们进行简单的材质拼贴。这些拼贴的步骤和我们以往教程中讲到的如出一辙,这里就不再赘述。
请看我们贴好材质后的效果。
可以看到,有了材质后的模型已经有了初步的效果,但是,并不是这样就够了。在色彩的搭配方面,这样的图面还达不到我们期望的效果,所以,我们还需要根据需要的艺术效果对图面的色彩进行一定的调整。
这就会涉及到对大家配色功底的考验啦~在配色方面,熟练的选手可以自行选择色彩进行搭配,而不擅长或者想要偷个懒的同学,我们可以找一些优秀的色卡来作为参考。几种占图幅较大的材质,我们尽可能从色相和明度上都进行区分。
近景中,我们为了强调明暗面的区别,可以在同一图层蒙版中用不同的灰度实现。来看调色前后的对比效果。
STEP4:光影调节
除了色彩的调整,光影也是我们空间中的很重要的一部分。下面的步骤就是我们对光影的调节。
首先,我们要适当提高画面的明度。先根据玻璃遮挡关系,调整填色图层的局部蒙版透明度。根据整体明度关系进行微调,减少灰色死角,避免画面灰色调占比过多。
随后,我们还需要对阴影部分做适当加深。阴影图层通常是一张效果图的点睛之笔,一般来说我们会用正片叠底模式做叠加,但是,大家只要稍加尝试就会发现,这样做虽然的确可以增强画面的明暗对比,但是会增强画面的整体灰度。因此,在插画风的效果图中,用线性加深或颜色加深的模式叠加阴影图更能增强插画的戏剧效果。
大家可以通过下面两张图看到不同的模式叠加产生的不同效果。
STEP5:添加配景
经过以上的操作,我们的空间效果已经呈现出来啦,接下来只需要根据我们的意向为空间添加一些配景营造一下气氛就OK了。素材的选择上,给大家的建议是,首先要选择和图纸风格一致的素材,比如这里我们会选择插画风的素材;其次,尽量选择风格一致的素材,小编当然知道成套的素材搜集不易,所以我们也只能尽可能寻找风格上相近相似的,这样后期的调整工作量可以少一些,画面的整体感也会更强。
加上了配景素材之后的画面就活泼起来了,仿佛给空间注入了生气~一张色彩明丽又俏皮的插画风效果图至此就大功告成了。
非特殊说明,本文版权归原作者所有,来源: LAC STUDIO 转载请联系作者。
作者:Z. Ju/W 二七/E
投稿邮箱:752052680@qq.com
作者公众号:LAC STUDIO
筑视网公众号:环球设计联盟
如果你常关注一些偏重学术、实验性的事务所,或者是国际高校的学生作品,你就会发现,比起追求写实的渲染图,色彩明亮、个性十足、拼贴插画风格的效果图往往更受青睐。