您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 视觉设计 >> 浏览设计教程

网页设计如何快速打造场景氛围

7b00577e26e00000018c1bc35e64.jpg


当原画素材分辨率或者精度不够,不能展示人物细节,何不尝试利用打造氛围来提高主视觉的质量。下面是举了一个主要利用照片拼接来配合人物原画打造氛围的例子。



最终效果




图1-天空,图2-模型,图3-火球特效,图4-羽毛。(图2由项目提供,其他素材通过搜索引擎搜索)



e5af577e27520000012e7e74fc83.jpg


打开图1,将其放置于画面中。



bda4577e277a0000012e7e690c6c.jpg


使用模糊工具将远处的云处理模糊,增加空间感。



7f68577e27aa0000018c1b449dd1.jpg


新建图层,使用画笔工具画出黄色环境光。



8309577e27c00000012e7e96cd37.jpg


将图层样式设置为“滤色”。



8adf577e27d40000012e7e800f1f.jpg


新建图层,命名“蓝色”。使用画笔工具绘制蓝色。



5453577e27ea0000012e7ebe66e7.jpg


将图层样式设置为“滤色”,给画面增加环境色。



fc73577e27ff0000018c1b89b5d0.jpg


将素材图2放置画面中,图层命名为“鹰”。



4793577e28160000012e7edebb39.jpg

5bc0577e282f0000018c1b5bc7c4.jpg


使用“魔棒”工具,点击“鹰”图层灰色区域,选中后按“BACKSPACE”键删除。



2f08577e28590000012e7e04f028.jpg


复制“鹰”图层,放置于“鹰”图层下面,选择“动感模糊”进行处理,来增加动感。



5a0a577e28700000018c1bf4e478.jpg


选中“鹰”图层,使用“加深工具”对鹰的明暗交界线进行强化。



3841577e28880000018c1b368936.jpg


在“鹰”图层上面,新建图层,命名为“黄色环境光”。点击鼠标右键,选择“创建剪贴蒙版”。使用画笔工具

在鹰的受光面绘制黄色环境光。



7d84577e28a30000012e7e99cc82.jpg


在“鹰”图层上,新建图层,命名“蓝色”,点击鼠标右键,选择“创建剪贴蒙版”。使用画笔工具绘制蓝色。



b7d4577e28c30000018c1bae9a70.jpg


将“蓝色”图层进行滤色处理,填充选择12%。



dcd1577e28d90000012e7ec4904d.jpg


将素材图4“羽毛”,调整好位置放置画面中,图层命名为“羽毛”。



20b9577e28f70000012e7ecdb854.jpg


选中“羽毛”图层,使用“滤镜-模糊-动感模糊”,增加羽毛动感效果。



222b577e290e0000012e7e061071.jpg


根据上述操作,制作出多个羽毛。



21d0577e29250000018c1b446fd7.jpg


将素材图3“火球特效”,调整好位置放置画面中,图层命名为“火球”。图层样式为“滤色”。



de0b577e293c0000012e7e2fe941.jpg


选中“火球”图层,使用“滤镜-模糊-动感模糊”,增加火球动感效果。



7ac2577e29500000012e7efc8bc0.jpg


根据上述操作,制作出多个火球。



2515577e296c0000012e7ec7baf4.jpg


复制“鹰”图层,将其缩小放置中景,填充55%。



f4c7577e29840000018c1bdd367d.jpg


使用涂抹工具,将鹰缺失部分绘制出来。再复制一只,放置远景,来增加画面空间感。



7dff577e299a0000018c1bc8c005.jpg


最后使用画笔工具,绘制一些红色的火星,增强画面效果。


[教程作者:畅游VC]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/ui3236.html
一款优秀的网页Banner该怎么设计
干货推荐!电商banner设计总结
图趣网微信
建议反馈
×