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

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

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

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

效果圖:

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

操作步驟:

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

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

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

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

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

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

動態(tài)圖片,在ps中制作翻頁的動態(tài)手機(jī)效果圖_www.theoat.com.cn想學(xué)更多請?jiān)L問www.theoat.com.cn

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完成:

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

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
1537965792020-12-30 11:29
謝謝您的分享。
禿頭小寶貝兒2020-12-29 11:06
手機(jī)翻頁效果

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

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