動畫移動字效果

還是先看一下完成效果吧.....




01.新建一個圖層.大小自定(這里用的是500*300),點擊橫排文字工具輸入"Photoshop天空"可自定.我這里用的是網(wǎng)上下載的"肥腸字體",是不是挺可愛的

02.右擊文字圖層-柵格化文字.
CTRL 左擊文字圖層.把文字選中.點擊漸變工具,選擇銘黃漸變形式.在繪圖區(qū)拉出如圖效果漸變,CTRL D 取消選區(qū).




03.新建一個空白圖層.用矩形選框工具拉上一個矩形選區(qū).填上黑色顏色(自定),按CTRL T進行變形.確定.
按住ALT不放用鼠標拖動矩形圖形進行復(fù)制.如圖

04.CTRL 點擊矩形圖層,載入矩形選區(qū).點擊漸變工具,選擇色譜漸變形式.在繪圖區(qū)拉出如圖效果.CTRL D 取消選區(qū).


05.到最關(guān)鍵的一步,"遮罩圖層",按住ALT用鼠標在文字層和矩形層(圖層1)中間單擊,(注:這時鼠標像一個水壺一樣)效果如圖.


06.把矩形圖層復(fù)制5個副本.再用剛才第五步的方面把相伶的兩個圖層做一個遮罩,然后把5個副本分別移動到合適位置.如圖


07.打開窗口-動畫,復(fù)制選中幀5個,把每個圖層相應(yīng)的圖層前面的眼睛保持,把不需要的圖層隱藏,把動畫幀的延遲進間改為0.1秒.如圖




08文件-存儲為Web所有格式.確定.完成了...

第二個效果跟第一個效果類似.差別如下:
在03步時把矩形填充為跟背景色一樣.04步刪除.
在第05步中的"遮罩圖層"把兩個圖層上下位置對換.其他的方面都類似.(注:每個遮罩都是一個文字圖層同一個矩形圖層對應(yīng))如圖


補充:也可把第個動畫幀再加上一個動畫過渡幀.這樣感覺會跟流暢些.
最后完成.