win7系統(tǒng)下載
當(dāng)前位置: 首頁 > 硬件軟件教程 > 詳細(xì)頁面

如何用Photoshop迅速地制作一張Loading的gif動(dòng)圖

發(fā)布時(shí)間:2024-04-15 文章來源:深度系統(tǒng)下載 瀏覽:

Photoshop CC的幀動(dòng)畫和時(shí)間軸功能,讓它在動(dòng)畫制作上也屢屢能展現(xiàn)奇跡。Loading小GIF圖在ppt演示文檔中,或者一些ui演示中都能被當(dāng)做素材,很好的展示內(nèi)容。接下來就跟大家分享一枚Loading動(dòng)圖設(shè)計(jì)小技巧。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

方法如下

1、打開ps軟件,新建400*300的文檔,分辨率72就行,背景白色即可。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

2、新建一個(gè)透明圖層,選擇橢圓選框工具,按住shift,拉出一個(gè)圓形。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

3、設(shè)置好前景色ffe689和背景色fa8b00。選擇漸變工具,選定角度漸變。在圓形選框中拉一個(gè)漸變出來。效果如圖。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

4、按住ctrl+d,取消選區(qū),這個(gè)時(shí)候,loading素材就做好了,接下來制作動(dòng)畫效果。把ps的工作面板設(shè)定成“動(dòng)感”模式。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

5、點(diǎn)擊創(chuàng)建視頻時(shí)間軸按鈕,創(chuàng)建一條時(shí)間軸,并縮短到兩秒鐘。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

6、右鍵單擊圖層一,選擇轉(zhuǎn)換成智能對(duì)象。因?yàn)椋悄軐?duì)象的變換動(dòng)畫效果更好操作。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

7、在時(shí)間軸面板中,將時(shí)間指示器移動(dòng)到起始位置,然后點(diǎn)擊變換左側(cè)的錨點(diǎn)添加關(guān)鍵幀。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

8、將時(shí)間指示器移動(dòng)到1秒的地方,選擇編輯>變換>旋轉(zhuǎn)180°。則會(huì)自動(dòng)在該時(shí)間點(diǎn)處添加關(guān)鍵幀。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

9、將時(shí)間指示器移動(dòng)到最后,再次選擇編輯>變換>旋轉(zhuǎn)180°。同樣會(huì)自動(dòng)添加關(guān)鍵幀。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

10、如此,已經(jīng)完成了Loading的簡(jiǎn)單制作,可以按空格鍵播放預(yù)覽效果。如果對(duì)效果滿意,則可以選擇文件>存儲(chǔ)為web所用格式,保存為gif格式圖片即可了。PS:注意動(dòng)畫的循環(huán)選項(xiàng)設(shè)置成永遠(yuǎn)。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

11、最終效果見下圖。

Loading的gif動(dòng)圖,photoshop cc,photoshop2014,photoshop

本文章關(guān)鍵詞:  何用 Photoshop 迅速  制作 一張 Load 
當(dāng)前原文鏈接:http://czecheden.com/soft/soft-49935.html