在互聯(lián)網(wǎng)時(shí)代，當(dāng)網(wǎng)絡(luò)不好時(shí)，看到這樣的圖片，是不是讓你萬(wàn)分抓狂。今天小編就為大家用Photoshop制作動(dòng)態(tài)加載的花形小圖標(biāo)方法，教程制作出來(lái)的效果非常不錯(cuò)，一起來(lái)看看吧！

方法/步驟

 打開(kāi)Photoshop軟件，新建一塊畫(huà)布，大小可以自定義填充一個(gè)灰色。

 打開(kāi)自定義形狀，選擇一個(gè)水滴形狀。

再畫(huà)布中下方位置點(diǎn)擊，畫(huà)出水滴選框。

在圖層面板找到水滴的圖層，右鍵，選擇柵格化圖層。

按住CTRL+T，將自由變換的中心點(diǎn)移到外面一段距離。

 在選項(xiàng)工具欄，把角度設(shè)置為45°，按enter鍵確定。

這個(gè)時(shí)候發(fā)現(xiàn)水滴發(fā)生了一定角度的旋轉(zhuǎn)，按住CTRL+ALT+SHIFT不松手，再按一下T鍵，可以復(fù)制出另一個(gè)發(fā)生了45°旋轉(zhuǎn)的水滴，再多按幾次T鍵，直到形成一個(gè)完整的圓形。

按住CTRL+SHIFT鍵，鼠標(biāo)單機(jī)第一張水滴圖層和最后一張水滴圖層，發(fā)現(xiàn)所有水滴的圖層都被選中。鼠標(biāo)右鍵，選擇合并圖層。

新建一個(gè)圖層，設(shè)置漸變色，注意漸變色的模式設(shè)置為角度漸變。如圖所有，注意填充漸變時(shí)的方向，以保證線(xiàn)條在兩個(gè)水滴之間。如果無(wú)法選定，也可以將漸變色調(diào)低透明度直到可以看到水滴的位置，再選中漸變色的圖層，按CTRL+T進(jìn)行自由變換調(diào)整方向，按enter完成。

漸變色完成后，鼠標(biāo)右鍵圖層，選擇創(chuàng)建剪貼蒙版。

發(fā)現(xiàn)圖片被上色成功后，再次鼠標(biāo)右鍵，向下合并。這樣，一張完整的靜態(tài)loading就完成了。截下來(lái)，我們制作動(dòng)畫(huà)效果。

對(duì)圖片進(jìn)行自由變換，設(shè)置旋轉(zhuǎn)角度45°，按住CTRL+ALT+SHIFT不松手，再按一下T鍵，可以復(fù)制出另一個(gè)發(fā)生了45°旋轉(zhuǎn)的水滴，再多按幾次T鍵，直到最深的顏色能形成一個(gè)圈。

打開(kāi)【窗口】，選擇【時(shí)間軸】或者【動(dòng)畫(huà)】，創(chuàng)建動(dòng)畫(huà)幀。調(diào)整好每一幀的時(shí)間和次數(shù)，講所有圖層隱藏，只顯示背景色和第一個(gè)圖層。這時(shí)候已經(jīng)完成了動(dòng)畫(huà)第一幀。

點(diǎn)擊新建動(dòng)畫(huà)幀，隱藏第一個(gè)圖層，顯示第二個(gè)圖層。這時(shí)，完成了動(dòng)畫(huà)第二幀。以此類(lèi)推，直到完成最后一幀。

點(diǎn)擊動(dòng)畫(huà)播放鍵，進(jìn)行播放預(yù)覽。如果覺(jué)得太快或者太慢，也可以再次進(jìn)行時(shí)間調(diào)整。

如果覺(jué)得圖像太大或者太小，可以點(diǎn)擊【圖像】選擇【圖像大小】對(duì)圖像進(jìn)行修改。也可以不進(jìn)行修改，根據(jù)個(gè)人需要。

點(diǎn)擊【文件】選擇【儲(chǔ)存為web所有格式】，彈出一個(gè)對(duì)話(huà)框，將圖片格式改為GIF，點(diǎn)擊存儲(chǔ)，再?gòu)棾鲆粋€(gè)對(duì)話(huà)框，可以修改文件名，格式，選擇存儲(chǔ)位置。最后點(diǎn)擊保存即可完成。

圖片展示效果。

此為示例，其中背景、形狀、顏色、角度、大小等可以根據(jù)自身需要做調(diào)整。

以上就是用Photoshop制作動(dòng)態(tài)加載的花形小圖標(biāo)方法，操作很簡(jiǎn)單的，大家學(xué)會(huì)了嗎？希望能對(duì)大家有所幫助！