• WAP手机版 RSS订阅 加入收藏  设为首页
Photoshop

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

时间:2017/1/7 22:58:45   作者:未知   来源:网络文摘   阅读:808   评论:0

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

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

 

一、参考案例

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

 

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

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

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

 

三、打造场景

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

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

 

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

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

 

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

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

 

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

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

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

 

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

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

 

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

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

 

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

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

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

 

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

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

 

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

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

 

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

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

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

 

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

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

 

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

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

 

最终效果:

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

免责申明:CAD之家旨在相互学习交流,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!
邮箱:qm198794@gmail.com Copyright 2008-2022 CAD之家网 湘ICP备17006806号