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

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

來源:公眾號 作者:PS教程自學Photoshop 學習:25925人次

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

效果圖:

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

操作步驟:

第一步,找到一個手持手機的素材。

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

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

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

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

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

動態(tài)圖片,在ps中制作翻頁的動態(tài)手機效果圖_theoat.com.cn想學更多請訪問theoat.com.cn

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

繼續(xù)重復操作。

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

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

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

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

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

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

完成:

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

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

學習 · 提示

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

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

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