當(dāng)前位置:首頁>ps培訓(xùn)教程>ps照片處理>效果教程>教程內(nèi)容

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片(4)

來源:站酷 作者:看見未來 學(xué)習(xí):13812人次

本篇教程通過PS制作一種手機(jī)圖片循環(huán)的效果,我們拿時(shí)下最熱的章子怡照片做范例,制作一下,整個(gè)教程比較簡(jiǎn)單,新手制作起來是也是可以的,效果很出眾,喜歡的同學(xué)們一起來學(xué)習(xí)一下吧。

效果圖:

 循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

一:導(dǎo)入三張圖片。

注意他們的順序,其中有一個(gè)是背景,有一個(gè)是手機(jī),第三個(gè)是要循環(huán)播放的圖片。注意圖片可以自己做,要做成我做這樣的就可以了。

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn
m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

二:建立蒙版圖層

我們要在手機(jī)屏幕處建立剪貼蒙版,所以要做一個(gè)。選擇一個(gè)區(qū)域,并且新建一個(gè)圖層,如下

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

任意填充一個(gè)顏色

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

取消選區(qū)

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

調(diào)整圖層順序,如下

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

三:建立剪貼蒙版

建立剪貼蒙版,并且調(diào)整圖片的位置,正好在手機(jī)中央

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

四:動(dòng)畫制作

點(diǎn)擊窗口---時(shí)間軸,如下

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

復(fù)制三個(gè)(右下角有一個(gè)復(fù)制按鈕),將時(shí)間都改為0.1秒

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

選中中間的圖,如下

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

選中圖層1234,及最上面的蒙版圖層

用鼠標(biāo)平移,更換畫面,如下

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

同樣選中第三個(gè)畫面,平移畫面如下

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

五:添加過渡

選中中間,

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

添加如下

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

選中第三

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

最后將幀1,52,103改為2秒,目的是在圖片到底后有一個(gè)停留

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

六:保存

保存為web格式

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

大功告成。

 循環(huán)效果,用PS制作手機(jī)樣式的循環(huán)照片_m.theoat.com.cn

是不是很有意思,同學(xué)們拿自己愛豆的照片來試試吧。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
易信外匯黃金2018-01-27 01:46
感謝分享
開心牙刷2018-01-26 05:31
一定要看一下
心已逝人未亡2018-01-26 03:20
看看,練練手
百里雪逝2018-01-26 03:15
謝謝作者投稿
希望486號(hào)2018-01-26 10:56
學(xué)習(xí)啦學(xué)習(xí)啦學(xué)習(xí)啦學(xué)習(xí)啦
飛葉軒閣2018-01-26 09:26
學(xué)習(xí)學(xué)習(xí)
裙裾翩躚2018-01-26 08:48
學(xué)習(xí)啦學(xué)習(xí)啦學(xué)習(xí)啦學(xué)習(xí)啦
向北走2018-01-26 02:32
簽到
小起子雨2018-01-26 02:16

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

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