制作大气战斗游戏网站主页图片的PS教程(图文教程)

    过实例的简单讲解,还是希望大家能够对画面的层次感有进一步的了解,并且在以后的设计过程中,能够很好的把握住这一点,并运用到自己的作品中。最终效果

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第1张

 

一、参考案例

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第2张

 

二、搜集素材,其实给了参考还是挺好的,这样你的大体设计方向就不会错,根据方向我们可以提炼一些美键词:

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第3张

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第4张

 

三、打造场景

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第5张

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第6张

 

接下来我们要对天空部分进行一定的补充,找一张天空的感觉不错的图片进行一个简单的拼合,现在画面中右侧的天空符合我想要的感觉,左边的星球是什么鬼!!既然不是我们想要的,就要把它干掉,所以,我们进一步的去拼合。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第7张

 

其实我们用的都是同一张天空的素材,只是通过改变角度或者水平翻转,利用不同的位置来填补我们所需的空缺。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第8张

 

当然这一步还是调色啦,需要让天空和下半部分场景的色调保持统一。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第9张

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第10张

 

当然也是需要调色处理啦,因为此处距离我们较远,看不清细节,所以可以用接近山丘的单一的颜色去处理。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第11张

 

类似上面的方法继续添加同样角度的城楼,并调色处理。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第12张

 

我们给画面的左侧添加一个稍微近一点的城楼,原图-蒙板擦出边缘-图层模式改为变亮-调色,是不是完美融合。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第13张

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第14张

 

石头的处理,这里不多说了,都是一样的调色方法,也附上了图层,只要能达到想要的效果即可,过程因人而异。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第15张

 

人物的处理,适当减弱了人物的饱和度,加强了对比度,其次就是按照光源方向,给人物的相关部位进行和压暗处理并绘制投影

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第16张

 

现在是整体的效果,可以发现,人物和石头现在的识别度并不高,因为跟画面中其他颜色接近的物体在位置上重合了,所以我们需要进一步去拉开画面的层次,让人物和石头能够进一步凸显。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第17张

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第18张

 

添加上相关页面内容,这里注意下按钮和视频的形式,不一定是方的,这里就是结合了游戏LOGO中的倒三角从而考虑到使用菱形去做。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第19张

 

画面的两侧再加上一些正赶去支援的飞艇,和闲逛的鸟,最后整体调整下画面的对比度,整个页面就算OK了。

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第17张

 

最终效果:

制作大气战斗游戏网站主页图片的PS教程(图文教程),制作大气战斗游戏网站主页图片的PS教程,设计,什么,角度,第21张

免责声明:
1;所有标注为智造资料网zl.fbzzw.cn的内容均为本站所有,版权均属本站所有,若您需要引用、转载,必须注明来源及原文链接即可,如涉及大面积转载,请来信告知,获取《授权协议》。
2;本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除,相关侵权责任均由相应上传用户自行承担。
内容投诉
智造资料网打造智能制造3D图纸下载,在线视频,软件下载,在线问答综合平台 » 制作大气战斗游戏网站主页图片的PS教程(图文教程)