Photoshop制作逼真的卷軸動(dòng)畫(huà)方法匯總

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):8537人次


作者:雕兄   出處:教程網(wǎng)

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

  先來(lái)看有軸、底紋背景動(dòng)畫(huà)的效果:

  

 

  制作方法:

  一. 復(fù)制主景

  1.1 打開(kāi)要制作的圖片,編輯好畫(huà)布大小(注意寬度和高度不要過(guò)大,因?yàn)橹谱鞒龅膭?dòng)畫(huà)幀數(shù)很多,

  文件會(huì)非常大的)。按“Ctrl+A”全選,“Ctrl+C”復(fù)制。

  

 

  1.2 新建文件,寬度要比剛編輯好的圖片大兩倍以上,比如,460px要設(shè)置到1000px左右;高度也要大的點(diǎn),比如,

  200px要設(shè)置到300px左右。按 “Ctrl+V”粘貼剛剛復(fù)制的圖片進(jìn)去(注意,要粘貼居中,這樣才方便制作后的裁剪)。

  

 

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

  定位如圖。

  

 

  

 

  全選、復(fù)制再粘貼到新建文件中,重命名為“主景-左”。再回到剛編輯的圖片,

  按“Ctrl+Shift+Z”兩次取消歷史記錄,點(diǎn)擊菜單“圖像——畫(huà)布大小”設(shè)置如圖。

  

 

  


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

  

  

  先保存一個(gè)備份文件“備份1.psd”,后面的例子會(huì)用到。

  二. 繪制軸

  2.1 新建圖層重命名為“外軸-左”,按住“Ctrl”鍵點(diǎn)擊“主景-左”圖層“載入選區(qū)”,

  選擇“矩形選框工具”——“從選區(qū)減去”,減去右邊的選區(qū),如圖。

  

  

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

  

  

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

  

  

 
  重命名圖層為“主軸-左”。選擇“圓角矩形工具”并設(shè)置選項(xiàng)參數(shù)。在主軸上下兩端畫(huà)出路徑,

  然后建立選區(qū)并進(jìn)行漸變。

  

  

  

  

  

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

  

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

  


 2.5 移動(dòng)“外軸-右”和“主軸-右”圖層到右邊如圖。

  

  再保存一個(gè)備份文件“備份2.psd”,后面的例子會(huì)用到。

  三. 制作卷軸的底紋背景

  3.1 新建圖層重命名為“卷軸底紋-左”,按住“Ctrl”鍵點(diǎn)擊“主景-左”圖層“載入選區(qū)”。

  點(diǎn)擊菜單“編輯——填充”填充圖案,如圖。

  

  

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

  選擇“移動(dòng)工具”移動(dòng)左右卷軸底紋如圖。

  

  四. 制作卷軸動(dòng)畫(huà)(左邊的)

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

  

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

  

  

  4.3 打開(kāi)動(dòng)畫(huà)面板,復(fù)制一幀,移動(dòng)左軸與“主景-左”右對(duì)齊,如圖。

  

 
 移動(dòng)左卷軸底紋與“外軸-左”左對(duì)齊,如圖。

  

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

  

  

  〖可以測(cè)試下卷軸動(dòng)畫(huà)效果,設(shè)置過(guò)濾動(dòng)畫(huà)幀為30幀,如圖!

  

  制作主景展縮動(dòng)畫(huà)(左邊的)

  4.5 選擇第一幀、“主景-左”圖層,按住“Ctrl”鍵點(diǎn)擊“主景-左”圖層“載入選區(qū)”。

  (要保持選擇“主景-左”圖層狀態(tài))點(diǎn)擊菜單“圖層——圖層蒙版 ——顯示選區(qū)”。

  4.6 選擇第二幀,取消鏈接蒙版,選擇圖層蒙版,選擇“移動(dòng)工具”按“Shift”+“→”或“→”鍵,

  輕移圖層蒙版,移到與“卷軸底紋-左”左對(duì)齊(就是移到看不見(jiàn)“主景-左”圖層)。

  

  

  

  

 
到這里,左邊的卷軸動(dòng)畫(huà)就制作好了。

  

  4.7 制作右邊的卷軸動(dòng)畫(huà)步驟與制作左邊的相同,先顯示所有右邊的圖層;隱藏所有左邊的圖層再制作。

  五. 裁剪畫(huà)布大小方法

  5.1 注意:不能用“裁剪工具”來(lái)裁剪!選擇第一幀,用“標(biāo)尺工具”測(cè)量出寬度和高度,

  再點(diǎn)擊菜單“圖像——畫(huà)布大小”輸入寬度和高度像素值(要輸入比測(cè)量出的值大出2像素及以上的整數(shù)值)。

  

  

  

  

  制作動(dòng)畫(huà)

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

  

  選擇最后一幀,再點(diǎn)擊“過(guò)濾動(dòng)畫(huà)幀”按鈕,設(shè)置過(guò)濾方式為第一幀。

  

  選擇最后一幀,再點(diǎn)擊“過(guò)濾動(dòng)畫(huà)幀”按鈕,設(shè)置過(guò)濾方式為第一幀。

  

  至此有軸、底紋背景動(dòng)畫(huà)最終效果如圖

  



學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
只能這樣了2018-05-05 05:43
太喜歡了
梨若夏天2017-05-28 07:53
謝謝分享
勞資乃祖宗2017-05-28 08:37
某男問(wèn)禪師:“大師,我很愛(ài)我女朋友,她有優(yōu)點(diǎn),但也有讓我難以忍受的缺點(diǎn),有什么方法能讓她只有優(yōu)點(diǎn)沒(méi)有缺點(diǎn)呢?” 禪師笑答:“方法很簡(jiǎn)單,不過(guò)若想我教你,你需為我找一張只有正面沒(méi)有反面的紙來(lái)! 男略一沉思下山而去,很快回來(lái),遞給禪師一張《人 民 日 報(bào)》,禪師立馬跪了:師傅!
俊jun82017-05-28 06:56
不錯(cuò)哦

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!