動態(tài)圖片,在PS中打造炫酷的加載動畫
練習加載動畫的時候,發(fā)現(xiàn)這么一個很簡單的動效也有很多小的知識點,總結(jié)一下分享大家,希望對有需要的人有所幫助,我們從零說起,和大家一起在學習中成長。
效果圖:
操作步驟:
第一步 建立合成800*800(大小自己決定就好),背景為#000000
第二步 繪制三角形
畫一個三角形方法很多,這里只說我用到的這種。
在合成面板創(chuàng)建一個形狀圖層,點擊添加,選擇多邊星形,將“點”設(shè)置為3
將三角形調(diào)整到合適的大小和位置,繼續(xù)點擊添加“填充”設(shè)置三角形的顏色;添加“描邊”將三角形設(shè)置為圓角(描邊的“線段連接”選擇為“圓角連接”),根據(jù)需要設(shè)置描邊寬度,描邊的顏色與填充顏色保持一致,以下是我用參數(shù)
繪制好之后,復制一層(Ctrl+D),調(diào)整一下顏色
第三步 移動位置
首先將兩個三角形的初始位置調(diào)整好,兩個三角形呈對角樣子,且稍有重合(可根據(jù)個人喜好決定是否重合),如圖
選中兩個三角形(記得給圖層命名以便于區(qū)分)點擊“p”位置選項,在起始點打上關(guān)鍵幀;依次調(diào)整三角形的位置,關(guān)鍵幀停留到1S處,將白色三角形向左平移至黃色三角形的上方,黃色三角形向右平移至白色下方,如圖
繼續(xù)調(diào)整位置,在2S處打上關(guān)鍵幀,將白色三角形沿斜線向下,黃色三角形沿斜線向上,移動路徑如圖
繼續(xù)移動位置,在3S處打上關(guān)鍵幀,直接復制0S處的關(guān)鍵幀即可,讓這個移動路徑形成一個閉合的三角形。
注意:移動的路徑是一個曲線三角形,這里選擇鋼筆工具,點擊一下錨點,曲線變成直線了(相當于PS中的轉(zhuǎn)換點工具),如圖
選中兩個三角形的位置關(guān)鍵幀,給每個幀設(shè)置緩動,快捷鍵http:///photoshop/jiaocheng/110097.htmlF9(或者點擊動畫-關(guān)鍵幀輔助-緩動),優(yōu)化動畫效果
第四步 添加空圖層
新建一個空圖層,添加旋轉(zhuǎn)動畫,快捷鍵R。在初始位置打上關(guān)鍵幀,旋轉(zhuǎn)度數(shù)為0;移動關(guān)鍵幀指標到3S處(即結(jié)束點),將旋轉(zhuǎn)圈數(shù)設(shè)置為-1,即逆時針旋轉(zhuǎn)360度(與剛剛設(shè)的三角形移動方向有關(guān))。
隱藏空圖層,將兩個三角形的父級選為剛才創(chuàng)建的空圖層,為動畫添加上一個旋轉(zhuǎn)的效果,使動畫銜接更加流暢,如圖
完成: