ps設計一個加載的動態(tài)小圖標教程
ps怎么設計一個加載的動態(tài)小圖標?一般的加載圖標都是動態(tài)的,該怎么設計一個加載圖標呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下!
1、 打開Photoshop軟件,新建一塊畫布,大小可以自定義填充一個灰色。
2、 打開自定義形狀,選擇一個水滴形狀。
3、再畫布中下方位置點擊,畫出水滴選框。
4、在圖層面板找到水滴的圖層,右鍵,選擇柵格化圖層。
5、按住CTRL+T,將自由變換的中心點移到外面一段距離。
6、在選項工具欄,把角度設置為45°,按enter鍵確定。
7、這個時候發(fā)現(xiàn)水滴發(fā)生了一定角度的旋轉,按住CTRL+ALT+SHIFT不松手,再按一下T鍵,可以復制出另一個發(fā)生了45°旋轉的水滴,再多按幾次T鍵,直到形成一個完整的圓形。
8、按住CTRL+SHIFT鍵,鼠標單機第一張水滴圖層和最后一張水滴圖層,發(fā)現(xiàn)所有水滴的.圖層都被選中。鼠標右鍵,選擇合并圖層。
9、新建一個圖層,設置漸變色,注意漸變色的模式設置為角度漸變。如圖所有,注意填充漸變時的方向,以保證線條在兩個水滴之間。如果無法選定,也可以將漸變色調低透明度直到可以看到水滴的位置,再選中漸變色的圖層,按CTRL+T進行自由變換調整方向,按enter完成。
10、漸變色完成后,鼠標右鍵圖層,選擇創(chuàng)建剪貼蒙版。
11、發(fā)現(xiàn)圖片被上色成功后,再次鼠標右鍵,向下合并。這樣,一張完整的靜態(tài)loading就完成了。截下來,我們制作動畫效果。
12、對圖片進行自由變換,設置旋轉角度45°,按住CTRL+ALT+SHIFT不松手,再按一下T鍵,可以復制出另一個發(fā)生了45°旋轉的水滴,再多按幾次T鍵,直到最深的顏色能形成一個圈。
13、打開【窗口】,選擇【時間軸】或者【動畫】,創(chuàng)建動畫幀。調整好每一幀的時間和次數,講所有圖層隱藏,只顯示背景色和第一個圖層。這時候已經完成了動畫第一幀。
14、點擊新建動畫幀,隱藏第一個圖層,顯示第二個圖層。這時,完成了動畫第二幀。以此類推,直到完成最后一幀。
15、點擊動畫播放鍵,進行播放預覽。如果覺得太快或者太慢,也可以再次進行時間調整。
16、如果覺得圖像太大或者太小,可以點擊【圖像】選擇【圖像大小】對圖像進行修改。也可以不進行修改,根據個人需要。
17、點擊【文件】選擇【儲存為web所有格式】,彈出一個對話框,將圖片格式改為GIF,點擊存儲,再彈出一個對話框,可以修改文件名,格式,選擇存儲位置。最后點擊保存即可完成。
18、圖片展示效果。
【ps設計一個加載的動態(tài)小圖標教程】相關文章:
動態(tài)網站設計論文參考文獻02-12
簡單加載求職信封面02-07
《一個接一個》教學設計01-13
電腦加載慢又卡怎么辦11-29
《一個蘋果》教學設計02-12
淡黃色加載求職信封面01-01
《一個接一個》教學設計6篇01-13
PS筆試題目02-05
雅思考試的趨勢動態(tài)06-13
《一個這樣的老師》教學設計10篇12-16