Stories by Freepik 可自订颜色背景免费插图素材，加入动画效果製作视频

上次介绍 Freepik 免费图库已经是七年前的事，这家公司后来推出 Piktab 让使用者开启浏览器新分页时随机显示素材资源，取代原有单调无趣的分页功能；也有 Slidesgo 收录免费 Google Slides 和 PowerPoint 简报模板下载，其实免费图库公司已经不单单只有提供图片照片，而是有许多不同类型的变化，亦可吸引更多使用者进入，例如 Icons8 最早是以免费图示起家，后来还开发可以让使用者自行设计图库的 Moose Photos、免费音乐库 Fugue 或是自製插图的 Vector Creator。

本文要推荐的「Stories by Freepik」是 Freepik 新推出的免费插图素材库，比较特别的是这些插图都可以在在线快速自订，例如调整颜色、背景、隐藏图片里的特定人物或元件，风格和之前介绍过的 unDraw、Glaze 和 Illustration Gallery 很像，可以免费使用于个人或是商业用途，但必须标示来源出处。

Stories by Freepik 最强大的功能是让静态插图变成动画，而且可以在在线编辑，完全不用额外下载或安装任何软件，编辑方式也很直觉，直接点选你要修改或加入动画效果的元件（例如里面的人物或背景），就能加入淡入、左右滑动或下滑等效果，亦可设定延迟时间或重複效果，例如抖动、旋转、漂浮和跳动等等，最后汇出为 GIF 或 MP4 影片格式。

Stories by Freepik
https://stories.freepik.com/

使用教程

STEP 1

开启 Stories by Freepik 网站，可以从上方搜寻框直接输入关键字查询相关的插图素材，或是往下拖曳就能看到许多图案，这些插图设计的线条简单，画面也相当有故事性。

STEP 2

主要的调整工具列在网页左侧，例如透过 Change color 可以变换插图的主视觉颜色，在调整后会即时反应于网页中，如果想回复到预设颜色的话可点选 Reset color 重设色彩。

其他还有像是选择不同设计风格的功能（现在有 Rafiki、Bro、Amico 和 Pana），或是设定要完整背景、简易背景，也能把背景图案整个隐藏起来。

STEP 3

点选插图可以进入编辑器功能，除了可调整主要颜色、背景模式外，也能选择不同的角色或元件图层，让特定图层显示或隐藏。

当你点选图层上的人物时，后方的图示显示为不可见，该图层就会从插图中隐藏，让每张插图都有更多更弹性的自订空间，和一般图库不同，Stories by Freepik 提供更大程度的可自订性。

当然要调整颜色也没问题，直接从右上角点选 Change color 颜色会自动套用到插图上。

设定完成后从右下角点选「Download SVG」或「Download PNG」就能将插图下载为 SVG 或 PNG 两种常见格式，前面有提到 Stories by Freepik 插图素材可自由使用于个人或商业用途。

STEP 4

点选编辑器右上角的「Animate it!」会开启动画编辑器，在这里可针对插图的各个人物或元件进行调整，快速加入动态效果，将游标移动到元件名称时预览画面会以亮绿色标示出元件位置。

选取元件后就能加入动态效果，包括图片进入效果、间隔时间、延迟或是重複动作等等，每个插图可以使用的效果类型和选项都不太一样。

点选后就能即时预览，很强大的是 Stories by Freepik 加入的动态效果都很自然，能让原本静态插图看起来更生动，对于要製作动画来说就无需再透过影像编辑工具。

STEP 5

设定好以后点选右下角「Export」汇出动态图，网站提供可直接复制、贴上的原始码，当然你也可以选择下载为 GIF 或 MP4 格式的影片档，下载前可以设定一下背景颜色或影片尺寸大小。

下面的影片就是透过 Stories by Freepik 製作的动画示例。

值得一试的三个理由：

1. Freepik 提供可完整自订或加入动态效果的免费插图素材
2. 针对插图的人物或元件进行调整，包括设定颜色、显示或动画
3. 插图可自由使用于个人或商业用途，必须标示出处来源