@豁牙子的阿昕 :设计神器小分队一直以来分享过很多静态素材的工具和网站,有关动效的内容却不多。为了做到雨露均沾,今天阿昕就来安利一个在线生成小动效的网站。

https://loading.io/

往下拉就会看到一个个欢脱的小动效在旋转跳跃,以及一个详细的编辑页面。

虽然有点花里胡哨的,但不要慌张!它几乎可以满足你所有的loading小动画需求。

编辑部分的功能很全面,从尺寸、旋转的速度到小椭圆的数量和形状都可以编辑。当然也包括动图的颜色以及背景色。

全部更改之后能变成完全不同的另一个动效。

当然下载起来也是很方便的,能用gif、svg、css三种方式下载。

动效当然不止这一种形式!页面往下拉还有很多动图的花样可以选择,点击右下角的 more 即可进入全部动效的浏览页面。

会发现一个新世界哦!

最后最重要的,网站是免费的!不翻墙!都是一些简单的动效,其实大家学学也能做,但一键下载还能在线编辑能为我们节省很多时间,喜欢的宝宝们可以试起来了!

Pexels

https://www.pexels.com/

Pexels 堪称最值得推荐的免费图库之一,它的特色是将许多大大小小图库及素材来源整合在同一网站,加入搜寻、分类及标签等功能,让使用者在找图片时更快更准确。Pexels 提供各种尺寸的相片,甚至有 HD 高画质的原始图档,无须注册就能下载,更棒的是还能依照使用者需求,设定尺寸后自动在线上裁切,节省下载后必须自行编辑所耗费的时间。

在 Pexels 图库里收录的相片素材皆采用 CC0(Creative Commons Zero)授权,可使用于个人或商业用途,亦可编辑、修改、复制,不用标注来源或链接。

 

STEP 1

开启 Pexels 网站后,可直接从上方搜寻框输入要搜寻的图片关键字,下方也会列出几个热门搜寻。跟一般国外图库一样,都只能使用英文,如果你要找图的话记得把关键字转成英文应该就能够精准找到。

顺带一提,之前推荐过「Everypixel 整合 50 个顶尖免费图库搜寻引擎,使用演算法过滤不适合图片还能比价」也很实用,特别是你希望找到的图不要品质太差、无法使用,透过人工智慧先帮你把不适合的图去除。

STEP 2

搜寻结果是以预览图方式排列,就如同 Pinterest 瀑布流效果,将鼠标移动到图片上方会显示相片作者,点击可以开启相片详细资讯页面。

STEP 3

另一个浏览方式是从右上角选单找到「Browse」浏览功能,可探索相片、查看热门相片或搜寻、排行榜或以颜色来筛选寻找相片。

我个人相当推荐 Pexels 热门搜寻关键字功能,类似于图库的相片分类,从这裡能找到各种好图,当你没有灵感时,翻一翻这些分类或许是个不错的方法。

STEP 4

最后,我示范一下如何从 Pexels 下载相片素材教学,一样是打开相片页面后,在右上角的绿色按钮「Free Download」找到下载功能。

将鼠标移动到「Free Download」右侧,会显示要下载的相片尺寸,包括原始大小及各种不同常见尺寸,如果你需要特殊尺寸,也可从「Custom Size」输入要裁切的尺寸大小,选择后按下最下面的「Download」就能取得相片咯!

值得一试的三个理由:

  • 所有相片皆采用 CC0 授权可商业用或复制、改作
  • 将许多世界知名图库资源整合,一键搜寻更方便
  • 提供原始高画质图档,亦有各种尺寸下载

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

nycmgwxqr

「美丫姐推荐的设计神器」

  1. 《快速生成文字云效果+预览字体运用效果的网站》
  2. 《无脑建站神器+快速选字体的IDEO地图》
  3. 《一秒钟位图转矢量!超级好用的转矢量软件VECTOR MAGIC》
  4. 《超好用!图片无损压缩工具+无损放大神器(打包下载)》

原文地址:free.com.tw

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

点赞
收藏 5

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏