用Photoshop制作動態(tài)加載的花形小圖標

在互聯(lián)網(wǎng)時代,當網(wǎng)絡不好時,看到這樣的圖片,是不是讓你萬分抓狂。今天小編就為大家用Photoshop制作動態(tài)加載的花形小圖標方法,教程制作出來的效果非常不錯,一起來看看吧!
方法/步驟
打開Photoshop軟件,新建一塊畫布,大小可以自定義填充一個灰色。
打開自定義形狀,選擇一個水滴形狀。
再畫布中下方位置點擊,畫出水滴選框。
在圖層面板找到水滴的圖層,右鍵,選擇柵格化圖層。
按住CTRL+T,將自由變換的中心點移到外面一段距離。
在選項工具欄,把角度設置為45°,按enter鍵確定。
這個時候發(fā)現(xiàn)水滴發(fā)生了一定角度的旋轉(zhuǎn),按住CTRL+ALT+SHIFT不松手,再按一下T鍵,可以復制出另一個發(fā)生了45°旋轉(zhuǎn)的水滴,再多按幾次T鍵,直到形成一個完整的圓形。
按住CTRL+SHIFT鍵,鼠標單機第一張水滴圖層和最后一張水滴圖層,發(fā)現(xiàn)所有水滴的圖層都被選中。鼠標右鍵,選擇合并圖層。
新建一個圖層,設置漸變色,注意漸變色的模式設置為角度漸變。如圖所有,注意填充漸變時的方向,以保證線條在兩個水滴之間。如果無法選定,也可以將漸變色調(diào)低透明度直到可以看到水滴的位置,再選中漸變色的圖層,按CTRL+T進行自由變換調(diào)整方向,按enter完成。
漸變色完成后,鼠標右鍵圖層,選擇創(chuàng)建剪貼蒙版。
發(fā)現(xiàn)圖片被上色成功后,再次鼠標右鍵,向下合并。這樣,一張完整的靜態(tài)loading就完成了。截下來,我們制作動畫效果。
對圖片進行自由變換,設置旋轉(zhuǎn)角度45°,按住CTRL+ALT+SHIFT不松手,再按一下T鍵,可以復制出另一個發(fā)生了45°旋轉(zhuǎn)的水滴,再多按幾次T鍵,直到最深的顏色能形成一個圈。
打開【窗口】,選擇【時間軸】或者【動畫】,創(chuàng)建動畫幀。調(diào)整好每一幀的時間和次數(shù),講所有圖層隱藏,只顯示背景色和第一個圖層。這時候已經(jīng)完成了動畫第一幀。
點擊新建動畫幀,隱藏第一個圖層,顯示第二個圖層。這時,完成了動畫第二幀。以此類推,直到完成最后一幀。
點擊動畫播放鍵,進行播放預覽。如果覺得太快或者太慢,也可以再次進行時間調(diào)整。
如果覺得圖像太大或者太小,可以點擊【圖像】選擇【圖像大小】對圖像進行修改。也可以不進行修改,根據(jù)個人需要。
點擊【文件】選擇【儲存為web所有格式】,彈出一個對話框,將圖片格式改為GIF,點擊存儲,再彈出一個對話框,可以修改文件名,格式,選擇存儲位置。最后點擊保存即可完成。
圖片展示效果。
此為示例,其中背景、形狀、顏色、角度、大小等可以根據(jù)自身需要做調(diào)整。
以上就是用Photoshop制作動態(tài)加載的花形小圖標方法,操作很簡單的,大家學會了嗎?希望能對大家有所幫助!
相關文章
- 今天我們繼續(xù)來介紹ps基礎教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎教程2024-12-23
- ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2024-12-23
- ps零基礎之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應用呢?詳細請看下文介紹2024-12-23
ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?;A的操作,但也是非常實用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進行調(diào)節(jié),具體該如何操作呢?詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30