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

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

最终效果

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文地址:http://tuquu.com/tutorial/ui3236.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








