本文要推荐的「Stories by Freepik」是 Freepik 新推出的免费插图素材库,比较特别的是这些插图都可以在线上快速自定,例如调整颜色、背景、隐藏图片里的特定人物或组件,风格和之前介绍过的 unDraw、Glaze 和 Illustration Gallery 很像,可以免费使用于个人或是商业用途,但必须标示来源出处。
Stories by Freepik 最强大的功能是让静态插图变成动画,而且可以在线上编辑,完全不用额外下载或安装任何软件,编辑方式也很直观,直接点选你要修改或加入动画效果的组件(例如里面的人物或背景),就能加入淡入、左右滑动或下滑等效果,亦可设定延迟时间或重复效果,例如抖动、旋转、漂浮和跳动等等,最后输出为 GIF 或 MP4 影片格式。
Stories by Freepik
网站链接:https://stories.freepik.com/
开启 Stories by Freepik 网站,可以从上方搜索框直接输入关键字查询相关的插图素材,或是往下拖拽就能看到许多图案,这些插图设计的线条简单,画面也相当有故事性。
主要的调整工具栏在网页左侧,例如通过 Change color 可以变换插图的主视觉颜色,在调整后会即时反映于网页中,如果想恢复到预设颜色的话可点选 Reset color 重设色彩。
其他还有像是选择不同设计风格的功能(现在有 Rafiki、Bro、Amico 和 Pana),或是设定要完整背景、简易背景,也能把背景图案整个隐藏起来。
点选插图可以进入编辑器功能,除了可调整主要颜色、背景模式外,也能选择不同的角色或组件图层,让特定图层显示或隐藏。
当你点选图层上的人物时,后方的图示显示为不可见,该图层就会从插图中隐藏,让每张插图都有更多更弹性的自定义空间,和一般图库不同,Stories by Freepik 提供更大程度的自定义。
当然要调整颜色也没问题,直接从右上角点选 Change color 颜色会自动套用到插图上。
设定完成后从右下角点选「Download SVG」或「Download PNG」就能将插图下载为 SVG 或 PNG 两种常见格式,前面有提到 Stories by Freepik 插图素材可自由使用于个人或商业用途。
点选编辑器右上角的「Animate it!」会开启动画编辑器,在这里可针对插图的各个人物或组件进行调整,快速加入动态效果,将鼠标移动到组件名称时预览画面会以亮绿色标示出组件位置。
选取组件后就能加入动态效果,包括图片进入效果、间隔时间、延迟或是重复动作等等,每个插图可以使用的效果类型和选项都不太一样。
点选后就能即时预览,很强大的是 Stories by Freepik 加入的动态效果都很自然,能让原本静态插图看起来更生动,对于要制作动画来说就无需再通过视频编辑工具了。
设定好以后点选右下角「Export」输出动态图,网站提供可直接复制、贴上的原始码,当然你也可以选择下载为 GIF 或 MP4 格式,下载前可以设定一下背景颜色或尺寸大小。
下面的影片就是透过 Stories by Freepik 制作的动画范例。
值得一试的三个理由:
Freepik 提供可完整自定义或加入动态效果的免费插图素材
针对插图的人物或组件进行调整,包括设定颜色或动画
插图可自由使用于个人或商业用途,但必须标示出处来源
更多插画图库网站:
作者: Pseric