二維碼 購物車
部落窩在線教育歡迎您!

【PS動畫】被放大的世界

?

作者:@Gaooyoungor來源:部落窩教育發(fā)布時間:2018-10-24 10:38:59點擊:3032

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 網(wǎng)絡作品,轉(zhuǎn)載請注明原作者和出處。


編按:小時候,第一次接觸到放大鏡,覺得它是一種很神奇的東西。但是家里人都不給買,內(nèi)心有些許的失落,長大后,開始學PS,自己就能做放大鏡了。沒錯,我就是在驕傲,哈哈哈。同時,善良的小編也給你們分享了這個教程,快來看看吧


本文通過一個放大鏡動畫的實例(簡單模擬放大鏡, 重點探討挖空樣式)來講解剪切蒙版和挖空圖層樣式的原理和應用以及簡單的ps時間軸動畫,希望能對大家有所幫助。剪切蒙版psd源文件地址http://vdisk.weibo.com/s/B-MH8 ;挖空樣式psd源文件地址http://vdisk.weibo.com/s/B-N9y;


最終gif效果圖


說明: https://image.uisdc.com/wp-content/uploads/2013/05/7f3ddb81jw1e4vn8d2lafg20dw099u0x.gif


剪切蒙版制作放大鏡動畫

1.打開將要用來做放大動畫的圖片,在圖層縮略圖上右擊選擇轉(zhuǎn)換為智能對象,并將該圖層命名為小圖。選中小圖圖層,Ctrl+J復制一個相同的新圖層,命名為原圖;

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948205671.jpg


2.alt+ctrl+c,定位選項使用默認,縮小畫布大小,縮小大小根據(jù)你想使用的放大鏡倍數(shù)而定。選中小圖圖層,ctrl+T自由變換縮小該圖層和畫布大小相適應,并添加濾鏡效果——高斯模糊,制作出景深效果。繼續(xù)調(diào)整原圖圖層的位置,使透視關系盡量正確;


3.添加放大鏡,將放大鏡拆分為兩個部分,一個是鏡片,一個是鏡框,并且都轉(zhuǎn)換為智能對象,將鏡片圖層置于原圖圖層的下方,按住alt點擊兩個圖層之間創(chuàng)建剪切蒙版,此時的圖層結(jié)構(gòu)如下

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948214521.jpg


畫布顯示效果如下,基本已經(jīng)確定了效果,下面我們利用ps cs6的視頻時間軸功能來添加動畫

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948290131.jpg


4.雙擊pscs6)操作區(qū)域底部的時間軸選項卡

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948294961.jpg


然后

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948298181.jpg


cs3及以后版本都有動畫功能,其他版本的童鞋自己耐心找找哦~)。默認的工作區(qū)域有5s時長,我們拖動右側(cè)的滑塊設置工作區(qū)域為315幀(只是個人覺得時間太長沒用,而且到處gif圖片過大,具體值大家隨意~

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948301631.jpg


5.之前我們已經(jīng)將鏡片和鏡框圖層轉(zhuǎn)換為智能對象,所這時候我們可以對它們的變換屬性添加關鍵幀(變換屬性涉及到自由變換、扭曲、透視、平移、斜切等多種效果,其實大家可以ctrl+T看看沒有灰顯的都試試,這里我們只需要簡單的使用平移

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948325741.jpg


分別點擊放大鏡和鏡片的變換屬性前的秒表圖標,自動在第一幀為二個圖層添加關鍵幀。選中兩個圖層,拖動時間線指針到2s處,平移兩圖層到適當?shù)奈恢?,此時ps為我們自動打上了兩個關鍵幀點,可以移動關鍵幀,但一定要保持鏡框和鏡片的關鍵幀位置一致,不然就穿幫了哦~同理,我們添加第三組關鍵幀(用過視頻編輯軟件的同學表示毫無壓力,沒有接觸過的同學也別擔心,大膽去嘗試,反正最嚴重的后果不會是爆顯示器吧?)。

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948382891.jpg


最后,ctrl+shift+alt+T大三角儲存為web和設備所用格式,選擇gif圖片格式,參數(shù)設置如下得到更佳的效果

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948391131.jpg


循環(huán)選項設置為永遠讓動畫keep moving!

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948395001.jpg


這個psd文件大家可以留下來,以后如果要做其他圖片的放大鏡效果,我們只需要雙擊小圖圖層的縮略圖,進入智能對象的原始對象psb文件,即可將該原始圖片更改為現(xiàn)在需要用于放大的圖片,因為智能對象的映射關系,相應的原圖圖層,也會自動變成你更換后的照片哦~

 

挖空圖層樣式制作放大鏡動畫

 

利用挖空制作這個放大鏡動畫的話我們只需要修改下圖層結(jié)構(gòu),這里重點探究理解一下在ps圖層高級混合選項里面挖空的原理,動畫的原理和步驟相同就不再贅述;

1.更改圖層結(jié)構(gòu)得到相應的畫布結(jié)果,此時原圖被隱藏在模糊的小圖后面,鏡片還是它原本素顏的模樣

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948439031.jpg


2.雙擊鏡片圖層縮略圖打開圖層樣式面板,找到混合選項里的高級混合挖空。我們將鏡片圖層的填充設置為0,挖空選項設置為淺(填充不為0的情況就不做演示了哇~,挖空深淺都莫得效果)

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948529651.jpg


正常情況下鏡片填充變?yōu)?span>0后應該顯示下一圖層(小圖)的內(nèi)容,但這里是大家都懂的啥也沒有的透明區(qū)域我們是否可以假設這里的挖空效果,將鏡片圖層下的所有圖層都挖空不顯示了?如果該假設成立,那我們怎么應用這一特性呢?我們想要的結(jié)果是鏡片下面顯示最后一層原圖的內(nèi)容,那我們就再做個大膽地假設,挖空只能挖空一個圖層組的內(nèi)容,那么各圖層就可以更改為如下結(jié)構(gòu),將鏡框鏡片以及小圖圖層編組,原圖至于該組下方

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948545891.jpg


看看效果,喲西成功了!說明假設成立,將要顯示的圖層置于有挖空樣式的圖層所在組下方(可能有點繞..)即可;

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948584111.jpg


感興趣的朋友我們可以再繼續(xù)探索下,更改挖空樣式為,鏡片下方又是一片透明,看來深是真沒法用了但相信adobe不會做這么一個雞肋的功能,于是我們繼續(xù)折騰

現(xiàn)在圖層組的混合模式為默認的穿透,這是為了讓圖層組內(nèi)最后一個圖層的混合模式能影響到組外下方的圖層,如果所示

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948722411.jpg


這時候我們更改該組的混合模式為正常,喲西,挖空此時的效果就和挖空一個樣了?。?/span>

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948856401.jpg


而此時,再更改挖空的樣式為,效果不變,看來組的混合模式對挖空不起作用。

繼續(xù)探究,發(fā)現(xiàn)圖層組使用其他圖層混合模式只要不是穿透的時候,依然能得到和挖空同樣的效果,只是除鏡片外,都被混合了..

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688948997841.jpg


但是發(fā)燒友又有疑問了,萬一我想穿透到具體的某一層可咋整?。楷F(xiàn)在我們已知的是挖空要么挖到透明,要么同挖空一樣只能挖到圖層組外。

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688949087431.jpg


比如說,這個圖層結(jié)構(gòu),我們想要挖空到black層可咋整啊那,,干脆把原圖圖層組扔進1”吧,經(jīng)測試成功實現(xiàn)如下圖,看來1”太勞苦功高了,我們就正式給1”起個名字叫挖空組吧!

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_13688949154471.jpg


 

在此,我就可以簡單總結(jié)下挖空和深挖空的原理,如果挖空組的混合模式需要對下方圖層產(chǎn)生影響(即圖層組的混合選項為穿透),我們可以使用挖空顯示下方圖層,反之使用挖空。


3.平移鏡框和鏡片并打好關鍵幀可以創(chuàng)建動畫;


4.儲存導出gif格式動畫

 

補充說明:使用剪切蒙版和挖空樣式制作放大鏡效果的時候,我們可以為鏡片圖層添加圖層樣式或者使用圖層蒙版可以為放大鏡的的放大區(qū)域添加內(nèi)陰影、光澤等效果;做這個放大鏡動畫還有個最省時間不折騰的方法,就是給原圖圖層添加一個僅鏡片大小區(qū)域可見的蒙版,取消和圖層的關聯(lián),并和鏡框?qū)R, 然后為該蒙版和鏡框的變換屬性即可添加時間軸動畫。

說明: https://image.uisdc.com/wp-content/uploads/2013/05/m_1369098178348.jpg



相關文章推薦:

PS蒙版用了這么久,還有個你不知道的功能?

 

作者微博:@Gaooyoungor

文章來源: https://www.uisdc.com/magnifying-glass-animation#