當(dāng)前位置:首頁(yè)>ps入門教程>動(dòng)圖教程>閃圖閃字>教程內(nèi)容

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖(4)

來(lái)源:公眾號(hào) 作者:PS教程自學(xué)Photoshop 學(xué)習(xí):25925人次

本篇教程通過(guò)PS制作翻動(dòng)手機(jī)圖片的GIF動(dòng)態(tài)效果,主要分為三步, 第一步,找到一個(gè)手持手機(jī)的素材。 第二步,把手機(jī)內(nèi)的屏幕用鋼筆扣下來(lái),新建一個(gè)圖層,填充顏色備用。 第三步,找到對(duì)應(yīng)的素材作為手機(jī)壁紙,這里要制作翻頁(yè)但是需要練習(xí),具體如何制作還是需要通過(guò)實(shí)例來(lái)練習(xí)一下,只有練習(xí)才知道自己會(huì)不會(huì),能否做好,同學(xué)們一起來(lái)練習(xí)一下吧。

效果圖:

 動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

操作步驟:

第一步,找到一個(gè)手持手機(jī)的素材。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第二步,把手機(jī)內(nèi)的屏幕用鋼筆扣下來(lái),新建一個(gè)圖層,填充顏色備用。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第三步,找到對(duì)應(yīng)的素材作為手機(jī)壁紙,這里要制作翻頁(yè),所以要多找一些,然后按照手機(jī)的大小裁剪出對(duì)應(yīng)的大小,效果

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn想學(xué)更多請(qǐng)?jiān)L問(wèn)m.theoat.com.cn

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第四步,如上述方法一樣,繼續(xù)導(dǎo)入素材,裁切相同大小,然后拼接。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第五步,這里為了使得圖片過(guò)渡的自然,我把最開(kāi)始的那個(gè)綠色圖片放在后面再銜接上。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第六步,回到最開(kāi)始摳出手機(jī)屏幕以后填充的那一個(gè)圖層。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

然后ctrl鍵加圖層縮略圖獲得選區(qū),新建一個(gè)組,選區(qū)狀態(tài)下添加蒙版http://m.theoat.com.cn/tags/38847/,效果如圖。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第七步,把剛剛做好的拼接圖移到新建的組里。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第八步,這回要運(yùn)用到時(shí)間軸了,具體打開(kāi)方法是找窗口,時(shí)間軸,選中,這樣就會(huì)出現(xiàn)如下效果。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第九步,時(shí)間軸上新建,然后把拼接的圖片進(jìn)行向左移動(dòng),這里我設(shè)置的秒數(shù)是0.2秒。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第十步,繼續(xù)新建,移動(dòng)圖層的圖片位置。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第十一步,這些都處理好了,鼠標(biāo)點(diǎn)擊最后一幀,點(diǎn)擊右邊的一個(gè)小三角,選擇過(guò)渡,具體參數(shù)根據(jù)自己設(shè)定。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第十二步,確定以后,點(diǎn)擊另一幀,繼續(xù)這種操作。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

繼續(xù)重復(fù)操作。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第十三步,做到這里,基本就已經(jīng)成型了,下面再稍微設(shè)置一下,然后點(diǎn)擊播放查看一下就可以了。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

第十四步,一切處理好以后,存儲(chǔ)為web格式,選擇gif,循環(huán)選擇永遠(yuǎn)。

動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

完成:

 動(dòng)態(tài)圖片,在ps中制作翻頁(yè)的動(dòng)態(tài)手機(jī)效果圖_m.theoat.com.cn

到這里就制作完成了,同學(xué)們學(xué)會(huì)了嗎,同學(xué)們可以根據(jù)自己喜歡的素材練習(xí),具體通過(guò)教程來(lái)練習(xí)一下吧。

學(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)論
1537965792020-12-30 11:29
謝謝您的分享。
禿頭小寶貝兒2020-12-29 11:06
手機(jī)翻頁(yè)效果

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

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