创意PPT设计!看起来很贵的科技风页面怎么制作?

时间:2019-10-16
类别:PPT教程
水平:入门
观众:1.7w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

教程作者:陈西设计之家

交作业:#优设每日作业#

创意PPT设计!看起来很贵的科技风页面怎么制作?

全文3075个字,预计阅读时间8分钟

创意PPT设计!看起来很贵的科技风页面怎么制作?

==========  教程文件提取码:q4sw ==========

你好,我是陈西X。

目前,大家可能比较常见一种比较科技,比较科幻一点的PPT设计,这种PPT设计是目前的一种趋势。

因为看上去很高级,很贵,效果也还不错,关键是可以卖个好价钱,容易打动甲方。所以很多人开始做这种风格的PPT页面。

但是,这种效果在目前来说,还是一小部分人比较擅长,没有多少的分享制作教程。

因此,决定解析一下这种效果的制作套路。帮助小伙伴们解惑,同时也可以习得新技能。

▣ 01 

我们直接开始实际案例解析操作吧。

首先,来看一个封面页的制作。

创意PPT设计!看起来很贵的科技风页面怎么制作?

我们总体来分析一下,这种类似科技的,科幻效果的PPT页面风格,最主要的一点就是颜色。其次就是各种渐变的使用。

这类PPT的设计,配色基本都是蓝色,青色为主。剩下的是大面积的暗色作为背景,如黑色,深蓝紫色系。

创意PPT设计!看起来很贵的科技风页面怎么制作?

这里的这一页封面页的配色设计,使用了蓝青色为主色,剩下的是深蓝色背景。

那么,接下来我们进行详细的拆解一下。

首先制作背景,找到 pexels 无版权图片网站下载一张属于科技风,有金属味道的高清图片。

这里就找了一张类似飞机涡轮的图片,裁剪到16:9的合适尺寸,选中图片,点开图片格式,在左侧,点开颜色,将图片调成偏蓝色调的风格。

创意PPT设计!看起来很贵的科技风页面怎么制作?

然后,就是加蒙版。选择深色系的蓝色,调节渐变透明度以及位置,来看制作的背景的效果。

创意PPT设计!看起来很贵的科技风页面怎么制作?

这里的蒙版使用了射线渐变的类型,绘制一个矩形,设置渐变填充,修改渐变类型为射线渐变,调节方向为从中心。

调节渐变光圈的数量,位置和透明度的大小了。这里没有具体固定的数值,需要自己不断尝试一下,看最后出来的效果。

这里就提供了我自己调节好的一系列的数值,小伙伴们仅供参考。

创意PPT设计!看起来很贵的科技风页面怎么制作?

接下来制作装饰元素。

使用PPT中自带的基本形状平行四边形,调节线性渐变,方向从左至右,渐变颜色选择的是蓝色到黑色。

这里的黑色渐变滑块调节了百分之百的透明度,蓝色滑块这两个形状调节的数值是不一样的,可以参考上面的数值。

创意PPT设计!看起来很贵的科技风页面怎么制作?

接着是主标题下面的渐变色块制作。

这里使用的同样是平行四边形这个基本形状,调节了两个不同方向的渐变效果,然后组合到一起。

这里同样也可以使用一个平行四边形进行调节,不过多添加几个渐变滑块,调节数值也可以有类似的效果。

制作好这一个效果,再复制一个,进行错位排列一下,就可以得到最终的效果。

创意PPT设计!看起来很贵的科技风页面怎么制作?

接着是标题文字的排版和美化设计。

现在主流的设计方式,不过就是加个渐变,换个字体,调一下透明度,错位排列调一下每一个字体不同大小。

话虽如此,不过要想有好的设计效果,还是得自己动手尝试。

这里的字体运用了倾斜,字体内的渐变填充,字体外的描边即渐变线。具体的数值可以参考上图。

创意PPT设计!看起来很贵的科技风页面怎么制作?

最后,就是一些整体的装饰元素,比如线条,小的色块等。

这里运用了线条,修改了线条的类型,即短划线的类型,这里可以更改不同的风格类型,看自己的喜好。

另外一个,这里还用了一系列的小色块。

绘制一个平行四边形的小色块,然后按住Ctrl键同时用鼠标左键拖动,即可复制一个,复制好不要动,按住F4键可以快速复制很多个。

这里的F4键为重复上一步操作,所以复制好后,不要移动,不然重复的就是移动这个操作了。

有的电脑可能需要按住 Fn 同时再按住F4键,这样快捷键才会有效果。

复制好一系列小的平行四边形后,可以从左至右调节透明度逐渐降低。需要花一点时间。

当然,也可以用插件制作。Islide插件的补间动画可以完成两个形状之间色块数量和透明度的补充。

绘制两个透明度不一样的色块,调节两者相距的位置,同时选中之后,设置补间数量即可。

创意PPT设计!看起来很贵的科技风页面怎么制作?

使用插件制作这种效果会更加快捷一点。

最后,这些元素组合排版在一起,就可以得到封面页的效果了。

创意PPT设计!看起来很贵的科技风页面怎么制作?

▣ 02  目录页的设计制作

创意PPT设计!看起来很贵的科技风页面怎么制作?

目录页主要有两点需要重点解析一下。

首先是这种圆形效果的制作。

创意PPT设计!看起来很贵的科技风页面怎么制作?

之前也说到了,这种风格的PPT设计制作,关键就是颜色和渐变

这种圆形效果也是通过渐变的设置做出来的。

我们绘制一个圆形,使用渐变填充,渐变类型改为射线,方向为从中心。

调节其中一个渐变滑块为百分之百的透明度,百分之五十的位置;另一个调节适当透明度即可达到这种效果。

创意PPT设计!看起来很贵的科技风页面怎么制作?

接着是底部的这种效果的制作。

使用曲线绘制这种平滑的多边形的形状,然后调节透明度,具体效果自己尝试,上面为参考的数值。

调节好一个效果之后,可以再复制两个,将它们错位排列,就可以得到这种效果。

这里,你会发现,调节了透明度的形状进行错位叠加,会有一种立体的效果,层次更丰富一点。

▣ 03  过渡页的制作

创意PPT设计!看起来很贵的科技风页面怎么制作?

过渡页的设计思路同样是颜色,渐变的混合使用。

没有什么特别需要解析的,基本和之前的操作手法是一样的。

创意PPT设计!看起来很贵的科技风页面怎么制作?

需要注意一下旁边的这些形状的制作。

这些形状是使用任意多边形进行绘制的,任意多边形是PPT中自带的,可以在形状里面找到。

绘制好形状之后,进行内部填充的渐变调节,以及线条的渐变调节。具体数值自己进行尝试。

▣ 04  内容页的制作

科幻风格的PPT内容页,使用的较多的还是线条,色块的渐变,配合蓝色,青色这些比较科幻的颜色。

创意PPT设计!看起来很贵的科技风页面怎么制作?

这里面主要有两点需要注意的。

第一个是这种类似光效的制作。

创意PPT设计!看起来很贵的科技风页面怎么制作?

这种光效的制作主要是利用的线性渐变。

但是在制作渐变之前,我们需要绘制这种形状。

同样的,使用任意多边形可以进行绘制这种形状。如果哪里没有绘制好,可以选中形状右键,进行编辑顶点的操作,进行微调,从而达到更好的效果。

关于任意多边形和编辑顶点的具体操作,在之前的推文教程中,有详细的解读实操,可以去翻一下之前的文章哦。

第二点就是这种有点立体感觉的椭圆形效果的制作。

创意PPT设计!看起来很贵的科技风页面怎么制作?

目前我尝试的有两种方法可以制作这种效果。

第一种方法:

使用幻灯片背景填充,再调节内阴影就可以达到这种效果。

上图中,我使用了图片和蒙版进行了背景填充,然后再对这个椭圆形设置幻灯片背景填充。设置内阴影,调节模糊数值,就可以制作这种效果。

但是这种制作方法有一个不方便的地方,必须进行幻灯片背景填充。

而且如果你需要使用蒙版,还需要将蒙版和图片制作好,一起复制之后再对背景进行图片填充,后期修改更换图片以及蒙版很不方便,只能重新制作。

第二种方法:

使用渐变进行调节达到这种效果。

但是由于这种形状是不规则的椭圆形,所以不可以像之前的正圆形一样使用射线渐变了。

射线渐变应用于正圆形可以有比较好的效果,其它的形状,都会出现四周不均匀的情况。如下图。

创意PPT设计!看起来很贵的科技风页面怎么制作?

既然不能用射线渐变,那我们就得考虑看其它的渐变行不行。

经过尝试,发现只有路径渐变可以最大程度上满足于这种效果的制作。

创意PPT设计!看起来很贵的科技风页面怎么制作?

我们绘制好一个椭圆形,设置渐变,更改渐变类型为路径渐变,然后就可以调节渐变滑块的数量,位置和透明度。

路径渐变几乎可以满足任何形状得到这种近似的效果,我们需要调节好渐变滑块的位置和透明度即可。

这种方式可以不用设置背景填充。更改图片,蒙版颜色都是很方便的。

但是,有一点小小的瑕疵,不能够做到四周完全的渐变均匀。我们可以观察到上图的椭圆形两侧渐变稍微宽了一点。

两种方法各有优劣吧,根据具体需要进行选择制作吧。

绘制好一个这种椭圆的效果,就可以复制几个,调节不同的大小,进行位置关系的调节,就可以制作这种伪立体科幻的效果。

这里还有一个内页案例。

创意PPT设计!看起来很贵的科技风页面怎么制作?

这里将椭圆形更改为了菱形。

经过不断尝试发现,目前只有椭圆形和菱形制作出来的这种科幻的伪立体的效果比较好。其它的形状有待进一步尝试。

当然,所有的这些都只是一个起点,给小伙伴们一个开头,其它的更多效果有待大家一起跟进尝试制作。

干货内容较多,需要小伙伴们花点功夫啃下来。

以上,就是今天的分享啦。

 

最终效果

创意PPT设计!看起来很贵的科技风页面怎么制作?

 

创意PPT设计!看起来很贵的科技风页面怎么制作?

==========  教程文件提取码:q4sw ==========

创意PPT设计!看起来很贵的科技风页面怎么制作?

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

相关推荐

→ 创意PPT设计!5步学会制作多彩剪纸风格页面(含源文件下载)

创意PPT设计!看起来很贵的科技风页面怎么制作?

创意PPT教程!镂空数字页面设计

创意PPT设计!看起来很贵的科技风页面怎么制作?

创意PPT设计!看起来很贵的科技风页面怎么制作?


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

6 收藏 25

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 3

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片