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设计超酷的大乱斗场景游戏网站首页教程的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2982837.html

(0)
上一篇 2025年3月12日 04:13:39
下一篇 2025年3月12日 04:13:57

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Photoshop把复古女孩照片转成古典文艺手绘效果教程

    本教程教脚本之家的ps学习者使用photoshop把复古女孩照片转成古典文艺手绘效果的方法,照片本身带有复古韵味,不过像素不是很高,处理的时候整体颜色用了更加文艺的蓝紫色,同时人物各部分都做了轻微的手绘处理,最后加了一些纹理,画面更加具有古…

    2025年3月12日 编程技术
    000
  • Photoshop与Lightroom有什么不同

    说起Photoshop与Lightroom很多人应该都不陌生,但是很多人不知道Photoshop与Lightroom的区别是什么?下面【创想鸟】就带领大家来认识一下Photoshop与Lightroom有什么不同? Photoshop与Li…

    2025年3月12日
    200
  • ps是什么的缩写

    adobe photoshop,简称“ps”,是一个由adobe开发和发行的图像处理软件。该软件发布在windows和mac os上。 Photoshop由托马斯·诺尔和约翰·诺尔在1988年首次发布新版本。 它可以编辑和合成多个图层中的位…

    2025年3月12日
    200
  • photoshop cs3是什么

    photoshop cs3全称adobe photoshop cs3 extended,也称作为photoshop 10.0。adobe photoshop是公认的最好的通用平面美术设计软件。由adobe公司开发设计。其用户界面易懂,功能完…

    2025年3月12日
    200
  • photoshop算什么软件

    photoshop算什么软件? Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作…

    2025年3月12日
    200
  • photoshop平面设计是什么

    photoshop平面设计是什么? 平面设计(graphic design),原称作装潢设计,也称为视觉传达设计,是以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。 平面设计师…

    2025年3月12日
    200
  • ps和photoshop的区别

    ps和photoshop的区别 ps、photoshop和adobe photoshop没有区别。 Adobe Photoshop,简称“PS”、“Photoshop”,是由Adobe Systems开发和发行的图像处理软件。Photosh…

    2025年3月12日
    200
  • photoshop的窗口主要由哪几部分组成?

    photoshop的工作界面的组成:工作界面是由 菜单栏、选项栏:、选项卡式文档窗、工具箱、面板组及状态栏六部分组成的。 1、组成PS工作界面的第一部分就是菜单栏。 对PS的绝大多数操作及窗口的定制都是由菜单栏的菜单提供的,其中包括11个菜…

    2025年3月12日
    200
  • photoshop电脑怎么下载

    photo shop电脑怎么下载? 点击打开电脑浏览器,在百度搜索框输入“ps中文免费版”,点击“搜索”。 在搜索结果中选择自己的目标版本,点击进入网站。 进入之后点击明显位置的“本地下载”按钮会发现是官方版本。 进入下载页面查看版本信息以…

    2025年3月12日 编程技术
    200
  • 怎么下载photoshop

    怎么下载photoshop? 打开“360软件管家”,在搜索框中输入“photoshop”并点击搜索一下。 在弹出的窗口中找到“photoshop cc 2018”并点击下载。 然后360软件管家会自动进行下载。 下载好后、点击解压PS安装…

    2025年3月12日 编程技术
    200

发表回复

登录后才能评论