网站地图关于我们

查看相册 View Gallery
本文转载自 正反面儿

本次教程给大家带来的是效果图氛围研究。在平时效果图制作中,一张图的氛围一般会被忽视,但却又存在相当大的技术难点。教程将从最简单的PS素材对比思考开始,教大家快速get风格化的视觉氛围,展现你作为设计师的独特品味和灵动表达。

老规矩,先发素材包。

本次教程中所需要的素材、软件

▶插画人物素材、复古人物素材▶天空机理、素材▶教程psd源文件▶Adobe suit 系列软件包

我们先来看成果“复古style”“插画style”“矢量style”三重变奏▼

最强教程!1次搞定3种style效果图第1张图片

Step 1底图准备

最强教程!1次搞定3种style效果图第2张图片

Step 2

风格1复古style

置入嵌入的智能对象(插入素材人物)

最强教程!1次搞定3种style效果图第3张图片

调整透视大小

最强教程!1次搞定3种style效果图第4张图片

注意人物的头顶在一条水平线上(特殊情况“坐”“卧”“小孩”等除外)

最强教程!1次搞定3种style效果图第5张图片

最强教程!1次搞定3种style效果图第6张图片

素材添加透明度

最强教程!1次搞定3种style效果图第7张图片

风格2矢量style

置入人物素材

最强教程!1次搞定3种style效果图第8张图片

导出一张JPEG格式作为参考底图——准备置入AI

最强教程!1次搞定3种style效果图第9张图片

置入AI

最强教程!1次搞定3种style效果图第10张图片

调整AI画布大小,锁定底图

最强教程!1次搞定3种style效果图第11张图片

矢量化操作技术要点:纹理修改铅笔手动快速勾勒轮廓对话泡泡添加(具体操作看视频)



关掉底图,导出PNG透明格式图片——准备叠入PS(注意按画板导出)

最强教程!1次搞定3种style效果图第12张图片

风格3插画style

置入插画风格小人

简单调色 即可。三张图统一调整画面长宽比(留白的考虑)

最强教程!1次搞定3种style效果图第13张图片

最后做比对思考的时候,加入了天空的差异,步骤如下:复古:1. 置入天空贴图(详见素材包)2. 降低透明度,饱和度3. 减淡工具将天际线处点亮,放置前后空间混淆

最强教程!1次搞定3种style效果图第14张图片

插画:1. 置入天空贴图2. 降低透明度3. 置入纹理贴图(详见素材包)4. 新建调色图层:亮度30 对比度50(参数仅供参考)5. 贴图属性:强光 透明度40%(图层置顶)

最强教程!1次搞定3种style效果图第15张图片

矢量:1. 新建图层,模糊画笔30%流量+30%硬度手画天空(颜色:蓝、紫、橙、黄,或自行选择)

最强教程!1次搞定3种style效果图第16张图片

2. 滤镜——像素化——彩色半调

最强教程!1次搞定3种style效果图第17张图片

3. 魔棒选中黑色区域——右键选区相似——delete

最强教程!1次搞定3种style效果图第18张图片

4. 图片整体调色5. 出图

最强教程!1次搞定3种style效果图第19张图片
  
结语:风格的把握需要对可变对象的灵活运用,例如“人物”“天空”“配景”等都是很好的可变素材。举个栗子:“复古风格”效果图里,你可以找一找,其实都是老面孔,左侧是玛丽莲梦露和友人郊外骑车的老照片,中间的大叔实际上是大卫鲍伊,右侧还有不食人间烟火的蒂尔达·斯文顿。学术也可以有情趣,也可以体现你的爱好,作为设计师,请把更多的个人情怀带给大家吧! 拓展思考:本次案例讲学没有涉及BASE图层的修改。例如“树”、“建筑立面”等,或许你可以基于这样的思路,为这张图,带来更多风格......



最强教程!1次搞定3种style效果图第20张图片
   
【专筑网版权与免责声明】:本网站注明“来源:专筑网”的所有内容版权属专筑网所有,如需转载,请注明出处

专于设计,筑就未来

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

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

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

微信号:iarch-cn

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

 匿名

没有了...
评论加载中,请稍后!

设计头条 (4352 articles)


正反面儿 (25 articles)


教程 (329 articles)


效果图 (140 articles)