提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
昨天在一個設(shè)計交流群里,有同學(xué)咨詢gif的小動畫,剛好有時間,且我自己也從未通過photoshop制作過小動畫,所以就抱著試一試的心態(tài)自己做了一個,沒想到還成功了。
這里將制作步驟截圖展示,并詳細描述出來,感興趣的小伙伴,底部有源文件奉上,自取~
一、制作基礎(chǔ)層
1、新建畫布,大小500*500px,分辨率72
2、將背景直接填充為黑色,打上喜歡的文字,呀是月亮哇
3、復(fù)制剛才的文字,原位粘貼,填充一個別的顏色
4、畫一個文字大小的矩形(為便于觀察,我先用白色的,后續(xù)會換成背景色)
5、關(guān)鍵來咯!將矩形放在綠色文字下層,并作為他的剪貼蒙版
二、制作時間軸
1、打開我們的 窗口——時間軸
2、點擊創(chuàng)建視頻時間軸
3、我們gif用不了那么長的時間,所以裁剪掉一部分。
4、左側(cè)欄里,選中我們創(chuàng)建的矩形,點擊矢量蒙版位置,將白色矩形拖拽至如圖位置(綠色文字剛好看不見),并新建關(guān)鍵幀
5、移動紅線至時間軸最末端,再次點擊新建關(guān)鍵幀,然后拖動矩形至如圖位置(剛好完全顯示出綠色文字層)
6、以上效果確認無誤后,我們再將矩形的顏色改為背景色,我這里是黑色
7、現(xiàn)在矩形和背景融為一體,矩形移動的過程,就是文字的逐漸顯示的過程
三、最后導(dǎo)出工作
1、設(shè)置動畫為循環(huán)播放(點擊設(shè)置按鈕——勾選循環(huán)播放)
2、點擊 文件——導(dǎo)出——存儲為web所用的格式
3、選擇GIF——點擊存儲,大功告成!
無底色效果展示
含底色效果展示
以上gif的詳細教程到這里就結(jié)束了,目前我只用到了位移,大家在根據(jù)教程制作后,還可以嘗試縮放、旋轉(zhuǎn)、透明度等調(diào)整,記得學(xué)會舉一反三!
喜歡這篇教程的點個贊唄~
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊