Coverview 為網誌文章產生封面圖片,可自訂顏色、圖示和背景圖案

Coverview 為網誌文章產生封面圖片,可自訂顏色、圖示和背景圖案

如果你還有在寫部落格(網誌)的話,應該碰過一個問題,那就是文章的「封面首圖」要如何選擇?看過許多網站都會將標題直接製作成圖片做為封面圖,不僅在樣式上具有一致性,而且分享到社群網站顯示的預覽圖也更有吸引力,我是比較懶惰的人,沒有在文章設計圖片的習慣,頂多就是使用網路服務的首頁或軟體主畫面做為封面首圖,若你想要為網誌文章快速製作首圖,接下來的工具很好用。

Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器

Icons Pattern 以 Flaticon 圖示製作無接縫背景圖片產生器

Icons Pattern 是免費圖示庫「Flaticon」提供的線上工具,協助使用者以喜歡的圖示設計出獨特的背景素材,可使用於手機、行動裝置背景或是做為社群網站背景,也能調整每個圖示尺寸大小、位置、不透明度、旋轉方向和背景顏色等等,最終產生為 PNG、JPG、SVG 三種主要格式或 Base64 編碼,下載前設定每個圖磚(Tile)尺寸和圖片大小。

editorAC 免費模板編輯器,輕鬆設計各類型圖片素材內建圖庫功能

editorAC 免費模板編輯器,輕鬆設計各類型圖片素材內建圖庫功能

如果要自己製作平面設計圖案,沒有繪圖軟體使用經驗的話應該很難達成,雖然可從網路找到許多素材圖案,要手動修改編輯也沒那麼容易,還好現今有許多方便的免費線上工具可以降低這些工作難度,例如「Crello 線上自製超專業平面素材,每月五張免費額度下載」或是我很喜歡的「DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片」,網站提供許多製作好的素材模板,透過線上編輯器就能直接進行修改,讓使用者輕鬆上手。

Figen 線上文章簡報封面圖產生器,四種幾何圖形可自訂顏色樣式

Figen 線上文章簡報封面圖產生器,四種幾何圖形可自訂顏色樣式

無論是撰寫文章或製作簡報都會使用一張封面圖做為開場,就好比在閱讀一本書會先翻開封面一樣,通常我會使用文章要介紹的服務畫面或是軟體擷圖做為開頭,有時候遇到沒有適合的畫面,就會去找找免費圖庫自己加工一下,之前推薦過「Captionn 為免費圖庫相片加入文字,自製高品質社群圖片素材」就很好用,可以將找到的相片素材整合雲端字型,創造出一張好看的圖片,也很適合使用於社群網站宣傳。

Captionn 為免費圖庫相片加入文字,自製高品質社群圖片素材

Captionn 為免費圖庫相片加入文字,自製高品質社群圖片素材

如果你喜歡在 Instagram 更新動態,會知道它不像是 Facebook 或 Twitter 等社群網站可單獨發布文字內容,必須加入至少一張相片或影片,因此平常就得多收集一些素材。當然也有人會自己製作圖片,對於經營社群來說是很有用的方法,尤其是會被轉貼分享就能在無形中獲得更多關注,配上好的圖片對整篇貼文也有加分效果。

Ray.so 將你的程式碼轉為漂亮圖片,加入視窗外框和陰影效果

Ray.so 將你的程式碼轉為漂亮圖片,加入視窗外框和陰影效果

如果你想把一段程式碼製作成圖片,只要從編輯器直接擷圖就能做到,看起來可能略顯陽春,不過好處是該有的都有,內容呈現上也沒什麼問題。若你想讓程式碼擷圖變得更好看,我之前也介紹過一些程式碼轉圖片工具,多半都能加入外框、選擇不同配色和視窗陰影效果,更重要的是會對不同程式語言類型上色,例如:CodeZenCarbon 將程式碼轉為圖片並加入視窗效果;如果要分享到社群網站,Codeimg 還可依照使用者選擇的平台預先裁切好特定尺寸大小。

Image It 線上將文字轉圖片,內建五種配色支援 HTML、CSS 語法

Image It 線上將文字轉圖片,內建五種配色支援 HTML、CSS 語法

有時候在社群網站想要分享一段文字,但又希望可以突顯內容,讓其他人更容易注意到,就能透過產生器將文字轉為圖片,因為社群網站大多不支援 HTML 或 CSS 樣式,如果製作成圖片就可解決此問題,而且也能在單一圖片裡塞進更多內容,是個很有用的方法。雖然 Instagram 限時動態部分後來也加入讓使用者輸入文字的功能,但只能打打字、加進表情符號或貼圖,變化也較少。

無難度!Crello 線上自製超專業平面素材,每月五張免費額度下載

無難度!Crello 線上自製超專業平面素材,每月五張免費額度下載

經營網路社群平台、投放廣告、製作簡報、設計邀請卡或商店網頁等各種用途都會用到圖片素材,如果不是設計師或熟悉繪圖軟體,可能無法在一片空白的畫布做出圖片,但有不少工具可以降低難度,讓我們透過拖曳、點選和預覽等互動方式產生好看又吸引人注意的圖片素材,像是以前推薦過的「DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片」就非常好用,或是 Adobe SparkMoose Photos 都是類似工具。

DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片

DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片

對於自由工作者、工作室或一般商家來說,平常維護網站或社群媒體可能都得自己來,除了要回訊息以外還要更新粉絲專頁上的動態貼文、Instagram 照片或是投放廣告,製作素材可能是最花費時間的部份吧!以前都要透過複雜的繪圖軟體才能製作素材,現在有不少線上設計工具在不用具備技能情況下就能產生好看的圖片,像是之前介紹過的:

Adobe Spark 提供刪除背景功能,一鍵自動化去背加入其他顏色

Adobe Spark 提供刪除背景功能,一鍵自動化去背加入其他顏色

幾年前介紹「Adobe Spark 經營社群必備!線上製作美麗又引人注目的宣傳圖片」或許你曾經聽過或是使用過,對於要製作社群網站的圖片或廣告素材相當有用,Adobe Spark 提供大量圖庫,使用者可直接從線上編輯器進行編輯調整,也能針對要使用的平台先設定出最合適的圖片大小,就不用透過 SocialSizes 或是圖片編輯軟體裁切出特定尺寸。最近 Adobe Spark 加入全新「刪除背景」功能,雖然還在測試階段,但終於可以透過這項工具進行去背工作。