教程-超詳細的ps製作載入中(等待loading)動畫?

Tags: 教程, 載入中,

這會是我發過的最詳細的教程之一。昨天晚上看優酷,卡出xiang,發現那個等待loading挺好看的,所以搜了一下載入中的動畫,雖然看起來感覺不一樣,但製作方法差不多。下面介紹兩種製作方法;

方法/步驟

先發幾個效果圖

教程-超詳細的ps製作載入中(等待loading)動畫

教程-超詳細的ps製作載入中(等待loading)動畫

教程-超詳細的ps製作載入中(等待loading)動畫

教程-超詳細的ps製作載入中(等待loading)動畫

教程-超詳細的ps製作載入中(等待loading)動畫

教程會講第一張和第二張的製作方法,後面三張方法跟第一張的方法一樣,更簡單,會順帶提出來。第二張加上了文字,是因為做的獅虎獅虎和和氣叔正在群視訊裡面合唱《相愛很難》,倪萌唱完還愛我嗎?

先講第二張的做法1.開啟ps,新建畫布,命名

教程-超詳細的ps製作載入中(等待loading)動畫

2.新建兩條參考線,為了讓製作的影象居中。檢視-新建參考線,位置為50%,水平和垂直各一次

教程-超詳細的ps製作載入中(等待loading)動畫

3.新建完就是醬紫的

教程-超詳細的ps製作載入中(等待loading)動畫

4.新建圖層,用硬腳畫筆,大小為9畫素(針對個人需要設定),在垂直參加線上麵點一個點,如下圖所示位置。這個位置會覺得最終完成的圖片的形狀。

教程-超詳細的ps製作載入中(等待loading)動畫

5.ctrl+t ,按住alt鍵,將黑點的重心點移到參考線的交點。設定旋轉角度為45度。enter確定兩次。

教程-超詳細的ps製作載入中(等待loading)動畫

6.ctrl+shift+alt+t,重複變換並複製,按7次。

教程-超詳細的ps製作載入中(等待loading)動畫

7.合併所有黑點圖層,選中所有黑點圖層,ctrl+e,合併。ctrl+h,隱藏參加線。

教程-超詳細的ps製作載入中(等待loading)動畫

8.新建圖層,選一個喜歡的顏色,畫筆大小分別為11、13、15、17,在原黑點的基礎上點4個點,記得圓心要對準。

教程-超詳細的ps製作載入中(等待loading)動畫

9.將藍點圖層複製7次,一共8層。調出參考線,ctrl+h。先變換藍色點拷貝圖層,將中心點移到參考線交點處,改旋轉角度為45度。其他拷貝圖層依次旋轉90度、135度、180度、-135度、-90度、-45度。

教程-超詳細的ps製作載入中(等待loading)動畫

10.旋轉完成後如下圖所示。

教程-超詳細的ps製作載入中(等待loading)動畫

接下來開始做動畫11.開啟視窗-時間軸,將小三角的地方點上去,改為無延遲。關閉上面複製的藍色點圖層,效果如下圖所示。

教程-超詳細的ps製作載入中(等待loading)動畫

12.點一下時間軸的新建幀按鈕,按鈕在左下角的箭頭處。戳瞎藍色點圖層的眼睛,開啟藍色點拷貝圖層的眼睛,如下圖所示。

教程-超詳細的ps製作載入中(等待loading)動畫

13.同上一步驟,為每一個拷貝層建一個新幀,當然,黑點圖層的眼睛始終是亮著的。在左下角的箭頭設定動畫播放的次數,這裡選擇永遠,設定好後點播放鍵。可以按ctrl+h,隱藏參考線。

教程-超詳細的ps製作載入中(等待loading)動畫

14.沒有問題後儲存,檔案-儲存為web所用格式,一般不需要改動,點儲存,選擇儲存位置。完畢。

教程-超詳細的ps製作載入中(等待loading)動畫

15.開啟效果

教程-超詳細的ps製作載入中(等待loading)動畫

注意事項

好多錯別字,看教程的小夥伴萌辛苦了…如果覺得教程有用,不妨分享給他人。

相關問題答案