Photoshop制作逼真的卷軸動(dòng)畫(huà)方法匯總
本例介紹運(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ì)稱漸變”,對(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à)最終效果如圖

- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 動(dòng)態(tài)卷軸
- 卷軸動(dòng)畫(huà)
學(xué)習(xí) · 提示




相關(guān)教程
- 卡通動(dòng)畫(huà),用PS制作有趣的卡通動(dòng)物表情
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來(lái)的“Cinemagraph”類型照片
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫(huà),用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)畫(huà)教程,利用波浪濾鏡制作噴泉?jiǎng)討B(tài)圖片教程
- 動(dòng)畫(huà)教程,快速繪制加載效果動(dòng)態(tài)圖片
推薦教程
- PS制作心電圖動(dòng)態(tài)效果圖
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- ps制作佛光閃耀GIF動(dòng)畫(huà)
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫(huà)之三
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- 照片加水波動(dòng)畫(huà)特效IR教程
- photoshop如何做河水流動(dòng)效果
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫(huà)效果
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟