ps怎么設計一個加載的動態(tài)小圖標?
我要評論在互聯(lián)網(wǎng)時代，當網(wǎng)絡不好時，看到這樣的圖片，是不是讓你萬分抓狂。這里教大家用Photoshop軟件制作出動態(tài)的加載小圖標。
1、 打開Photoshop軟件，新建一塊畫布，大小可以自定義填充一個灰色。
2、 打開自定義形狀，選擇一個水滴形狀。
3、再畫布中下方位置點擊，畫出水滴選框。
4、在圖層面板找到水滴的圖層，右鍵，選擇柵格化圖層。
5、按住CTRL+T，將自由變換的中心點移到外面一段距離。
6、在選項工具欄，把角度設置為45°，按enter鍵確定。
7、這個時候發(fā)現(xiàn)水滴發(fā)生了一定角度的旋轉(zhuǎn)，按住CTRL+ALT+SHIFT不松手，再按一下T鍵，可以復制出另一個發(fā)生了45°旋轉(zhuǎn)的水滴，再多按幾次T鍵，直到形成一個完整的圓形。
8、按住CTRL+SHIFT鍵，鼠標單機第一張水滴圖層和最后一張水滴圖層，發(fā)現(xiàn)所有水滴的圖層都被選中。鼠標右鍵，選擇合并圖層。
9、新建一個圖層，設置漸變色，注意漸變色的模式設置為角度漸變。如圖所有，注意填充漸變時的方向，以保證線條在兩個水滴之間。如果無法選定，也可以將漸變色調(diào)低透明度直到可以看到水滴的位置，再選中漸變色的圖層，按CTRL+T進行自由變換調(diào)整方向，按enter完成。
10、漸變色完成后，鼠標右鍵圖層，選擇創(chuàng)建剪貼蒙版。
11、發(fā)現(xiàn)圖片被上色成功后，再次鼠標右鍵，向下合并。這樣，一張完整的靜態(tài)loading就完成了。截下來，我們制作動畫效果。
12、對圖片進行自由變換，設置旋轉(zhuǎn)角度45°，按住CTRL+ALT+SHIFT不松手，再按一下T鍵，可以復制出另一個發(fā)生了45°旋轉(zhuǎn)的水滴，再多按幾次T鍵，直到最深的顏色能形成一個圈。
13、打開【窗口】，選擇【時間軸】或者【動畫】，創(chuàng)建動畫幀。調(diào)整好每一幀的時間和次數(shù)，講所有圖層隱藏，只顯示背景色和第一個圖層。這時候已經(jīng)完成了動畫第一幀。
14、點擊新建動畫幀，隱藏第一個圖層，顯示第二個圖層。這時，完成了動畫第二幀。以此類推，直到完成最后一幀。
15、點擊動畫播放鍵，進行播放預覽。如果覺得太快或者太慢，也可以再次進行時間調(diào)整。
16、如果覺得圖像太大或者太小，可以點擊【圖像】選擇【圖像大小】對圖像進行修改。也可以不進行修改，根據(jù)個人需要。
17、點擊【文件】選擇【儲存為web所有格式】，彈出一個對話框，將圖片格式改為GIF，點擊存儲，再彈出一個對話框，可以修改文件名，格式，選擇存儲位置。最后點擊保存即可完成。
18、圖片展示效果。
相關推薦：
相關文章
photoshop cs6制作發(fā)光的佛像普照gif動畫教程
本教程教腳本之家的各位ps學習者如何使用photoshop cs6制作發(fā)光的佛像普照gif動畫的方法，教程難度不大，主要利用了時間軸和自由變換功能，適合新手入門學習2017-06-05
本教程教腳本之家的各位朋友使用PS制作紅星閃閃照中國gif動態(tài)圖的方法，教程非常詳細，操作核心是要會做放射狀光線圖層，效果也非常棒，感興趣的朋友一起試試吧2017-06-02
本教程教腳本之家的ps初學者使用PS簡單制作煙花綻放gif動畫效果的方法，作者制作動畫非常巧妙，直接在智能對象中設置好動畫后，把智能對象多復制了一些，按一定規(guī)律排列，2017-05-23
ps怎么制作矩形滾動變換成三角形的Gif動畫？ps中想要制作一個幾何圖形不斷變換的動圖，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-05-16
ps怎么制作一個閃光抽絲的gif動圖？ps中想要制作一個不斷閃光的gif動畫，該怎么制作呢？下面我們就來看看詳細的教程，很簡單，需要的朋友可以參考下2017-04-20
這篇教程是向腳本之家的朋友分享PS制作融合效果gif動畫方法，教程制作出來的效果非常可愛，方法很簡單，主要向大家融合的技巧，希望能對大家有所幫助2017-04-14
這篇教程是向腳本之家的朋友分享PS簡單制作一個漂亮的混合色帶gif動畫效果方法，教程制作出來的效果非常漂亮，方法很簡單，適合新手來學習，推薦到腳本之家，來看看吧2017-04-10
這篇教程是向腳本之家的朋友分享PS時間軸制作超酷炫的萬花筒gif動畫效果過程，教程制作出來的動畫效果非常漂亮，而且方法并不是很難，值得大家學習，一起來看看怎么操作吧2017-04-10
ps怎么快速去除gif動圖中的水?。肯螺d了一個gif發(fā)現(xiàn)有水印，想要去除水印，該怎么辦呢？下面我們就來看看ps輕松去除gif動圖水印的教程，需要的朋友可以參考下2017-04-06
ps無法導入gif動態(tài)圖片怎么辦？ps想要修改gif動圖，但是在導入的時候發(fā)現(xiàn)沒辦法導入gif動圖，該怎么辦呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-03-27
