QQ个性网:专注于分享免费的QQ个性内容

关于我们|网站公告|广告服务|联系我们| 网站地图

搜索
图片素材分类 唯美图片 伤感图片 动漫图片 欧美图片 明星图片 节日图片 美女图片 帅哥图片 情侣图片

框架形式的图片素材-网页制作框架素材

日期:2023/06/01 09:25作者:佚名人气:

导读:随着时代发展,越来越多的小伙伴,不管是大学生还是职场人都会有各种各样的制图需求,比如制作手机海报、制作营销长图。其实,像我们在朋友圈会刷到的课程海报、节日海报,完全都可以用PPT进行制作。比如这几张海报的标题部分,这种层叠效果是怎么做的呢?完成海报制作后,我们就可以将它导出为图片的格式了。用PPT制作信息长图如果长图中要呈现的内容多,并且以网页形式呈现为主,那么我们可以用默认的16:9尺寸。...

ins框架素材_框架形式的图片素材_网页制作框架素材

随着时代发展框架形式的图片素材,越来越多的小伙伴,不管是大学生还是职场人都会有各种各样的制图需求,比如制作手机海报、制作营销长图。

然而我完全没用过PS、AI这种听起来就很难学的设计工具,该怎么办呢?其实,用PPT就能搞定我们日常的制图需求。

-------------------------------------------

用PPT制作手机海报

PPT不是个演示工具么,还能用来制作手机海报?其实,像我们在朋友圈会刷到的课程海报、节日海报,完全都可以用PPT进行制作。

网页制作框架素材_框架形式的图片素材_ins框架素材

那它的制作流程是怎么样的呢?

自定义幻灯片大小

和一般的PPT制作一样,海报的设计、排版都是在软件中央的这块画布上完成,

ins框架素材_框架形式的图片素材_网页制作框架素材

诶可是这个画布的尺寸好像和我们平时看到的不太一样?是的,在具体制作海报前,我们首先需要修改画布的尺寸,让它符合海报的样式。

如何修改呢?是在设计选项卡中找到自定义幻灯片大小,在弹出的对话框中修改数值即可。

框架形式的图片素材_ins框架素材_网页制作框架素材

由于幻灯片的尺寸是以厘米为单位的,而手机屏幕尺寸是以像素为单位的,因此这里三顿再给大家一个对应的换算公式。

框架形式的图片素材_ins框架素材_网页制作框架素材

想要制作适用于手机端的海报,直接将幻灯片的大小修改为以厘米为单位的尺寸即可,这是要跟大家分享的第一个操作技巧。

进行具体制作

网页制作框架素材_框架形式的图片素材_ins框架素材

修改好页面尺寸后我们就可以进行具体的制作了。具体制作非常考验大家的设计功底,那不懂设计怎么办?我在这里也给各位分享一些常用的套路。

第一,是字体以及文字效果的使用。

当你完全不知道该用什么字体时,思源黑体、微软雅黑这些黑体类的字体是非常安全的选择,放在海报中怎么样都不会太丑。

框架形式的图片素材_网页制作框架素材_ins框架素材

当然,各种艺术字体也是手机海报中的常客,比如文悦新青年体、郑庆科黄油体等等,在海报中用作标题都非常不错。(商用请注意版权)

ins框架素材_框架形式的图片素材_网页制作框架素材

如果觉得文字太过单调,我们还可以为文字添加一些装饰效果。比如这几张海报的标题部分,这种层叠效果是怎么做的呢?

ins框架素材_框架形式的图片素材_网页制作框架素材

其实非常简单,准备几个字体、字号完全相同的文字,将它们修改为不同的颜色,再将他们进行组合即可。

网页制作框架素材_框架形式的图片素材_ins框架素材

类似的还有描边字、渐变字等效果,篇幅有限,我会在文末提供给大家具体的制作教程。

网页制作框架素材_框架形式的图片素材_ins框架素材

网页制作框架素材_ins框架素材_框架形式的图片素材

第二,是装饰元素的使用。

使用各种装饰元素,可以很好的避免海报过于单调,比如使用图标素材。它可以放置在文字内容旁边作为补充说明,

网页制作框架素材_ins框架素材_框架形式的图片素材

也可以直接的作为页面的装饰元素,都有很好的表现力,

框架形式的图片素材_网页制作框架素材_ins框架素材

网页制作框架素材_ins框架素材_框架形式的图片素材

圆形、三角形等等这些基础的形状在海报中也是一个很好的装饰元素,并且制作起来非常简单,

框架形式的图片素材_ins框架素材_网页制作框架素材

哪里去找这些装饰素材呢?除了各种素材网站外,iSlide插件也是一个很好的选择,图标库以及插图库等等都提供了大量现成的素材,直接就能使用。

网页制作框架素材_ins框架素材_框架形式的图片素材

合理使用字体,多用图标以及形状等装饰元素,是我要在具体制作的部分给到大家的建议。

导出图片

完成海报制作后,我们就可以将它导出为图片的格式了。如何导出呢?可以在PPT中点击文件-另存为,保存为JPG或是PNG格式。

框架形式的图片素材_ins框架素材_网页制作框架素材

更好的建议是使用iSlide插件中的安全导出功能,可以自定义导出图片的大小,保证图片的清晰度。

网页制作框架素材_ins框架素材_框架形式的图片素材

用PPT制作信息长图

常说一图胜千言,比起密密麻麻的文字,大家往往更喜欢阅读简单易懂的图片。因此在网上经常能够看到各式各样的信息长图,

网页制作框架素材_框架形式的图片素材_ins框架素材

这么长的图片做起来一定很麻烦吧,其实同样可以用PPT搞定。以下面这个图片为例,它是如何制作的呢?

网页制作框架素材_框架形式的图片素材_ins框架素材

自定义幻灯片大小

网页制作框架素材_ins框架素材_框架形式的图片素材

第一步同样是修改页面的尺寸。如果长图中要呈现的内容多,并且以网页形式呈现为主,那么我们可以用默认的16:9尺寸。

框架形式的图片素材_ins框架素材_网页制作框架素材

如果长图主要是用于手机端的呈现,那么我们需要将页面的尺寸修改为手机屏幕的尺寸。

ins框架素材_网页制作框架素材_框架形式的图片素材

进行具体制作

长图的制作相比海报要复杂很,首先要考虑的是它的制作原理,以开头的长图为例,它在PPT中是怎么制作出来的呢?

ins框架素材_网页制作框架素材_框架形式的图片素材

从动图中可以看到,其实长图是由很多个页面组成的,而我们要做的就是在做好每个页面之后将它们拼贴在一起。

而制作的关键就是页与页间的衔接,要保证前一个页末端和后一个页的前端是可以接上的。

网页制作框架素材_框架形式的图片素材_ins框架素材

了解原理后,要考虑的是页面间的衔接方式。三顿在刚才的那份作品中采用的衔接方式就比较简单,就是一个白色的矩形贯穿始终。

ins框架素材_网页制作框架素材_框架形式的图片素材

除此之外还有很多的衔接形式,比如下面这个案例就是通过形状与线条的自然过渡。

网页制作框架素材_框架形式的图片素材_ins框架素材

衔接形式在很大程度上决定了一份长图的质量,三顿还看到过很多创意的形式,比如公路的效果。

ins框架素材_框架形式的图片素材_网页制作框架素材

换句话说,如何做好页面与页面之间的衔接,是纯粹的使用矩形还是做一些线条和形状的拼接,这是需要大家在制作前思考的。

网页制作框架素材_框架形式的图片素材_ins框架素材

除此之外,还要思考的是整个作品的逻辑框架。要在这份作品中分哪几点来呈现哪些内容,三顿在制作前就会做这样一个梳理。

网页制作框架素材_ins框架素材_框架形式的图片素材

有了这样的梳理后才能进行具体制作,而制作中最重要的是将文字进行可视化转换。常见的转化有这样几种。

一是将抽象描述具体化。比如下面这个案例,什么是全家桶,手镯大概多大,运用图片就更加清晰直观。

ins框架素材_框架形式的图片素材_网页制作框架素材

二是将分条陈述的观点可视化。我们在阐述观点时候常会说第一点第二点,直接在长图中呈现会显得非常苍白。

框架形式的图片素材_ins框架素材_网页制作框架素材

结合图标元素进行布局,整个呈现效果就会好很多。

ins框架素材_框架形式的图片素材_网页制作框架素材

使用相同的形状,也是一个很好的选择。

ins框架素材_框架形式的图片素材_网页制作框架素材

三是将数据进行可视化。在信息长图中,数据也是一个经常会出现的内容,我们需要使用图表或是矢量元素将其可视化。比如柱形图,

ins框架素材_框架形式的图片素材_网页制作框架素材

再比如环形图,

框架形式的图片素材_ins框架素材_网页制作框架素材

对于数据,有很多创意的呈现方式,这也是考量一份信息长图好坏的关键因素。

网页制作框架素材_框架形式的图片素材_ins框架素材

网页制作框架素材_框架形式的图片素材_ins框架素材

导出长图

像这样需要拼接的长图,就无法用PPT自带的功能进行导出了。同样需要用到的还是iSlide插件。

利用这个插件中的拼图功能,横向数量设置为1,边距间距设置为0,我们可以很快速的将PPT导出为长图。

ins框架素材_网页制作框架素材_框架形式的图片素材

拼图界面下方还提供了实时预览功能,大家在制作过程中也可以利用这个预览功能来调整部分的细节。

-------------------------------------------

不管是用PPT做海报还是做长图,其实大致的思路流程是类似的,都是通过修改幻灯片大小后再进行具体制作以及图片导出,简单的给大家做个总结:

网页制作框架素材_框架形式的图片素材_ins框架素材

其实我们打开脑洞,PPT的强大还远不止于此,通过修改幻灯片大小,我们还可以用PPT制作微信封面,

网页制作框架素材_框架形式的图片素材_ins框架素材

用PPT制作名片、微信底部二维码框架形式的图片素材

ins框架素材_网页制作框架素材_框架形式的图片素材

甚至连H5页面,都可以通过修改幻灯片大小,用PPT直接进行制作。赶快自己动手尝试一下吧!

以上,希望对大家有所帮助。

星标三顿:

网页制作框架素材_ins框架素材_框架形式的图片素材

推荐课程:

网页制作框架素材_ins框架素材_框架形式的图片素材

关于我们|网站公告|广告服务|联系我们| 网站地图

Copyright © 2002-2022 某某QQ个性网 版权所有 | 备案号:鄂ICP备18018844号

声明: 本站非腾讯QQ官方网站 所有软件和文章来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告