ps淘寶美工教程:[7]流光字體彩色動態文字gif?

淘寶上時常為顯示突出,而做動態文字,或應該叫流光字型,這種是怎麼製作呢?這裡為大家詳細講解Photoshop製作流光字型,用PS可不用像Flash使用遮罩那麼麻煩,用動畫視窗就可以了,具體看下面!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

方法/步驟

首先開啟PS,新建文字圖層,打上想要製作流光字型的文字!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

為了讓後期製作的流光文字更具美感,這裡用下變形或是讓某些字改變形狀大小,如下圖!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

接著新建圖層2,利用矩形工具框選出合適的選區,然後漸變填充絢麗顏色!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

然後選擇視窗——動畫,適當調整矩形的形狀,利用ctrl+t變形工具,弄成下圖這樣子!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

ps淘寶美工教程:[7]流光字體彩色動態文字gif

新建動畫圖片2,將製作的矩形拖到文字的最左邊,如下圖所示!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

接著按Ctrl,選中兩個動畫圖片,選擇“過度動畫幀”新建8幀,如下圖,然後將每個圖層改成0.2秒!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

ps淘寶美工教程:[7]流光字體彩色動態文字gif

最重要的一部來了,選中文字圖層按住atr,點選文字圖層與圖層2,會出現下一個小黑,產生剪貼蒙版,出來的效果是"下面的形狀顯示上層的顏色"!

點一下矩形選型就會與文字“融合”,這個文字不會說明,就是下圖這樣子形式!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

最後在加上背景圖,放到所有圖片的後面,如下圖位置,然後點選播放檢視!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

選擇“檔案”——儲存為web和裝置所用格式——選擇“gif”——僅限圖片,生成GIF圖片!

ps淘寶美工教程:[7]流光字體彩色動態文字gif

ps淘寶美工教程:[7]流光字體彩色動態文字gif

ps淘寶美工教程:[7]流光字體彩色動態文字gif

文字, 淘寶, 字型, 美工, 流光,
相關問題答案