Stories by Freepik 可自訂顏色背景免費插圖素材,加入動畫效果製作影片

最後更新於 2020 年 07 月 07 日

上次介紹 Freepik 免費圖庫已經是七年前的事,這家公司後來推出 Piktab 讓使用者開啟瀏覽器新分頁時隨機顯示素材資源,取代原有單調無趣的分頁功能;也有 Slidesgo 收錄免費 Google Slides 和 PowerPoint 簡報模板下載,其實免費圖庫公司已經不單單只有提供圖片相片,而是有許多不同類型的變化,亦可吸引更多使用者進入,例如 Icons8 最早是以免費圖示起家,後來還開發可以讓使用者自行設計圖庫的 Moose Photos、免費音樂庫 Fugue 或是自製插圖的 Vector Creator

本文要推薦的Stories by Freepik」是 Freepik 新推出的免費插圖素材庫,比較特別的是這些插圖都可以在線上快速自訂,例如調整顏色、背景、隱藏圖片裡的特定人物或元件,風格和之前介紹過的 unDrawGlazeIllustration 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. 插圖可自由使用於個人或商業用途,必須標示出處來源

 

相關的文章

Slidesgo 免費 Google Slides 和 PowerPoint 簡報模板下載

現在已經比較少需要製作投影片簡報,不過就我過去的經驗來說,我多半會直接使用內建的投影片範本,無論是早期 Office PowerPoint 或後來開始使用 Keynote,內建模板就能提供非常好的質感和效果(畢竟重點還是擺在內容部分),但就我所知,應該有不少朋友會嘗試從網路上尋找更多的投影片範本,有些完成度很高,只要一些些調整並將內容放入就能獲得相當好的效果,例如之前介紹過的 Templates、Glide 就有提供簡報模板下載。

Blush 可線上調整、預覽並快速製作插圖素材,提供 PNG 格式免費下載

最近很流行的插畫素材是可以自訂各個部分,讓使用者快速製作符合自己需求的圖案,不用受限於原有圖案設計,前陣子介紹的 Stories by Freepik 還能加入動態效果,使靜態圖片變成動畫插圖;Icons8 旗下的 Vector Creator 可以自行挑選樣式,將需要的素材元件拖曳到畫面上,使其成為一張新的圖片。現在很多插畫庫都是直接提供使用者免費的向量圖或可編輯格式(像是 Sketch、Figma 或 XD),如果能在線上直接編輯產生圖片更方便。

illlustrations 開放原始碼免費插圖素材下載,提供四種常見格式可商用

網路上有不少免費的素材模版可供使用者下載使用,但其實付費項目也不少,有些可以透過很實惠的價格購買,若不擅長製圖的開發者也不用擔心沒有可用的素材圖案,像是之前推薦的 unDraw 就收錄許多可商業用途的扁平化圖示,還有調性很像的 Illustration Gallery、Glaze 等等都有提供常見圖片格式,也能線上更換主要配色;Vector Creator 則開放素材讓使用者自行組合運用,可自製任何你想要的插圖。

Vector Creator 線上自製創意插圖圖庫,匯出 PNG 和 SVG 格式

Icons8 是一個相當活躍的免費圖示公司,後來也持續在免費圖庫、向量圖和音樂音效素材等方面深耕,現在算是非常全面的設計師資源,無論是需要一般相片、向量圖、插圖或音樂都可以從 Icons8 找到相關工具,例如以提供免費音樂素材為主的素材庫 Fugue、讓使用者自己製作圖庫的 Moose Photos、透過程式碼就能快速插入圖示的 Omg-img 專案都出自於這家公司,接下來要再來介紹旗下的新服務。

Smart Upscaler 使用 AI 自動放大、增強圖片,不會出現模糊失真問題

現在透過機器學習(Machine Learning,簡稱 ML)技術可以更完美做到以前可能無法做到的事,例如線上去背工具能夠很快速分離出圖片裡的主體和背景,即使是非常細節都能在幾秒鐘內處理完成;還有之前介紹過的 Moises.ai 則是線上去除音樂裡的人聲部分,直接讓歌曲變成無人聲的伴奏版;比較特別的是 ColouriseSG 幫黑白老相片快速上色線上工具,能夠判斷照片的每個部分並進行適當著色,讓老照片得以重生。

to Stories 快速將相片影片分享 Instagram 限時動態,支援各種常見 App(iOS)

你喜歡使用 Instagram 限時動態(Stories)分享相片影片嗎?這個功能最早出現於 2016 年,特色是上傳的內容會在 24 小時自動消失,還能知道有那些人曾經看過你的動態,對於一些比較無關緊要的記錄(或是不想要貼照片洗版別人)就可以透過限動更新。限時動態還能加入問與答、投票和選擇題等等互動式選項,相較於貼文來說更能和其他使用者連結,也變成許多人喜愛的功能。

回應