日本a在线观看_久久久三区_久久99精品久久久久久国产越南_在线观看中文字幕av_国产精品久久久久久久久久东京_a免费视频

PS設(shè)計(jì)教程網(wǎng)歡迎你!

Photoshop詳細(xì)解析GIF動(dòng)畫的制作技巧

文章來源于 站酷,感謝作者 矢量人生 給我們帶來經(jīng)精彩的文章!
設(shè)計(jì)教程/PS教程/動(dòng)畫教程2016-04-26
為了避免寫僵尸教程,有些地方還是需要大家自行思考并且延伸到更多的制作,如果僅僅參考教程做出的東西而不動(dòng)腦經(jīng),除了臨時(shí)練手以外意義真的不大。

為了避免寫僵尸教程,有些地方還是需要大家自行思考并且延伸到更多的制作,如果僅僅參考教程做出的東西而不動(dòng)腦經(jīng),除了臨時(shí)練手以外意義真的不大。

類似loading的動(dòng)畫

Step1——畫圓環(huán)

新建一個(gè)500px²(以下出現(xiàn)的所有數(shù)值可以自定義不用完全照搬)的默認(rèn)畫布,并用橢圓工具(填充無,描邊30,色值#f2f2f2)畫一個(gè)正圓環(huán),然后調(diào)出時(shí)間軸并且創(chuàng)建時(shí)間軸動(dòng)畫。

Step2——圓環(huán)漸變

給圓環(huán)上色,技巧也就在這里。首先我們分析顏色的變化是從無到有,再從有到無。利用圖層樣式的漸變,可以實(shí)現(xiàn)這個(gè)效果(事實(shí)上利用圖層樣式實(shí)現(xiàn)的動(dòng)畫實(shí)在是太多了并且太好用了)。在時(shí)間軸的第一幀位置打開樣式動(dòng)畫的關(guān)鍵幀開關(guān),調(diào)出圖層樣式勾上漸變,樣式為角度,打開漸變編輯器并選取一個(gè)顏色如下圖,

Photoshop詳細(xì)解析GIF動(dòng)畫的制作技巧

因?yàn)槭菑臒o到有的過程,因此【無】(即白色)的透明度設(shè)置0,【有】(即綠色)的透明度設(shè)置100%,

然后把【無】的透明度和顏色拖到跟【有】重疊如下圖,

Photoshop詳細(xì)解析GIF動(dòng)畫的制作技巧

溫馨提示:當(dāng)漸變的兩個(gè)數(shù)值(標(biāo))完全重疊時(shí),事實(shí)上還區(qū)分左右(上下)的位置,并且這個(gè)位置很重要。單擊標(biāo)可以切換標(biāo)的位置,如果無法切換則沒有完全重疊,此時(shí)你可以拉伸漸變編輯器盡可能讓數(shù)值完全重疊,當(dāng)然這個(gè)是在0的起始位置重疊,拉不拉伸沒有太大意義~

Photoshop詳細(xì)解析GIF動(dòng)畫的制作技巧

回到時(shí)間軸,拖動(dòng)時(shí)間線到指定位置(20f),把所有數(shù)值的標(biāo)拖到最右邊的位置如下圖

Photoshop詳細(xì)解析GIF動(dòng)畫的制作技巧

Step3——添加圓形旋轉(zhuǎn)動(dòng)畫

一個(gè)動(dòng)畫基本完成,再給頭部跟尾部添加圓形,尾部(起始位置)的圓固定不動(dòng),而頭部的圓跟隨顏色的變化一起運(yùn)動(dòng)。所以我們需要給這個(gè)圓做旋轉(zhuǎn)(轉(zhuǎn)換為智能對(duì)象方可做變換動(dòng)作),確立旋轉(zhuǎn)圖形新的中心點(diǎn)在玩轉(zhuǎn)PS時(shí)間軸第三篇有講過,這里就不多說了,我們還需要注意的是旋轉(zhuǎn)的時(shí)候不能超過180°,這個(gè)也在第二篇文章有講過,因此我們需要給這個(gè)旋轉(zhuǎn)的圓圈至少添加4個(gè)關(guān)鍵幀,并且時(shí)長與旋轉(zhuǎn)的位置要跟圓環(huán)的顏色對(duì)應(yīng)。

Photoshop詳細(xì)解析GIF動(dòng)畫的制作技巧

Step4——復(fù)制+反向

還有一個(gè)從有到無的過程,把剛才從無到有的動(dòng)畫編組并且復(fù)制,轉(zhuǎn)到時(shí)間軸把這個(gè)組向后拖動(dòng)到一定位置(在前面組的結(jié)尾往前一點(diǎn)點(diǎn),使其神不知鬼不覺地循環(huán)運(yùn)動(dòng)),然后在復(fù)制組的圓環(huán)圖層的關(guān)鍵幀(起始幀與結(jié)束幀)互相對(duì)調(diào),最后將時(shí)間線拖到關(guān)鍵幀的位置調(diào)出圖層樣式,漸變勾上反向。當(dāng)然你不喜歡這種復(fù)制+反向的方法而要重新做顏色的漸變也沒人攔你~

以上4步已經(jīng)完成了一個(gè)loading從無到有,從有到無的動(dòng)畫,你可以設(shè)置更多樣式,比如設(shè)置圓環(huán)的填充為0,給圓環(huán)添加內(nèi)陰影,轉(zhuǎn)換為智能對(duì)象再添加樣式等等。

Photoshop詳細(xì)解析GIF動(dòng)畫的制作技巧

版權(quán)所有PS設(shè)計(jì)教程網(wǎng)公安備案:蘇公網(wǎng)安備 32058302001023號(hào)工信部備案:滬ICP備09005587號(hào)
aaa
主站蜘蛛池模板: 亚洲一区久久久 | 黄色成年在线观看 | 黄色片网站在线播放 | 久久久久久久久久久国产精品 | 精品国产96亚洲一区二区三区 | 亚洲综合一区二区三区 | 91精品国产日韩91久久久久久360 | 欧美亚洲综合网 | 中国国语毛片免费观看视频 | 欧美精品一二三区 | 午夜精品成人一区二区 | 欧美性激情视频 | 欧美三级欧美成人高清www | 久久精品av | 美女毛片在线观看 | 国产午夜小视频 | 天堂成人一区二区三区 | 日韩视频一区二区三区在线观看 | 最近日本电影hd免费观看 | 久久久久99一区二区三区 | 欧美18—19sex性护士中国 | 中文字幕22页 | 国产精品久久久久影院老司 | 在线播放视频一区二区 | 国产成人强伦免费视频网站 | 日韩一级片毛片 | 精品国产一区二区三区久久久 | 中国免费一级毛片 | 老师你怎么会在这第2季出现 | 欧洲精品久久久久69精品 | 精品久久久久久国产三级 | 黄色羞羞视频在线观看 | 日本在线播放一区二区三区 | 久久成人黄色 | 免费国产不卡午夜福在线 | 久久情爱网 | 狠狠干天天操 | 成人爽a毛片免费啪啪红桃视频 | 美女网站色免费 | 中国hdxxxx护士爽在线观看 | 亚洲小视频在线播放 |