動(dòng)態(tài)圖片,在PS中制作滾屏動(dòng)畫(huà)效果(4)
用PS做GIF動(dòng)圖,但是覺(jué)得用幾張圖片跳來(lái)跳去過(guò)渡不自然,有沒(méi)有辦法讓幾張圖片像視頻一樣動(dòng)起來(lái)呢?本篇教程就教同學(xué)們來(lái)制作一下,挑好想要制作的圖片后會(huì)用到鋼筆工具進(jìn)行操作,拖入用來(lái)滾屏的兩張圖片,按住shift調(diào)整大小,使圖片比形狀一稍微大一些,因?yàn)槿绻麍D片比形狀一小然后再拉大就會(huì)有像素丟失,按照教程一步步即可完成,一起動(dòng)手操練起來(lái)吧。
效果圖:
操作步驟:
步驟:1:把一張帶有手機(jī)屏幕的圖片拖入PS,執(zhí)行【鋼筆工具】,選擇形狀,填充任意選個(gè)顏色,不要描邊,然后畫(huà)出矩形框,創(chuàng)建形狀一,矩形框比手機(jī)顯示屏寬出一個(gè)像素,以完全遮住顯示屏幕,如圖:
學(xué)習(xí)PS請(qǐng)到m.tgudhdp.cn
步驟2:拖入用來(lái)滾屏的兩張圖片,按住shift調(diào)整大小,使圖片比形狀一稍微大一些,因?yàn)槿绻麍D片比形狀一小然后再拉大就會(huì)有像素丟失,如圖:
步驟3:調(diào)整圖片不透明度,使既能看到形狀一又能看到圖片,然后Ctrl+T啟動(dòng)自由變換,調(diào)整圖片大小,使人像正好能全在形狀一內(nèi),如圖:
步驟4:將兩張圖片按上下的順序擺放好(人像在豎直的方向要在形狀一的中間),并把第一張圖片里的人像放在形狀一正中,按shift選中兩張圖片,點(diǎn)擊鏈接,將兩張圖片鏈接起來(lái),如圖:
步驟5:將兩張圖片不透明度調(diào)到100%,執(zhí)行【窗口】-【時(shí)間軸】,點(diǎn)擊創(chuàng)建幀動(dòng)畫(huà),如圖:
步驟6:鼠標(biāo)放在形狀一和圖片圖層中間,按住Alt,出現(xiàn)向下的箭頭時(shí)再點(diǎn)擊一下鼠標(biāo),創(chuàng)建剪貼蒙版http://m.tgudhdp.cn/tags/38847/,然后再把鼠標(biāo)放在兩圖片圖層中間,按住Alt,出現(xiàn)向下的箭頭時(shí)再點(diǎn)擊一下鼠標(biāo),創(chuàng)建剪貼蒙版http://m.tgudhdp.cn/tags/38848/,選擇第1幀動(dòng)畫(huà),再點(diǎn)擊下方圖標(biāo)復(fù)制1幀,再選中第1幀動(dòng)畫(huà),把第1張圖片里的人像放在形狀一中間,如圖:
步驟7:選中第2幀動(dòng)畫(huà),按Shift,將圖片往上拉,把第2張圖片里的人像放在線框的正中,如圖:
步驟8:選中第2幀動(dòng)畫(huà),點(diǎn)擊創(chuàng)建過(guò)渡幀,設(shè)置參數(shù),過(guò)渡方式選“上一幀”,要添加的幀數(shù)設(shè)“10”,圖層勾選“所有圖層”,參數(shù)里“位置”、“不透明度”、“效果”全選,然后點(diǎn)確定,如圖:
步驟9:循環(huán)次數(shù)選永遠(yuǎn),點(diǎn)擊第1幀,按住Shift,再點(diǎn)擊最后一幀,全選所有幀,點(diǎn)擊秒數(shù)處,設(shè)置為0.1秒,如圖:
效果圖:執(zhí)行【文件】-【導(dǎo)出】-【存儲(chǔ)為Web所用的格式(舊版)…】,預(yù)設(shè)選“GIF 128 仿色”,顏色選256,如果文件太大,還可以將圖像大小下的“W”改為900,如果文件還是太大,那么可以將損耗改為10,導(dǎo)出來(lái)的效果如圖:
我們還可以把這個(gè)效果優(yōu)化下,讓兩張圖Ian有短暫的停留,然后正滾后再反滾?唇坛蹋
步驟10:把第1幀和最后1幀秒數(shù)調(diào)為1秒,然后在最后1幀的后面添加1幀和第1幀效果一樣的,如圖:
步驟11:選中添加的那一幀,添加過(guò)渡幀,參數(shù)還是一樣的過(guò)渡方式上一幀、要添加的幀數(shù)10,如圖:
步驟12:后面增加的幀動(dòng)畫(huà)用Shift全選,秒數(shù)改為0.1秒,如圖:
完成:
學(xué)到這個(gè)技能后,一分鐘就做出了視頻級(jí)的動(dòng)圖效果,同事們看到了都紛紛向你請(qǐng)教,喜歡的同學(xué)們可以自己嘗試哦,多練習(xí)就可以和教程一樣,做出這種效果的動(dòng)圖。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- hh吃飯
- 動(dòng)態(tài)圖片
- 動(dòng)態(tài)效果
- 動(dòng)圖制作
- 視頻級(jí)動(dòng)圖
學(xué)習(xí) · 提示
相關(guān)教程
- 動(dòng)態(tài)圖片,可用于網(wǎng)頁(yè)或視頻加載中的動(dòng)態(tài)過(guò)度
- 下雨照片,給迪麗熱巴在游樂(lè)場(chǎng)的照片制作下雨動(dòng)態(tài)效果
- 動(dòng)態(tài)圖片,用濾鏡制作一幅畫(huà)面感十足的GIF下雨圖片
- 動(dòng)圖教程,在PS中制作動(dòng)態(tài)的水流照片
- 下雪效果,制作大學(xué)紛飛的動(dòng)態(tài)下雪效果
- 動(dòng)態(tài)字體,在PS中制作一款GIF動(dòng)態(tài)效果字體
- 卡通動(dòng)畫(huà),用PS制作有趣的卡通動(dòng)物表情
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 動(dòng)畫(huà)教程,快速繪制加載效果動(dòng)態(tài)圖片
推薦教程
- [IR動(dòng)圖教程] IR轉(zhuǎn)圈邊框...。
- ps制作飄動(dòng)的頭發(fā)的GIF動(dòng)畫(huà)教程
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- Photoshop制作另類(lèi)的紅玫瑰花動(dòng)畫(huà)
- 動(dòng)畫(huà)教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫(huà)效果
- Photoshop打造唯美雨景動(dòng)畫(huà)
- 微信教程,教你自己做一個(gè)動(dòng)態(tài)二維碼指
- [IR動(dòng)圖教程] PS初學(xué)者實(shí)例教程——逐幀動(dòng)畫(huà)制作基礎(chǔ)(2)
- ps制作逼真的心電圖GIF動(dòng)畫(huà)特效