psCS6動(dòng)畫教程:放大鏡

2022-12-26 18:13:19 來(lái)源/作者: / 己有:76人學(xué)習(xí)過(guò)

本文通過(guò)一個(gè)放大鏡動(dòng)畫的實(shí)例,簡(jiǎn)單模擬放大鏡, 重點(diǎn)探討挖空樣式,來(lái)講解剪切蒙版和挖空?qǐng)D層樣式的原理和應(yīng)用以及簡(jiǎn)單的PS時(shí)間軸動(dòng)畫,希望能對(duì)大家有所幫助。

教程素材和PSD文件:http://vdisk.weibo.com/s/B-MH8 ;挖空樣式psd源文件地址http://vdisk.weibo.com/s/B-N9y

最終gif效果圖

PhotoshopCS6制作放大鏡動(dòng)畫效果圖,PS教程,16xx8.com教程網(wǎng)

剪切蒙版制作放大鏡動(dòng)畫

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

PhotoshopCS6制作放大鏡動(dòng)畫效果圖,PS教程,16xx8.com教程網(wǎng)

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

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

PhotoshopCS6制作放大鏡動(dòng)畫效果圖,PS教程,16xx8.com教程網(wǎng)

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

PhotoshopCS6制作放大鏡動(dòng)畫效果圖,PS教程,16xx8.com教程網(wǎng)

4.雙擊ps(cs6)操作區(qū)域底部的時(shí)間軸選項(xiàng)卡

PhotoshopCS6制作放大鏡動(dòng)畫效果圖,PS教程,16xx8.com教程網(wǎng)

,然后

PhotoshopCS6制作放大鏡動(dòng)畫效果圖,PS教程,16xx8.com教程網(wǎng)

(cs3及以后版本都有動(dòng)畫功能,其他版本的童鞋自己耐心找找哦~)。默認(rèn)的工作區(qū)域有5s時(shí)長(zhǎng),我們拖動(dòng)右側(cè)的滑塊設(shè)置工作區(qū)域?yàn)?秒15幀(只是個(gè)人覺(jué)得時(shí)間太長(zhǎng)沒(méi)用,而且到處gif圖片過(guò)大,具體值大家隨意~)

PhotoshopCS6制作放大鏡動(dòng)畫效果圖,PS教程,16xx8.com教程網(wǎng)