【鬍子科技學院】IG stories 限動必學!字體、排版教學整理!

Social media
Source: Envato Elements

本文由 鬍子科技學院 授權轉載。

喜歡文青風、甜美風的 IG Stories 設計嗎?香港鬍子科技學院創辦人兼網頁編程師鬍子 Jack 整理了 IG 限動文字和排版簡易教學,讓設計小白如你我可以快速上手,變出風格與美感兼具的限動。

這篇「IG 字體教學」將分享:

  • 2 個隱藏 IG 字體
  • 2 個字體轉換程式介紹
  • 排版的方法
  • IG 達人的介紹

如果你也想你的限時動態變得更生動,不再那麼沉悶,就來學學這些小技巧吧!準備好了嗎?我們開始吧!

延伸閱讀:公開 2022 最新 Instagram 行銷攻略!|製造流量的 7 小心機

限時動態(Story)的隱藏字體

1. 莎草體

莎草體看起來非常古典,如果你很喜歡復古風格,那你就必須學習如何在 IG 限時動態使用這種字體了!

首先,選擇在限時動態內,選擇倒數第 4 個字體,然後打上 Papyrus,字體便自動轉換成莎草體了,是不是很神奇呢!這時你可以刪除 Papyrus,打上自己想要的字句。

Anywhere
Source: 鬍子科技學院

不過這個字體僅限於英文,打中文則沒有這個效果了。

Anywhere
Source: 鬍子科技學院

2. 新細明體

首先,你需要安裝日文輸入法。然後,在限時動態內選擇由左數起第 4 個字體,輸入你想打的字句。最後,我們把鍵盤切換至日文輸入法,打出一個日文空白鍵,字句就馬上變成明體了!

原來的字體:

Anywhere
Source: 鬍子科技學院

新細明體:

Anywhere
Source: 鬍子科技學院

原來的字體比較圓潤,新細明體則給人非常清新的感覺,適合走文青路線的你使用!

字體轉換程式

很多 IG 達人都會在 Profile、Story 中使用特別的字體,你看 Moco 就是使用了特殊字體,令整體感覺看起來很可愛。

Anywhere
Source: 鬍子科技學院

那要怎麼做呢?很簡單!我們只需要利用字體轉換的線上網站,就能輕鬆更改字體。以下將推薦 2 個線上網站供大家參考。

1. Coolfont.org

Coolfont.org 是一個線上字體轉換程式,只要進入其網站,你就能尋找合適的字體。這個網站有超過 20 款字體讓你選擇。把你喜愛的字體 Copy 下來後可以貼在 IG 的 Story、Profile甚至 Post 下方呢!不過只有英文字體,中文字並不獲支援。

Anywhere
Source: 鬍子科技學院

這次我選擇的是Double Struck Font,它看起來很可愛呢!

Anywhere
Source: 鬍子科技學院

2. Fontcopy.com

另一個推介的是線上字體轉換器,就是 Fontcopy,這個線上器的好處在於它把不同的字體分了類別,有「特殊字體」、「可愛字體」、「藝術字體」和「手寫字體」,用家在尋找字體的時候,便十分方便了!不過同樣地,也是只支援英文字而已。

Anywhere
Source: 鬍子科技學院

除了字體外,你還可以學習如何排版,令你的 Story 看起來更有心思。

排版方法

1. 自訂背景顏色

首先,我們加入了一張照片。然後 Click 塗鴉圖示,只要長按下方的顏色數秒,調色盤便出現了。

Anywhere
Source: 鬍子科技學院

選擇喜歡的顏色後長按 IG Story 的任何一處,整個 IG Story 就變成了你喜歡的顏色。

Anywhere
Source: 鬍子科技學院

這時你發現剛開始加入的照片不見了。因此,你要回到相冊複製那張照片,再貼在這個 IG Story 上,便大功告成!

Anywhere
Source: 鬍子科技學院

2. 合拼相片

不想只有一張照片那麼單調,其實 IG Story 能夠同時貼上多張照片的呢!在完成背景的設定後,你便可以到圖片庫複製你想要的照片,不斷重複這個步驟。最後再回到 IG 調節相片的大小和輸入文字便可以了!

用圖片設計 IG 限動。
Source: 鬍子科技學院

3. 特殊背景

你可能覺得淨色的背景太單調,不夠生動。那麼你可以看這一部分的教學了!

方法一、善用文字

首先,我們同樣地也是加入一張照片。然後打一些與相片主題相符的文字,不過切忌文字過長,否則看起來就會眼花繚亂了!打完文字後,你可以調校文字的顏色。如果你想文字與相片看起來更一致的話,那選取相片裡含有的顏色會更好!

Anywhere
Source: 鬍子科技學院

方法二、利用 GIF 圖片

IG 上有很多漂亮的 GIF 圖片可以使用,令你的 IG Story 看起來更生動。例如下圖,就是用了 White Line 的 GIF 來做下圖的,你也可以試一試哦!

Anywhere
Source: 鬍子科技學院

方法三、利用塗鴉

如果你具備耐性的話,可以選擇塗鴉的方式令物件更為突出。首先,應該如何選擇配色?你可以選擇相片內有的顏色,那麼整體感覺就更 Match了!

Anywhere
Source: 鬍子科技學院

如果你想有多些設計靈感,不妨可以看看一些 IG 達人的 Story,漸漸地你也能培養出一份 Design Sense!

方法四、背景模糊化

如果覺得塗鴉這個方法實在太麻煩,但同時又想突顯主體的話,這個方法就很適合你了!

首先,選擇「斜筆頭」的畫筆,並覆蓋你喜歡的顏色,長按背景後,相片便被顏色覆蓋了,並具有透明感。然後,你再用擦膠,擦在你希望突顯的主體上,這樣便完成了!

原圖:

Anywhere
Source: 鬍子科技學院

Anywhere
Source: 鬍子科技學院

製作後的圖片:

Anywhere
Source: 鬍子科技學院

只要細心、有耐性地去做,你也能做到的!

延伸閱讀:【2022 最新】FB 認證行銷女王、國際 SEO 權威!行銷人必追 12 個 IG 賬號

IG 達人的介紹

以上只是簡單的 IG 排版方法,我們還是要多看看別人的限時動態是怎樣的,進行模仿,慢慢便會創造出個人風格!在這裡為大家推薦 3 位 IG 達人,讓大家認識!

Ryo Setoguchi

第一位介紹的是 Ryo Setoguchi,他的作品令人嘆為觀止,完全看不出是用 IG 做的。他的限時動態引起設計界的關注,甚至還有雜誌及包包品牌請他幫忙製作官方限時動態!

Anywhere
Source: 鬍子科技學院

你看!他的 IG 上有不少製作 Story 的教學片段,是不是很漂亮呢!你也可以跟著他學起來!

Moco

另一位想要介紹的人是 Moco,她的作品相較 Ryo Setoguchi 就顯得更少女,假如你想你的 IG 看起來有種甜美的感覺,看她的 IG 教學就適合不過了!

Anywhere
Source: 鬍子科技學院

除了利用 GIF 圖外,你也可以嘗試利用塗鴉的方式,令你的 Story 看起來很特別!

如何設計 IG 限動風格
Source: 鬍子科技學院

3. Anshita

剛才與大家分享的兩位達人多以物件為主題,那麼如果你大多以人像為主題的話,你就可以參考 Anshita 的作品了!這個帳號會分享如何拼接照片、加上邊框等技巧,令你的 Story 也看起來非常具備個人風格呢!

Anywhere
Source: 鬍子科技學院

看了 3 位 IG 達人的教學片,相信你也學會了如何製作吸引人眼球的 IG story了!

結語

今天的分享就到這裏了!IG 是一個很好的途徑來增加個人/公司/產品的曝光率,除了要懂得排版外,文字的功夫也決不能忽略!如果大家也有興趣,可以看看我的 COPYWRITING 中文是什麼?5 個要訣, 你也可以寫出好文案

延伸閱讀:連 LV、Samsung 都用 IG 濾鏡賣貨了!你還等什麼?!掌握 IG 濾鏡行銷 7 大優勢 你也可以賺全世界的錢

香港網頁編程師鬍子Jack

Jack Chan

Jack 是一名在香港出身的網頁編程師。

2014 年,他因為受不了刻板的生活而辭職創立「鬍子科技學院」,進行網頁設計及相關的培訓。

Jack 喜愛旅行、沖浪和閱讀。他也會不時在 YouTube 分享編程教學。

✦✦✦

Anywhere 是一個未來工作者社群,願景是為未來的工作者創造可能性,增加流動性,以及保有人性化的生活。

點擊下方按鈕加入和追蹤 Anywhere 的 Discord 和 Instagram。喜歡我們的內容,也可以點選珍奶按鈕請編輯喝珍奶!

Subscribe to our newsletter

訂閱電子報,獲得最新event資訊、數位遊牧、遠距工作等新知,不漏接任何未來工作者的消息!

不定時提供優惠資訊!不要錯過!