Photoshop制作古畫卷軸緩緩展開動畫

本文導(dǎo)航

1素材準(zhǔn)備2繪制卷軸3制作卷軸的底紋背景4制作卷軸動畫5動畫細(xì)節(jié)調(diào)整6有軸、透明背景動畫7無軸、透明背景動畫<<返回分頁閱讀

　　本例介紹運(yùn)用Photoshop制作逼真卷軸動畫的幾種方法，教程講解比較詳細(xì)，從處理圖片素材，繪制卷軸，用畫布大小工具裁剪圖片到如何制作動畫都講解的比較全面，希望能給對PS制作動畫的朋友帶來幫助~~

　　先來看有軸、底紋背景動畫的效果：

　　制作方法：

　　一. 素材準(zhǔn)備

　　1.1 打開要制作的圖片，編輯好畫布大小(注意寬度和高度不要過大，因為制作出的動畫幀數(shù)很多，文件會非常大的)。按“Ctrl+A”全選，“Ctrl+C”復(fù)制。

　　1.2 新建文件，寬度要比剛編輯好的圖片大兩倍以上，比如，460px要設(shè)置到1000px左右;高度也要大的點(diǎn)，比如，200px要設(shè)置到300px左右。按 “Ctrl+V”粘貼剛剛復(fù)制的圖片進(jìn)去(注意，要粘貼居中，這樣才方便制作后的裁剪)。

　　1.3 回到剛編輯的圖片，點(diǎn)擊菜單“圖像——畫布大小”，選擇像素，設(shè)置寬度到原來的1/2，比如，460設(shè)置到230，定位如圖。

　　全選、復(fù)制再粘貼到新建文件中，重命名為“主景-左”。再回到剛編輯的圖片，按“Ctrl+Shift+Z”兩次取消歷史記錄，點(diǎn)擊菜單“圖像——畫布大小”設(shè)置如圖。

　　全選、復(fù)制再粘貼到新建文件中，重命名為“主景-右”。移動主景左右兩張圖與“圖層1”圖重合，如示意圖。

　　先保存一個備份文件“備份1.psd”，后面的例子會用到。

　　請點(diǎn)擊“下一頁”，我們來繪制卷軸。

　　二. 繪制卷軸

　　2.1 新建圖層重命名為“外軸-左”，按住“Ctrl”鍵點(diǎn)擊“主景-左”圖層“載入選區(qū)”，選擇“矩形選框工具”——“從選區(qū)減去”，減去右邊的選區(qū)，如圖。

　　設(shè)置好前景色和背景色，選擇“漸變工具”——“對稱漸變”，對選區(qū)進(jìn)行漸變。

　　2.2 按“Ctrl+J”復(fù)制一層，按“Ctrl+T”自由變換，設(shè)置寬度和高度百分比值，如圖。

　　重命名圖層為“主軸-左”。選擇“圓角矩形工具”并設(shè)置選項參數(shù)。在主軸上下兩端畫出路徑，然后建立選區(qū)并進(jìn)行漸變。

　　2.3 把“外軸-左”圖層移到“主軸-左”圖層上面，選擇“外軸-左”和“主軸-左”圖層，點(diǎn)擊“鏈接圖層”按鈕。

　　2.4 把“外軸-左”和“主軸-左”拖到創(chuàng)建新圖層按鈕上復(fù)制，并重命名為“外軸-右”和“主軸-右”，如圖。

　　2.5 移動“外軸-右”和“主軸-右”圖層到右邊如圖。

　　再保存一個備份文件“備份2.psd”，后面的例子會用到。

　　請點(diǎn)擊“下一頁”，制作卷軸的底紋背景。

　　三. 制作卷軸的底紋背景

　　3.1 新建圖層重命名為“卷軸底紋-左”，按住“Ctrl”鍵點(diǎn)擊“主景-左”圖層“載入選區(qū)”。點(diǎn)擊菜單“編輯——填充”填充圖案，如圖。

　　3.2 按“Ctrl+J”復(fù)制一層并重命名為“卷軸底紋-右”，點(diǎn)擊菜單“編輯——變換——水平翻轉(zhuǎn)”。選擇“移動工具”移動左右卷軸底紋如圖。

　　請點(diǎn)擊“下一頁”，制作卷軸動畫(左邊)。

　　四. 制作卷軸動畫(左邊)

　　4.1 隱藏所有右邊的圖層和“圖層1”(注，圖層1已沒有用到了，刪除掉也可以)。

　　4.2 把“卷軸底紋-左”圖層的模式設(shè)置為：正片疊底。

　　4.3 打開動畫面板，復(fù)制一幀，移動左軸與“主景-左”右對齊，如圖。

　　移動左卷軸底紋與“外軸-左”左對齊，如圖。

　　4.4 把“卷軸底紋-左”圖層移動到“外軸-左”圖層上面，并點(diǎn)擊菜單“圖層——創(chuàng)建剪貼蒙版”。

　　〖可以測試下卷軸動畫效果，設(shè)置過濾動畫幀為30幀，如圖?！?/p>

　　制作主景展縮動畫(左邊的)

　　4.5 選擇第一幀、“主景-左”圖層，按住“Ctrl”鍵點(diǎn)擊“主景-左”圖層“載入選區(qū)”。(要保持選擇“主景-左”圖層狀態(tài))點(diǎn)擊菜單“圖層——圖層蒙版 ——顯示選區(qū)”。

　　4.6 選擇第二幀，取消鏈接蒙版，選擇圖層蒙版，選擇“移動工具”按“Shift”+“→”或“→”鍵，輕移圖層蒙版，移到與“卷軸底紋-左”左對齊(就是移到看不見“主景-左”圖層)。

　　到這里，左邊的卷軸動畫就制作好了。

　　4.7 制作右邊的卷軸動畫步驟與制作左邊的相同，先顯示所有右邊的圖層;隱藏所有左邊的圖層再制作。

　　請點(diǎn)擊“下一頁”，裁剪畫布大小、制作動畫。

　　五. 動畫細(xì)節(jié)調(diào)整

　　5.1 調(diào)整大小。注意：不能用“裁剪工具”來裁剪!選擇第一幀，用“標(biāo)尺工具”測量出寬度和高度，再點(diǎn)擊菜單“圖像——畫布大小”輸入寬度和高度像素值(要輸入比測量出的值大出2像素及以上的整數(shù)值)。

　　制作動畫

　　5.2 把第一幀移動到第二幀后面，選擇第一幀，點(diǎn)擊“過濾動畫幀”按鈕，輸入要添加的幀數(shù)值，比如制作30幀的動畫

　　選擇最后一幀，再點(diǎn)擊“過濾動畫幀”按鈕，設(shè)置過濾方式為第一幀。

　　至此有軸、底紋背景動畫制作完成。最終效果如圖。

　　請點(diǎn)擊“下一頁”，下面我們來學(xué)習(xí)有軸、透明背景動畫的制作方法。

　　有軸、透明背景動畫

　　六. 制作透明背景和制作底紋背景只有與第三節(jié)有些不同，其他部分操作都相同。這步驟只把不同的操作寫出來，其相同步驟請參考上文。

　　6.1 打開“備份2.psd”，選擇“外軸-左”圖層，點(diǎn)擊菜單“圖像——調(diào)整——色相/飽和度”，設(shè)置飽和度“-60”左右;“圖像——調(diào)整——亮度/對比度”，設(shè)置對比度“50”左右，“外軸-右”圖層也同樣設(shè)置。

　　6.2 復(fù)制“主景-左”、“主景-右”圖層。并把“主景-左 副本”移到“外軸-左”上面;把“主景-右 副本”移到“外軸-右”上面。

　　6.3 選擇“主景-左 副本”點(diǎn)擊“編輯——變換——水平翻轉(zhuǎn)”;“主景-右 副本”也同樣水平翻轉(zhuǎn)。如示意圖

　　6.4 按住“Ctrl”+“Shift”鍵，點(diǎn)擊“外軸-左”圖層，再點(diǎn)擊“外軸-右”圖層“載入選區(qū)”。選擇“主景-右 副本”圖層按“Delete”鍵刪除選區(qū);同樣刪除“主景-左 副本”、“主景-右”、“主景-左”圖層選區(qū)。

　　注，圖中左右外軸只是隱藏起來并沒刪

　　6.5 同樣先制作左邊動畫，隱藏右邊的圖層。移動“外軸-左”與“主景-左”左對齊;移動“主景-左 副本”與“外軸-左”右對齊。

　　6.6 下面的步驟與第四節(jié)起相同了，請參考上文。

　　有軸、透明背景動畫最終效果如圖.

　　請點(diǎn)擊“下一頁”，我們制作無軸、透明背景動畫。

　　無軸、透明背景動畫

　　七. 制作無軸、透明背景的是沒有第二節(jié)的操作;與第三節(jié)、第四節(jié)也有不同。這步驟也只把不同的操作寫出來，其相同步驟請參考上文。

　　7.1 打開“備份1.psd”，復(fù)制“主景-左”、“主景-右”圖層，并水平翻轉(zhuǎn)“主景-左 副本”、“主景-右 副本”。

　　7.2 新建圖層，重命名為“輔助軸-左”，用“矩形選框工具”選出選區(qū)，填充任意顏色并更改不透明度為50%。按“Ctrl+J”復(fù)制一層，重命名為“輔助軸- 右”并移動到右邊。

　　7.3 按“Ctrl”+“Shift”鍵，點(diǎn)擊這兩個輔助軸圖層“載入選區(qū)”。選擇“主景-右 副本”圖層按“Delete”鍵刪除選區(qū);同樣也刪除“主景-左 副本”選區(qū)。

　　7.4 同樣也先制作左邊動畫，隱藏右邊的圖層。移動“主景-左 副本”到“主景-左”圖層的左邊，使之為鏡像效果。

　　7.5 新建圖層，重命名為“陰影層-左”，載入“主景-左 副本”選區(qū)，填充黑色，并移到“主景-左 副本”圖層下。選擇這兩層點(diǎn)擊“鏈接圖層”按鈕。

　　7.6 在動畫面板中復(fù)制一幀，移動“輔助軸-左”與“主景-左”右對齊;移動“主景-左 副本”與“輔助軸-左”左對齊。如示意圖

　　7.7 選擇第一幀，載入“輔助軸-左”選區(qū)，選擇“主景-左 副本”圖層，點(diǎn)擊菜單“圖層——圖層蒙版——顯示選區(qū)”;同樣載入“輔助軸-左”選區(qū)，選擇“陰影層-左”圖層，點(diǎn)擊菜單“圖層——圖層蒙版——顯示選區(qū)”。隱藏“輔助軸-左”圖層。

　　7.8 選擇第二幀，取消“陰影層-左”鏈接蒙版。選擇圖層蒙版，選擇“移動工具”按“Shift”+“→”或“→”鍵，直到出現(xiàn)在“主景-左”右邊并左對齊。

　　取消“主景-左 副本”鏈接蒙版。選擇圖層蒙版，同樣移動直到出現(xiàn)并覆蓋陰影層。

　　7.9 載入“輔助軸-左”選區(qū)，注意要保持選中“主景-左 副本”的蒙版層狀態(tài)，設(shè)置白色前景色、黑色背景色，選擇“漸變工具”——“對稱漸變”，對選區(qū)進(jìn)行漸變。取消選區(qū)，這樣就出現(xiàn)高光和黑影效果了，如圖

　　〖可以測試下動畫效果，選擇第一幀，設(shè)置好過濾動畫幀再播放看看效果〗

　　7.10 選擇第一幀。選擇“主景-左”圖層并載入該選區(qū)，點(diǎn)擊菜單“圖層——圖層蒙版——顯示選區(qū)”。

　　選擇第二幀，取消鏈接蒙版，并選擇圖層蒙版。移動到與“主景-左 副本”左對齊(就是移到看不見“主景-左”圖層)。

　　7.11 輔助軸圖層已經(jīng)沒有用到了，可以刪除掉。

　　無軸、透明背景動畫最終效果如圖

　　注：1. 本教程的移動操作非常頻繁而且要精確移動位置，要選擇“移動工具”按“Shift”+前頭方向鍵進(jìn)行輕移，必要時還要放大圖再精確輕移，移超過位置時還得移回來。

　　2. 在二幀之間移動圖層位置時，一定要先在第一幀里移動第一幀的圖層位置，再在第二幀里移動最后一幀的圖層位置。如果先在第二幀里移動，再在第一幀里移動，第二的圖層位置也隨之改變了。