文字抖動 文字特效練習5 跳動的路徑文字和果凍字

2021-10-14 18:21:22 字數 1078 閱讀 1531

文字特效練習5——跳動的路徑文字與果凍字

今天練習跳動的路徑文字以及果凍字的特效,跳動的路徑文字就像幾個調皮的小孩在放學回家的路上跳來跳去,果凍字呢就像果凍一樣彈起的動畫。

1、先來製作跳動的路徑文字,新建合成「跳動的文字」,新建純色層「跳動路徑」,使用鋼筆工具繪製文字路徑

2、選中圖層「跳動路徑」,執行選單——效果——過時——路徑文字,輸入文字「調皮的小孩」

3、在特效控制面板裡,選擇路徑選項中自定義路徑為「蒙版1」,字元中大小設定關鍵幀從0幀到4秒29幀處為60到80;左邊距設定關鍵幀為0幀到4秒29幀為-280到3260

4、開啟高階選項,再開啟抖動設定,設定四個抖動的關鍵幀,從0幀的0到4秒29幀的隨意設定變化,目的是讓文字出現間距、大小、旋轉的隨機變化;

5、選中圖層「跳動路徑」,執行選單——效果——時間——殘影,設定殘影數量為15,衰減0.6,效果完成,按0鍵預覽,這裡也可以新增浮雕、投影等特效,增強效果。

效果預覽

6、接下來來製作果凍文字效果,新建合成「果凍字」,新建文字圖層「文字」,使用文字工具輸入「我像果凍一樣彈跳」;

7、展開「文字」圖層,執行動畫——傾斜,在動畫製作工具中設定傾斜-70,傾斜軸為0x+11度;開啟範圍選擇器,設定起始關鍵幀從0幀的0%到3秒的100%;

8、效果完成,按0鍵預覽效果

文字的跳動

今天做個文字跳動的效果 第一步 引入 第二步引入 jquery.easing jswing jquery.easing swing jquery.extend jquery.easing,easeinquad function x,t,b,c,d easeoutquad function x,t,b...

純CSS實現跳動的文字

css start my face webkit keyframes my face 4 68 98 38 6 8 86 10 72 12 64 78 96 14 54 16 18 22 20 36 46 26 50 28 30 40 62 76 88 32 34 66 42 44 70 48 74...

CSS3的文字發光特效

這是一款基於純css3的文字發光特效,當我們將滑鼠滑過文字時,文字就會模擬發光動畫,展現出非常酷的發光畫面。另外,由於引用了特殊字型,所以整個文字效果看起來有著3d立體的特效,如果你的網路無法載入這些字型,可能是由於國外的這個 被牆的緣故,就像google的字型庫 被遮蔽那樣。html red bl...