如何用PS製作動態文字?

來源:酷知科普網 1.47W

大家在網頁上經常會看到那種會動的文字,相比較靜態文字更顯活潑生動,那麼如何製作一個動態效果的文字呢?當然動態分為很多種,下面小編教給你最常見的兩種動態效果,希望對大家有所幫助!

如何用PS製作動態文字?

操作方法

第一種動態效果是文字依次出現
也就是每個字按照前後順序出現,製作方法如下:首先我們開啟PS軟體,依次點選"檔案"-"新建",然後建立一個畫板,我們自定義畫板名稱以及尺寸,如下圖;

如何用PS製作動態文字? 第2張
如何用PS製作動態文字? 第3張

然後在左側找到吸管工具,去右側的顏色區域吸取一種顏色用來作為文字的顏色,接著在左側工具欄點選圖示"T"來往畫板上寫文字;

如何用PS製作動態文字? 第4張
如何用PS製作動態文字? 第5張

假如我們以"我愛中國"四個字為例,在畫板上輸入完畢以後,會在右側分別出現對應的圖層,如圖所示

如何用PS製作動態文字? 第6張
如何用PS製作動態文字? 第7張

接著在最上方的工具欄依次點選"視窗"-"動畫",然後軟體左下角就會出現一副動畫幀,我們一共需要複製5個動畫幀(比文字字數多一個),如圖所示

如何用PS製作動態文字? 第8張
如何用PS製作動態文字? 第9張
如何用PS製作動態文字? 第10張

記住一點:第一幀不對應任何文字,然後選中第二幀,對應的右側圖層裡只保留"我"字和背景可見,其他的圖層將前面的小眼睛去掉即可;

如何用PS製作動態文字? 第11張
如何用PS製作動態文字? 第12張

點選第三針的時候,只將右側的"愛"字和背景這兩個圖層可見,其餘的圖層不可見,依次方法類推;四個字全部設定完畢以後,在動畫幀下方設定每幀之間的間隔,然後點選播放按鈕可以檢視動態效果;

如何用PS製作動態文字? 第13張
如何用PS製作動態文字? 第14張

最後在檔案裡找到"儲存為web和裝置所用格式",即可在網頁裡檢視我們製作好的動態文字效果了,見下圖

如何用PS製作動態文字? 第15張
如何用PS製作動態文字? 第16張

第二種效果為文字閃動出現
假定我們以"中"和"國"這兩個字作為閃動出現的文字,而前兩個字為靜態,那麼首先我們需要分別將中和國複製圖層,如下圖

如何用PS製作動態文字? 第17張

接著我們將所有圖層進行格柵化,以便對文字進行編輯,選擇"中"副本以後,向上或者向下拖動文字,形成上下錯落的感覺,如圖所示

如何用PS製作動態文字? 第18張
如何用PS製作動態文字? 第19張

同樣的對"國"字也做相應的處理,然後按照剛才的方法建立兩幅動畫幀,選中第一幀的時候,將圖層"中"和圖層"國 副本"隱藏,同樣的方法點選第二幀的時候,將右側圖層的"國"和"中 副本"圖層隱藏,也就是去掉前面的小眼睛

如何用PS製作動態文字? 第20張
如何用PS製作動態文字? 第21張

依舊和第一種情況一樣,我們給動畫幀之間設定時間間隔,然後儲存到電腦即可,下圖是這一種動畫文字的效果圖

如何用PS製作動態文字? 第22張
熱門標籤