高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

改稿复盘 2年前 (2020) 一六视觉
185 0 1

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

BY MEGDIEL LOPEZ

全文共 2582字 69图

— — — — — —

-- 正文 --

我觉得这么多风格里面,就游戏界面是又酷又难搞得好看的,不信你看这花里胡哨的样子:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

我觉得我要是做个PPT能搞出这么流批的样子,别说了,以后在P圈我都是横着走的!但问题是,我眼睛看爽了,我手和脑子却跟不上啊!

这图!一看就不好搞啊,莫得慌!从小就是幼儿园扛把子的我,用非常牛皮的倍镜分析法”**,**教你轻轻松松做游戏风爆棚的PPT页面(要突出轻松,我真是个棒棒棒的人啊~)

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

倍镜分析法是啥玩意?

玩过吃gai(鸡)战场吧,枪的倍镜对应有2,4,8倍镜,如果没玩过,你可以理解为放大镜的不同倍数。

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

倍镜分析法的意义在于在一个优秀作品中,找到不同层级的设计灵感供我们在ppt中借鉴学习。

来看看我的参考对象和模仿作品吧:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

原作

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

俺的模仿(软件:PS)

你别看到我是用PS模仿的就怂了啊,局限不是软件,是作图思维嘛~

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

莫得慌,为了帮你更好的从游戏界面找设计灵感,我重新找了张图,我们来手摸手教学,教你做出游戏风爆棚的PPT页面(用PPT做)

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

找什么样的练习作品?

我找到了两个套图:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

是你的话选择哪一页来模仿呢?我的话选择第1张,为啥?

按照倍镜分析法的歪理,如果我们用8倍镜,就能看到更多的细节,那画面可学习的地方就多了,那这前提是不是得画面本身就够丰富?(你品一下)

所以来吧,我们挑个丰富一些的画面做刻意练习,首先用2倍镜分析法我们可以快速把游戏风衣服脱掉,看它光秃秃的身体。

想啥呢,我说的是,不看华丽的美化效果,看画面的框架!

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

一瞬间用2倍镜一看是不是,立马这个画面就简单多了~然后往里面填内容就好了,这不是挺简单的嘛,还以为多难呢。

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

来,咱做个小测试,你用2倍镜能看到我的模仿跟原作框架是一样的了吗?

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

如果你看不到,PA!你闯关失败不能进入下一关!

提示:人物都在左侧,闯关卡片在右侧,2倍镜下的基本框架是一致的。

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

2倍镜怎么拆解框架?

我们接着继续要模仿的页面,用2倍镜得出了这个大概的页面框架:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

现在想一下,刚开始我们是用2倍镜分析法,拆解了画面的大框架对吧,好哦,现在用4倍镜分析法,往下设计更细节一些的内容.

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

4倍镜怎么添加内容?

我们先来做最底部的背景层:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

可以看到背景层是一个带点紫到蓝渐变的蒙版盖着,底下有个场景若隐若现,于是我们可以去找个图,稍微叠加个渐变蒙版:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

这时候,不要去太留意细节的刻画,把该有的东西先拼起来最好~用做合成的方法来说,先做个粗糙的40分,然后再慢慢完善,干巴爹!我们就当背景层初步搞定啦!

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

我们先找个人物图加进来,在花瓣网搜”游戏人物png你能找到挺多的png图:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

在选择人物图上就很考验你够不够细心啦,像这里原图你留意到了他的特点了吗?非卡通,正面上半身局部照,偏静态站立。

加完人物图之后不用考虑太多,是时候完善其他的框架了,看我DUANG一下变成这样:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

这样的ppt总做的出来吧~,其实也就是参考原图的框架依次填东西(上下对比一下 ↑↓)

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

现在4倍镜用完啦,基本框架也有了,是时候用8倍镜刻画细节了~那我们先做左边的,还是做标题呢?来石头剪刀布吧~

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

8倍镜怎么刻画细节?

我们来刻画右边信息栏的细节,添加头像图,修改文字:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

这样一步步来操作也不难吧?慢慢刻画细节内容:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

OK,左侧的细节刻画差不多就这样啦~我们该优化右侧的内容啦~

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

  • 大标题我选了科技感强的「优设标题黑」

  • 加一些线性图标(看着线条感强的图标

  • 之后再把副标题和正文改一下颜色

  • 最重要的是,大标题被挡住容易看不懂什么意思,所以在标题左上再重复一遍标题。

这时候我们先回过头看看,是不是跟原作有些相似了~

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

最后优化

但是对比之下发现,哎还是缺了点精致感,缺了什么呢?

  • 原人物右侧有黑色阴影,但我们没有,

  • 原背景没那么亮,但我们的亮。

好~那我们就优化一下人物图和背景:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

有没有觉得酷了很多啦~跟自己生个娃一样看着他越来越帅~好欣慰~

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

接着我们把原图的这些控件元素添加进去:

提醒:原作是个游戏界面,控件元素是有实用性的,但是到我们PPT上更多是偏装饰性。

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

好了,到这一步,其实就差不多啦~但是如果细看,哎!还有两个问题!

  • 原图标题有发光特效

  • 背景图有聚焦效果

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

这个就简单了,稍微处理一下就OK~

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

如果觉得大标题不够直男,我们再加点氪金效果:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

DUANG~DUANG~DUANG~这就是我们的成品啦~

跟原图做个对比:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

是不是很酷~你也可以做的到~那我们回过头总结一下,该怎么做好一份游戏风PPT页面呢?

1.

2倍镜分析法得出大体框架:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

2.

4倍镜分析法往页面填内容

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

在第2步中,不用急着刻画细节,先把需要的内容拼凑到一起~

3.

8倍镜刻画细节,先搞定左边:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

接着刻画右边的内容:

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

在这时候,整个画面就有60分左右啦~但还有那些很小的细节需要刻画,于是针对不同的元素再分别调整~

于是DUANG的一下~我们的PPT就做好啦~是不是非常简单呢?

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

好啦~

最好送给屏幕前的你一句话,拿ppt来做游戏界面,虽然他并不使用,就像谁会在PPT放”继续游戏“?这怕是想职位不保!

但是练习的时候,多练习一些新鲜不同的玩意儿,能让你的设计能力和设计思维得到很大的锻炼哦!

这里有源文件,只说不练假把式,如果你也想试一下这种高阶练习,那就动手吧~

公众号后台回复「游戏」获取17P案例源文件

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

END

未经允许,禁止转载

原创不易

喜欢分享评论请一条龙

下篇文章继续爱你~


原文链接:高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT

版权声明:一六视觉 发表于 2020年3月9日 上午11:45。
转载请注明:高阶练习:花3个小时,用这1个技法做了游戏风爆棚的PPT | AboutPPT导航

相关文章

暂无评论

暂无评论...