接連分享了好多篇Ai的內(nèi)容污抬，2群里面已經(jīng)有童鞋吵著讓分享Ps的內(nèi)容了：
嘛~主要是我最近沒有找到合適的Ps題材。
倒不是沒有童鞋問過Ps方面的問題，只是大家知道野郎作圖是屬于興趣使然印机。
自己覺得好玩矢腻，才會(huì)感興趣，感興趣才會(huì)去好奇射赛，才會(huì)去研究學(xué)習(xí)多柑。
例如野郎一直很喜歡使用的音樂App網(wǎng)易云音樂：
它的這個(gè)唱片我就非常喜歡。（ps：大愛萬能青年旅店ｉ乖稹）
所以今天我們就用Ps來制作一個(gè)網(wǎng)易云音樂App播放界面的樣機(jī)竣灌，并且首次嘗試用Ae讓它動(dòng)起來吧！
新建畫布秆麸，可以選用預(yù)設(shè)好的尺寸初嘹，我這里就選擇1080*1920：
為了方便觀察，先隨意的填充一個(gè)顏色沮趣，然后先畫唱片吧削樊。
在合適的位置先畫一個(gè)黑色的正圓：
然后雙擊調(diào)出圖層樣式，選擇徑向漸變兔毒，漸變類型選擇為雜色漫贞，粗糙度大家可以看著調(diào)。
然后將RBG左側(cè)的三個(gè)滑標(biāo)移到最右邊并且勾選選項(xiàng)中的限制顏色和增加透明度：
點(diǎn)擊隨機(jī)化育叁，選擇一個(gè)自己覺得比較合適一點(diǎn)的紋路迅脐，然后降低漸變的不透明度：
再給唱片來點(diǎn)質(zhì)感吧，選擇形狀工具豪嗽，把圓形的填充色改為漸變谴蔑。
至于漸變色大家其實(shí)可以憑自己的感覺來，我這里是選擇的從000000到1d1b1b到000000到1d1b1b再到000000的漸變龟梦，角度試著來：
再畫高光隐锭，形狀工具畫一個(gè)透明到白色到透明的矩形：
ctrl+t自由變換，鼠標(biāo)右鍵選擇透視：
將矩形變換成如圖交叉的形狀计贰，并且調(diào)整其整體的位置：
將其轉(zhuǎn)為智能對(duì)象以后钦睡，執(zhí)行濾鏡-模糊-高斯模糊，參數(shù)大家看著辦：
再將混合模式改為柔光躁倒，這樣高光的樣式基本上也就做好了：
把他們打個(gè)組荞怒，將之前的圓形復(fù)制出來一份拖到組的外面，并且在圖層面板上鼠標(biāo)右鍵-清除圖層樣式：
ctrl+t自由變換縮放到合適的大醒肀：
接著就是制作樣機(jī)部分了褐桌，拖入CD封面素材，將其轉(zhuǎn)為智能對(duì)象：
將其復(fù)制2份出來象迎，1份隱藏荧嵌，另外一份拖到背景層的上面：
背景層上的CD封面ctrl+t變換其大小，然后執(zhí)行濾鏡-模糊-高斯模糊，參數(shù)大家看著辦吧：
你想和原圖一樣給背景再調(diào)色搞暗點(diǎn)也可以啦撮，我這里偷懶就不調(diào)了恋技。
然后把紅色方框出的封面對(duì)下方的圓形創(chuàng)建剪貼蒙版：
再將最上方的專輯封面更名為樣機(jī)按鈕，并將不透明度和填充度改為0逻族，這樣樣機(jī)部分就做好了：
可以測(cè)試一下，雙擊樣機(jī)按鈕骄崩，更換一張圖以后聘鳞，ctrl+s保存：
再回到原psd文件上看看，封面和背景就已經(jīng)被替換了：
查漏補(bǔ)缺一下要拂，原圖唱片應(yīng)該還加了個(gè)外發(fā)光：
接著畫桿吧抠璃，兩個(gè)圓形，一個(gè)灰色一個(gè)白色：
再用鋼筆工具畫桿脱惰，不贅述了搏嗡，注意描邊大小：
再畫兩個(gè)圓角矩形：
接下來添加一些細(xì)節(jié)拉一，給桿以及兩個(gè)圓角矩形添加圖層樣式-斜面與浮雕采盒，參數(shù)大家看著來：
給大圓添加外發(fā)光：
再畫兩個(gè)裝飾，方法不贅述啦蔚润，實(shí)在不會(huì)看源文件吧：
桿畫完以后打個(gè)組磅氨，統(tǒng)一加一丟丟投影：
大體就差不多了，剩下的一些圖標(biāo)想畫就畫吧嫡纠，不想網(wǎng)上找圖標(biāo)也可以烦租。
Ps畫確實(shí)太麻煩了點(diǎn)，所以我是用Ai畫了拖進(jìn)去的除盏，不過畫的也不怎么樣叉橱。
然后加點(diǎn)文字之類，最后大概這個(gè)樣子：
因?yàn)槲覀兒竺嬉鰟?dòng)圖者蠕，這里的進(jìn)度條組先復(fù)制出來一個(gè)窃祝，后面會(huì)用到：
接下來打開Ae，把psd文件拖進(jìn)去踱侣，選擇的類型如圖：
大家知道锌杀，野郎的老牛機(jī)能力有限，我們就暫定把視頻動(dòng)畫都設(shè)置為4秒吧泻仙。
在項(xiàng)目面板里找到唱片底座糕再，然后選中高光，在變換里選中旋轉(zhuǎn)玉转，然后鼠標(biāo)右鍵添加關(guān)鍵幀：
將滑標(biāo)移動(dòng)到4秒的位置突想，然后將旋轉(zhuǎn)的角度改為360度旋轉(zhuǎn)一周，高光如果你覺得過于明顯可以調(diào)整它的不透明度噢:
同理在項(xiàng)目面板里找到網(wǎng)易云，然后把cd封面旋轉(zhuǎn)一周猾担，這里就不贅述了：
接下來雙擊紅色方框出的進(jìn)度條拷貝組：
選中橢圓對(duì)象袭灯，點(diǎn)擊變換-位置添加關(guān)鍵幀，調(diào)整好關(guān)鍵幀的時(shí)間后绑嘹，用移動(dòng)工具將橢圓移動(dòng)到進(jìn)度條的最右邊：
再選中矩形對(duì)象稽荧，在效果和預(yù)設(shè)里搜索填充，然后修改一個(gè)填充色：
然后選中矩形對(duì)象中的變換-縮放工腋，分別在0秒和4秒的地方打上關(guān)鍵幀姨丈，把0秒關(guān)鍵幀的縮放數(shù)值改為0：
選中進(jìn)度條對(duì)象組：
將橢圓隱藏：
這樣基本上就搞定了，過程中你可以不斷的預(yù)覽效果擅腰，以免出錯(cuò)蟋恬。
把它直接成gif格式吧，選中對(duì)象以后趁冈，執(zhí)行合成-添加到Adobe Media Encoder隊(duì)列歼争。
當(dāng)然，前提是你得先把Adobe Media Encoder安裝上：
啟動(dòng)Adobe Media Encoder后渗勘，稍等片刻隊(duì)列中就會(huì)出現(xiàn)你的對(duì)象了沐绒，點(diǎn)擊紅色方框處：
將格式改為動(dòng)畫gif，然后你可以修改自己想要導(dǎo)出的尺寸和時(shí)間旺坠，點(diǎn)確定：
再來點(diǎn)擊紅色方框出的圖標(biāo)渲染即可：
這里野郎只是分享一下Ae直接導(dǎo)出gif的方法洒沦，不過這種導(dǎo)出來的gif通常體積都很大。
我是選擇的導(dǎo)出視頻以后再用Ps創(chuàng)作幀動(dòng)畫的方式弄的价淌。
最后來看看效果吧：
手賤又把它弄長(zhǎng)了點(diǎn)加了點(diǎn)音樂申眼，老牛機(jī)還是挺爭(zhēng)氣的：
好了，今天的分享就到這里蝉衣。
第一次用Ae搞視頻括尸，只能弄些簡(jiǎn)單的動(dòng)畫，尺寸好像弄得不太好病毡，不管啦濒翻！
等老牛機(jī)升級(jí)以后再慢慢研究吧！
想要練習(xí)的童鞋后臺(tái)撩我獲取所有源文件吧啦膜！
本文由“野鹿志”發(fā)布
轉(zhuǎn)載前請(qǐng)聯(lián)系作者“馬鹿野郎”
私轉(zhuǎn)必究
