如何更上镜(网页版面设计过程)

这是作者推荐的游戏页面设计的一些个人思路与见解,希望能让你的网页也同样做得更上镜。

所使用的素材

最终稿效果


步骤一:标题配合素材引发的思考

这次版本标题是“幻灭寂静”,配合需求方提供的素材找出关键词:虚幻+阴暗+冷色调+boss一定要叼(叼了才会有扁它的冲动)

ok,找出关键词了,排版就很容易了,表情叼的boss站中间,其他的站边上。


步骤二:前景和后景的明暗关系处理

其实就是一个前后虚化处理的过程,大致的明暗关系交代清楚。

步骤三:人物间的明暗强化

处理完前后的明暗后,处理人物间的明暗,这2步主要是渲染画面的阴暗感。

步骤四:增加画面的层次感

这里我找了一些废墟的素材进行拼搭,以丰富画面的层次。但是不能对画面的主视觉造成干扰,主要是些一眼带过的效果。

步骤五:画面的光源处理

从素材寻找光源的切入点,置入顶部光源,关键词:虚幻+冷色调。

步骤六:画面一些虚幻细节的处理

加一些前景后景的烟雾,以及人物背部的点光来烘托最终气氛。

加上文字排版–完稿

原文作者:kulama

相关文章推荐:

(0)

相关推荐

  • 上古世纪视频站(网页版面设计过程)

    近期为大家推荐一些有制作过程图解的网页版面设计佳作,希望通过这些作品能带给你一些关于网页设计的启发. 首页成品 因为这次cp提供的素材并不是那么理想,挑了许久,决定选两张角色比较适,一张脸部表情比较好 ...

  • 打造“右”手404页面(网页版面设计过程)

    本期为大推荐的页面设计构思非常有趣,版画设计让人有种至身死胡同一般的感觉,直指404页面错误结果无解的含义. 效果图[点击看大图] GIF过程图,要点击才显示动图?? 火花制作简略教程 原文作者:SE ...

  • 一个环保主题页面(网页版面设计过程)

    今天推荐的页面设计中,作者为贴近主题使用了大量的图片合成技术制作了两张环保类的网页背景图片,并且将一些导航信息巧妙的加载在其中. 原文作者:jimz_wu 相关文章推荐:

  • 《天神纪》项目回顾 (网页版面设计过程)

    这是一款系列作品的解析总结,不光有制作图解还有详细的关于制作思路的文字说明,非常值得一看. <天神纪>官网地址:tsj.changyou.com 原文作者:畅游VC 相关文章推荐:

  • IE浏览器中打印网页时,网页版面太大或太宽打印不全的解决方法

    这个是因为网页本身的设计宽度超过一般的 A4 纸张宽度,如果按网页原来的像素比例打印,会导致部分内容超出可打印的范围而被切除。请按您的使用习惯选择以下两种方法中的其中一种解决方法: 方法一:修改打印格 ...

  • 在IE浏览器中打印网页时网页版面太大或太宽打印不全

    当我们使用IE 浏览器打印网页时,可能出出现因为网页版面太大无法正确打印文件,出现打印不全,部分内容缺失的情况。 这个是因为网页本身的设计宽度超过一般的 A4 纸张宽度,如果按网页原来的像素比例打印, ...

  • IE浏览器中打印网页时网页版面太大或太宽打印不全

    方法一:修改打印格式的边界设定 这个方法比较常用,但一些超宽的网页可能无效。 1、打开IE 浏览器,在打开需要打印的网页。然后点击菜单栏的「文件」 ,在选择「页面设置」 项,如下图所示: 注意:如果找 ...

  • 版面设计构图的原则

    好的设计的关键是什么?好的版面设计要从强大的构图和良好的流程开始.你有没有打开网站,或拿起小册子或传单寻找一些信息,却感觉找不到你要找的东西?你可能会看到一个混乱无序的信息混乱,你甚至不知道从哪里开始 ...

  • 2016年网页插画设计趋势

    说插画已经彻底接管了网页设计似乎有点过,但是技术发展和用户需求使得网页插画在世界范围内流行起来,一点都不为过.从全屏式页面当中的首页Banner图到视差滚动式页面中的微妙动画,你会发现插画在这些设计作 ...