如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:新疆十一选五遗漏 www.lbsum.com

新疆十一选五遗漏结果:制作手機圖片循環滾動效果的PS教程

當前位置 : 新疆十一选五遗漏 > 實例教程 > 正文來源:網絡作者:網絡時間:2018-01-30人氣:

新疆十一选五遗漏 www.lbsum.com 這是個簡單的通過Photoshop中的時間軸制作循環滾動圖片的教學,推薦來給PS聯盟的朋友讓初學者可以了解時間軸的運用方法。先看看效果圖

制作手機圖片循環滾動效果的PS教程

一:導入三張圖片。

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

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程 

 

二:建立蒙版圖層

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

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程

 

任意填充一個顏色

制作手機圖片循環滾動效果的PS教程

制作手機圖片循環滾動效果的PS教程

 

取消選區

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程 

 

調整圖層順序,如下

制作手機圖片循環滾動效果的PS教程

 

三:建立剪貼蒙版

建立剪貼蒙版,并且調整圖片的位置,正好在手機中央

制作手機圖片循環滾動效果的PS教程

制作手機圖片循環滾動效果的PS教程

 

四:動畫制作

點擊窗口---時間軸,如下

制作手機圖片循環滾動效果的PS教程

 

復制三個(右下角有一個復制按鈕),將時間都改為0.1秒

制作手機圖片循環滾動效果的PS教程

 

選中中間的圖,如下

制作手機圖片循環滾動效果的PS教程

 

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

用鼠標平移,更換畫面,如下

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程

 

同樣選中第三個畫面,平移畫面如下

制作手機圖片循環滾動效果的PS教程

 

五:添加過渡

選中中間,

制作手機圖片循環滾動效果的PS教程

 

添加如下

制作手機圖片循環滾動效果的PS教程

 

選中第三

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程

 

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

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程 

 

六:保存

保存為web格式

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程 

制作手機圖片循環滾動效果的PS教程

 

大功告成。

制作手機圖片循環滾動效果的PS教程

回頂部