接連分享了好多篇Ai的内容，2群裡面已經有童鞋吵着讓分享Ps的内容了：

嘛~主要是我最近沒有找到合适的Ps題材。

倒不是沒有童鞋問過Ps方面的問題，隻是大家知道野郎作圖是屬于興趣使然。

它的這個唱片我就非常喜歡。（ps：大愛萬能青年旅店！）

所以今天我們就用Ps來制作一個網易雲音樂App播放界面的樣機，并且首次嘗試用Ae讓它動起來吧！

新建畫布，可以選用預設好的尺寸，我這裡就選擇1080*1920：

為了方便觀察，先随意的填充一個顔色，然後先畫唱片吧。

在合适的位置先畫一個黑色的正圓：

然後雙擊調出圖層樣式，選擇徑向漸變，漸變類型選擇為雜色，粗糙度大家可以看着調。

然後将RBG左側的三個滑标移到最右邊并且勾選選項中的限制顔色和增加透明度：

點擊随機化，選擇一個自己覺得比較合适一點的紋路，然後降低漸變的不透明度：

再給唱片來點質感吧，選擇形狀工具，把圓形的填充色改為漸變。

至于漸變色大家其實可以憑自己的感覺來，我這裡是選擇的從000000到1d1b1b到000000到1d1b1b再到000000的漸變，角度試着來：

再畫高光，形狀工具畫一個透明到白色到透明的矩形：

ctrl t自由變換，鼠标右鍵選擇透視：

将矩形變換成如圖交叉的形狀，并且調整其整體的位置：

将其轉為智能對象以後，執行濾鏡-模糊-高斯模糊，參數大家看着辦：

再将混合模式改為柔光，這樣高光的樣式基本上也就做好了：

把他們打個組，将之前的圓形複制出來一份拖到組的外面，并且在圖層面闆上鼠标右鍵-清除圖層樣式：

ctrl t自由變換縮放到合适的大小：

接着就是制作樣機部分了，拖入CD封面素材，将其轉為智能對象：

将其複制2份出來，1份隐藏，另外一份拖到背景層的上面：

背景層上的CD封面ctrl t變換其大小，然後執行濾鏡-模糊-高斯模糊，參數大家看着辦吧：

你想和原圖一樣給背景再調色搞暗點也可以，我這裡偷懶就不調了。

然後把紅色方框出的封面對下方的圓形創建剪貼蒙版：

再将最上方的專輯封面更名為樣機按鈕，并将不透明度和填充度改為0，這樣樣機部分就做好了：

可以測試一下，雙擊樣機按鈕，更換一張圖以後，ctrl s保存：

再回到原psd文件上看看，封面和背景就已經被替換了：

查漏補缺一下，原圖唱片應該還加了個外發光：

接着畫杆吧，兩個圓形，一個灰色一個白色：

再用鋼筆工具畫杆，不贅述了，注意描邊大小：

再畫兩個圓角矩形：

接下來添加一些細節，給杆以及兩個圓角矩形添加圖層樣式-斜面與浮雕，參數大家看着來：

給大圓添加外發光：

再畫兩個裝飾，方法不贅述啦，實在不會看源文件吧：

杆畫完以後打個組，統一加一丢丢投影：

大體就差不多了，剩下的一些圖标想畫就畫吧，不想網上找圖标也可以。

Ps畫确實太麻煩了點，所以我是用Ai畫了拖進去的，不過畫的也不怎麼樣。

然後加點文字之類，最後大概這個樣子：

因為我們後面要做動圖，這裡的進度條組先複制出來一個，後面會用到：

接下來打開Ae，把psd文件拖進去，選擇的類型如圖：

大家知道，野郎的老牛機能力有限，我們就暫定把視頻動畫都設置為4秒吧。

在項目面闆裡找到唱片底座，然後選中高光，在變換裡選中旋轉，然後鼠标右鍵添加關鍵幀：

将滑标移動到4秒的位置，然後将旋轉的角度改為360度旋轉一周，高光如果你覺得過于明顯可以調整它的不透明度噢:

同理在項目面闆裡找到網易雲，然後把cd封面旋轉一周，這裡就不贅述了：

接下來雙擊紅色方框出的進度條拷貝組：

選中橢圓對象，點擊變換-位置添加關鍵幀，調整好關鍵幀的時間後，用移動工具将橢圓移動到進度條的最右邊：

再選中矩形對象，在效果和預設裡搜索填充，然後修改一個填充色：

然後選中矩形對象中的變換-縮放，分别在0秒和4秒的地方打上關鍵幀，把0秒關鍵幀的縮放數值改為0：

選中進度條對象組：

将橢圓隐藏：

這樣基本上就搞定了，過程中你可以不斷的預覽效果，以免出錯。

把它直接成gif格式吧，選中對象以後，執行合成-添加到Adobe Media Encoder隊列。

當然，前提是你得先把Adobe Media Encoder安裝上：

啟動Adobe Media Encoder後，稍等片刻隊列中就會出現你的對象了，點擊紅色方框處：

将格式改為動畫gif，然後你可以修改自己想要導出的尺寸和時間，點确定：

再來點擊紅色方框出的圖标渲染即可：

這裡野郎隻是分享一下Ae直接導出gif的方法，不過這種導出來的gif通常體積都很大。

我是選擇的導出視頻以後再用Ps創作幀動畫的方式弄的。

最後來看看效果吧：

手賤又把它弄長了點加了點音樂，老牛機還是挺争氣的：

好了，今天的分享就到這裡。

第一次用Ae搞視頻，隻能弄些簡單的動畫，尺寸好像弄得不太好，不管啦！

等老牛機升級以後再慢慢研究吧！

想要練習的童鞋後台撩我獲取所有源文件吧！

本文由“野鹿志”發布

轉載前請聯系作者“馬鹿野郎”

私轉必究

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!