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