首页 web前端 PS教程 Photoshop设计超酷的大乱斗场景游戏网站首页教程

Photoshop设计超酷的大乱斗场景游戏网站首页教程

May 14, 2017 am 10:26 AM
photoshop

本教程教脚本之家的ps爱好者使用Photoshop设计超酷的大乱斗场景游戏网站首页的方法,市场上分享的形式有很多,打造方法也是各式各样,但是对游戏的场景氛围打造至今还没有这种很详细的教程,感兴趣的一起去看看吧

最终效果:

Photoshop设计超酷的大乱斗场景游戏网站首页教程

主要过程:

1、找素材。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

2、根据视觉参考的大乱斗是一个由中心向四周散发的画面,所以场景选择的也都是对称发散图形。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

Photoshop设计超酷的大乱斗场景游戏网站首页教程

3、为了保证画面平衡,四周人设动作造型基本保持对称是一个比较稳妥的方法,所以选择了这3个人设出于他们的动作考虑。左侧用了女枪和浣熊2个角色是因为她们比较瘦小,为了和右侧男骑士壮汉保持一个画面平衡。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

4、定光源(光源分为2种:一、暖光源 二、冷光源)。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

5、这里主要是对场景定光源(中间提亮四周压暗),中间用暖黄色的主光源提亮,旁边用蓝色冷光作对比,之所以这样处理是为了使中间的主题画面更突出。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

6、对场景复制一层,在新的图层对原画进行高斯模糊处理。图层选滤色属性,在模糊的这个图层增加滤镜蒙版进行擦除,把不需要模糊的地方用画笔擦掉,这个方法可以让场景增加景深效果。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

7、利用“色阶”(快捷键Ctrl+L),把场景暗部加深,提高亮部,加强对比。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

8、现在场景的氛围已经比较到位了,如下图。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

9、利用"色阶"调整(快捷键Ctrl+L),让人物明暗对比争强,质感争强。利用"加深减淡"提亮人物的受光面,压暗人物的背光面。加强光源照射效果,使人物更有立体感,画面更有空间。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

10、根据光源,给人物添加形状选区,填充黑色。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

11、调整图层透明度,让人物的明暗程度和背景在同一个环境层次里面。添加蒙版图层,根据光源方向,擦出亮部。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

12、其他英雄也是用同样的方法处理,得到最终画面。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

13、颜色查找是一个调整图层,它的位置如下图。添加了颜色查找后,在颜色查找的面板里找到3DLUT文件,下拉就可以看到很多自带特效的样式,有冷,有暖,重口味的,小清新的,可以一个个尝试,有适合的就可以直接用。这里就不多讲。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

14、新建图层,做柔光或者叠加图层混合模式。用画笔吸取暖黄色,然后画笔在主光源处叠加暖色光源。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

Photoshop设计超酷的大乱斗场景游戏网站首页教程

15、利用“色彩平衡”、“色相饱和度”、“色阶”等进行图层整调!很快就得到自己想要的一个画面氛围基调。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

Photoshop设计超酷的大乱斗场景游戏网站首页教程

16、新建图层,做柔光图层混合模式。利用黑色画笔压暗画面四周,再次突出中间的画面。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

17、新建一个图层,填充灰色,用来做内容模块的背景,与场景做渐变效果。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

18、字体设计。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

19、漂浮物可以是很多形式出现,根据画面需求添加飘絮的雪花、星星光效等,会让画面变的很精细,提高画面质感。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

20、画面人物脚下增加一些飞溅碎石,增强画面的力量感,让画面瞬间震撼起来!合理添加飘絮物可以给画面添加气氛,并且制造空间感,是史诗级别装逼利器。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

21、画面打造的差不多了,接下来设计头部登录注册框的界面设计。

Photoshop设计超酷的大乱斗场景游戏网站首页教程

最终效果:

Photoshop设计超酷的大乱斗场景游戏网站首页教程

以上是Photoshop设计超酷的大乱斗场景游戏网站首页教程的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1658
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1231
24
PS导出PDF如何设置密码保护 PS导出PDF如何设置密码保护 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中导出带密码保护的 PDF:打开图像文件。点击“文件”>“导出”>“导出为 PDF”。设置“安全性”选项,两次输入相同的密码。点击“导出”生成 PDF 文件。

PS导出PDF有哪些常见问题 PS导出PDF有哪些常见问题 Apr 06, 2025 pm 04:51 PM

导出PS为PDF时常见问题及解决方法:字体嵌入问题:勾选"字体"选项,选择"嵌入",或将字体转换成曲线(路径)。颜色偏差问题:将文件转换成CMYK模式,并进行校色;直接用RGB导出需做好预览和颜色偏差的心理准备。分辨率和文件大小问题:根据实际情况选择分辨率,或使用压缩选项优化文件体积。特殊效果问题:导出前将图层合并(扁平化),或权衡利弊。

Photoshop的价值:权衡成本与其功能 Photoshop的价值:权衡成本与其功能 Apr 11, 2025 am 12:02 AM

Photoshop值得投资,因为它提供了强大的功能和广泛的应用场景。1)核心功能包括图像编辑、图层管理、特效制作和色彩调整。2)适合专业设计师和摄影师,但业余爱好者可考虑替代品如GIMP。3)订阅AdobeCreativeCloud可按需使用,避免一次性高额支出。

ps钢笔工具怎么用 ps钢笔工具怎么用 Apr 06, 2025 pm 10:15 PM

钢笔工具是创建精确路径和形状的工具,使用方法为:选择钢笔工具(P)。设置路径、填充、描边和形状选项。单击创建锚点,拖动形成曲线,松开创建锚点。按 Ctrl/Cmd Alt/Opt 删除锚点,拖动移动锚点,单击调整曲线。单击第一个锚点闭合路径创建形状,双击最后一个锚点创建开放路径。

PS一直显示正在载入是什么原因? PS一直显示正在载入是什么原因? Apr 06, 2025 pm 06:39 PM

PS“正在载入”问题是由资源访问或处理问题引起的:硬盘读取速度慢或有坏道:使用CrystalDiskInfo检查硬盘健康状况并更换有问题的硬盘。内存不足:升级内存以满足PS对高分辨率图片和复杂图层处理的需求。显卡驱动程序过时或损坏:更新驱动程序以优化PS和显卡之间的通信。文件路径过长或文件名有特殊字符:使用简短的路径和避免使用特殊字符。PS自身问题:重新安装或修复PS安装程序。

高级Photoshop教程:大师修饰和合成 高级Photoshop教程:大师修饰和合成 Apr 17, 2025 am 12:10 AM

Photoshop的高级修图与合成技术包括:1.使用图层、蒙版和调整层进行基础操作;2.通过调整图像像素值实现修图效果;3.利用多图层和蒙版进行复杂合成;4.应用“液化”工具调整面部特征;5.使用“频率分离”技术进行细腻修图,这些技术能提升图像处理水平并实现专业级效果。

网页设计的Photoshop:UI/UX的高级技术 网页设计的Photoshop:UI/UX的高级技术 Apr 08, 2025 am 12:19 AM

Photoshop在网页设计中可用于创建高保真原型、设计UI元素和模拟用户交互。1.使用图层、蒙版和智能对象进行基础设计。2.通过动画和时间线功能模拟用户交互。3.利用脚本自动化设计过程,提高效率。

如何加快PS的载入速度? 如何加快PS的载入速度? Apr 06, 2025 pm 06:27 PM

解决 Photoshop 启动慢的问题需要多管齐下,包括:升级硬件(内存、固态硬盘、CPU);卸载过时或不兼容的插件;定期清理系统垃圾和过多的后台程序;谨慎关闭无关紧要的程序;启动时避免打开大量文件。

See all articles