制作微课教程,会使用很多软件界面截图


手绘样机图


介绍产品参数,会嵌套很多参数截图


产品介绍

直接将这些截图,放在PPT中,会非常丑

这里强烈案例样机

套用样机

可以让你的截图看上去逼格满满,让整个页面变得高大上一点


样机?

好像非常复杂的。

样机,本质上就是容纳图片的一个载体。

常见的样机包括有手机、电脑、海报、卡片、信封、包装袋、服饰、广告牌等。

这些样机都是使用PS制作的;

这种样机的制作形式,我把它们归纳为三大类:




第一类,在线网站

能上网就行,直接上传图片自动生成的,如:


https://mockuphone.com/#ios

https://dimmy.club/

这类网站的优势就是:直接上传自己的截图或者图片,然后选择相应的样机图,自动生成。

类似网站还有:

https://smartmockups.com

https://browserframe.com

具体的操作,网上有很多大神已经写过很详细的攻略,你可以自行搜索。




第二类,PSD格式替换样机

这类样机,都是PSD格式的,我们需要使用PS软件,替换样机层,打开之后,替换图片,最后导出。



步骤稍微繁琐,简单说一下关键步骤

①查找,样机层

打开文件后,在图层面板,找到“这里修改”“PUT YOUR DESIGN HERE”之类的提示,在这里可以替换你图片或者截图。


如果还是找不到,可以找到有链接符号的图层,关闭和可视图层,预览右侧,就可以找到哪个是样机层了。

找链接符号,看图层可视,找样机层


②替换,样机层

找到样机层,双击打开,是一个新的文件界面,拖进你的图片,Ctrl+T 适当修改一下大小。

保存保存保存,再关闭。


替换,样机层

③导出,样机图

文件>存储为Jpg图片,这样拖入到PPT中使用了。

对于背景分离的的样机,可以隐藏背景,导出透明PNG图片,这样和PPT的融合度会更高。

删除背景,保存为透明的PNG

那这样的PSD样机图在哪里可以下载到呢,这里推荐几个强大的网站:


  • https://freebiesbug.com/psd-freebies/mockups
  • https://smartmockups.com/category
  • http://dunnnk.com
  • http://mockupplanet.com
  • https://www.mockupworld.co
  • creativebooster.net
  • https://magicmockups.com/


第三类,手绘PPT样机素材

PPT如果使用熟练,可以使用线条、矩形、菱形、任意多边形等绘制手机、平板、PC等简单场景的样机,如:


团队介绍页


手绘可爱风

从上述的案例可以看出,样机的使用,可以提升PPT页面的设计效果,还可以做出一些创意性的排版,增强阅读性。

其实样机的制作,还有其他的思路和制作方法,如例如PPT中的三维旋转,下一期我们详细讲解。