在互聯(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)加載的花形小圖標方法，操作很簡單的，大家學會了嗎？希望能對大家有所幫助！

最新評論