欢迎光临企业型网站建设公司网站,为您提供专业的一站式建设服务。

企业型网站建设公司

品牌网站建设开发,专业营销网站设计价格

很多人都好奇公子模板的“多图封面”是如何做的

作者:jcmp      发布时间:2021-04-29      浏览量:0
从公子给大家做模板以来经常有人会问我,

从公子给大家做模板以来经常有人会问我, 封面那种多图排版是如何实现的。

陆续教过一些同学后,我终于决定专门写一篇文章来“揭秘”,因为我都快被自己不断重复的那些话,折磨疯了......

不管是用PPT还是PS来实现, 其实都不算复杂, 所以我把它放在这周的「每周开方」里。下次要是有人再问公子,直接甩链接,哈哈!

01

用PPT来实现多图排版

首先我要讲的方式是在PPT中实现, 如果你对PS不感冒或者很小白的话,用PPT就足矣搞定了。

先把你的PPT导出单张图片,用iSlide插件或PPT本身另存为, 找到图片格式就可以。

然后我用其中一张图片来举例,在PPT里复制出一份并居中对齐,两者稍稍错开一些距离就好。

分别加上一些阴影效果,阴影不需要太重。

选中两张图片,在两者的中间部分再复制出10份,并均匀排列。 这是用iSlide的补间效果一键就可以做到的!

当然如果你想手动实现,我也......

把这12张图片(或者你在补间那里输入更高的数值也可以)右键组合, 再次加上一些阴影效果。

到这里就已经把其中一张PPT的展示效果做出来了——多张堆叠。

剩余的图片方法一致,因为公子给大家做的模板,页数都基本定在了10页, 所以我会用3*3的排版。

但你们可以根据实际页数来选择不同的排列方式。

总之把所有想展示的PPT用这种方法处理好之后, 全选并右键组合,整体进行旋转。

为了让效果更好一些,你可以像公子这样,在正常旋转一定的角度之后, 再稍微加一些三维旋转。

来看一下我们最后得到的效果:

所以公子说,如果你对PS不是很熟悉或不方便的情况下, 用PPT就完全可以实现这种效果,而且也比较简单!

02

利用PS样机Mockup

第二种方法就需要用到PS了,但也并不需要你对它有多么了解,懂得基本操作就可以。

因为我们借用到的是样机Mockup, 你可以把它理解成PS的模板。

比如这样一个我们可以找到的样机:

样机基本都是PSD格式,在PS中打开之后, 在图层面板你会看到几个智能对象的图层。

一般设计师都会把它们标注出来,比如给图层的缩略图改个颜色。

双击每个智能图层在图层面板中的缩略图,都会弹出一个新的窗口, 只要把你想要替换的图片置入其中就可以了。

在新的窗口中,通过拖拽锚点把图片的大小调整好,当然要覆盖住原有的内容。

然后按下回车确定,并ctrl+s保存,这是重点千万别忘了。

如果在智能对象的新窗口中,已经置入了你想替换的图片并保存,我们回到原窗口来看一下效果。

最后我们可以在底部图层的上方,置入一个新的背景层。

但是这种可以找到的样机格式,很难完全贴合我们的想法。

比如这个样机做的就是只有两个智能对象的替换,ABAB...两张图片不断重复。

所以敲黑板了,公子为了你们可以利用PS完全实现我的封面效果,做了一个升级版的9图样机Mockup。

在右侧图层面板里可以看到,有9个可以替换的智能对象, 分别对应我标注好的图片位置。

双击每个智能对象在图层面板中的缩略图,就可以打开一个新的窗口, 和我上面所讲的一样,分别置入9张不同的图片。

置入图片并调整好大小之后,一定要记得分别ctrl+s保存,然后我们回到原窗口中来看一下效果。

我们看到公子制作的升级版样机,可以实现9张不同图片的替换。

最后我们可以在底部置入一个其他背景,或取消底部图层,导出PNG透明格式。

稍微调整一下大小和尺寸之后,我们来看一下用PS做出的多图封面效果:

不管你是用PPT或是PS来制作, 其实效果并不会差太多, 还是以你的使用习惯为主。毕竟你做的顺手,工作效率也会相对提高!

还有在排版上, 你们不需要完全按照公子的3*3来设计, 因为我是根据模板页数来决定的......

如此就算是彻底为你们“揭秘”了,以后谁再来问公子模板封面是怎么做的, 我终于可以不用再“罗里吧嗦”了!

最后记得抱走公子今天专门为你们做的9图样机Mockup,虽然可以搜罗到的样机形式有很多, 但完全合心意的还是比较少, 此处应有掌声~

OK,那今天就这样了,Good Luck

回复关键字“九图样机”