Photoshop教程-製作加載等待特效GIF圖

通過應用Adobe Photoshop軟件的時間軸面板,製作加載等待特效GIF圖。

Photoshop教程-製作加載等待特效GIF圖

Photoshop教程-製作加載等待特效GIF圖

01、原圖。

Photoshop教程-製作加載等待特效GIF圖

02、新建橢圓形狀圖層覆蓋原圖,黑色填充無描邊,添加樣式漸變疊加。

Photoshop教程-製作加載等待特效GIF圖

03、創建剪貼蒙版,改變漸變疊加角度。

Photoshop教程-製作加載等待特效GIF圖

04、新建紅色剪貼圖層,修改橢圓圖層混合顏色帶選項。

Photoshop教程-製作加載等待特效GIF圖

05、打開時間軸面板,點擊面板中間下拉箭頭選擇創建幀動畫,單擊創建幀動畫,第1幀就創建出來了。

Photoshop教程-製作加載等待特效GIF圖

06、選中第1幀,點擊複製所選幀圖標,第2幀就創建出來了。保持選擇第2幀,改變橢圓圖層漸變疊加角度。

Photoshop教程-製作加載等待特效GIF圖

07、選擇第1幀,單擊過渡動畫幀圖標,彈出過渡對話框,要添加的幀數填4,點擊確定。這樣就在第1幀後面添加了4幀,原來的第2幀變為第6幀。選中第6幀,單擊複製所選幀圖標,第7幀就創建出來了。修改第7幀漸變疊加角度。

Photoshop教程-製作加載等待特效GIF圖

08、複製第7幀創建第8幀,修改第8幀漸變疊加角度。

Photoshop教程-製作加載等待特效GIF圖

09、選擇第7幀,單擊過渡動畫幀圖標,彈出過渡對話框,要添加的幀數填4,點擊確定。這樣就在第7幀後面添加了4幀,原來的第8幀變為第12幀。選中全部12幀,單擊任1幀下方的時間箭頭,將時間延遲改為0.05秒。

Photoshop教程-製作加載等待特效GIF圖

10、將文件導出為GIF圖,效果如下。

Photoshop教程-製作加載等待特效GIF圖

11、將紅色圖層的填充顏色改為綠色後導出,即可得到綠色GIF圖。

Photoshop教程-製作加載等待特效GIF圖


分享到:


相關文章: