LiveTyping 記錄輸入的字母,產生打字機特效的文字動態圖片


LiveTyping」是一個有趣的網站,它可以記錄我們輸入的文字,然後將此段文字轉換成一個動態圖檔(GIF),有著類似打字機的效果,個人覺得用它來做一些簽名檔,是個不錯的選擇,而且不需要什麼美工天份,製作速度也快,很像之前介紹過的「Fodey.com 動態文字圖片產生器」;不懂我說什麼的話,那先來看看下面測試的範例好了,該動態圖檔就是我輸入「Welcome to Jinn’s Blog.」後,LiveTyping幫我產生的成品。

使用教學

首先要做的就是輸入文字(目前不支援中文),LiveTyping會自動記錄你的動作,記得,連打錯字或者刪除文字都會被記錄喔,所以這一點要注意。等輸入完文字後,便可以在下方的「Settings」設置顯示參數:

  • Font:選擇字型
  • Size:選擇字型的大小
  • Speed of virtual typing:設定產生的圖檔中,每個字出現的速度,可以選擇Fast(快速)、Normal(正常)或Real(真實速度,也就是按照你剛剛輸入字母的速度)
  • Width of the result picture X px (from 100 to 1000):設定最後產生動態圖檔的寬度,範圍在100 ~ 1000像素

待設定OK後,按「ENLIVEN」便可開始製作圖檔

下圖是產生後的畫面,在這個畫面中,你可以利用滑鼠右鍵直接下載圖檔,也可以點擊「Picture link」取得圖檔的位置,另外,LiveTyping還提供「Code for a site or blog」和「Code for a forum」的語法,方便你將圖檔放到網站或論壇中。

如果你發現產生出來的結果不如預期,那麼可以直接按「Revive this text with another settings」來重設屬性即可,可以免去重新錄製文字的時間。

延伸閱讀:
Fodey.com 動態文字圖片產生器