2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%95

在2016下半年許多指標性名牌已經開始使用一些很特別的圖片Cinemagraph,它使圖片介於影片、照片之間,也就是在同一張照片中,可以看見部分動態影像,也能看見部分靜態影像。

一般來說有mp4的檔案及gif檔。因放入網頁中gif檔是比較容易呈現,製作門檻也比較低的,所以就來公開Cinemagraph的gif檔製作方法。

局部動態攝影照片Cinemagraph近年來開始盛行,這樣的視覺效果簡單又精緻。

%e6%a1%88%e4%be%8b2

首先,這是使用Photoshop的動畫影格製作的效果。

步驟一:

將需要製作的圖片完成

2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%952

步驟二:

將需要變化的圖層製作出對比明顯的一張新圖層

2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%953

步驟三:

 

叫出動畫的工具。視窗>動畫

2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%954

步驟四:

將動畫的第一格設定時間為0.1秒,可以按下方動畫格子內的時間即可選擇。然後複製3格,按鈕在最下方垃圾桶旁邊。

2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%955

步驟五:

將第二格的圖層換成前面第二步驟的圖層,也就是將原先圖層關掉。

2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%956

步驟六:

停在第一格後設定影格,在下方垃圾桶左邊第二個,影格數至少15~20格才夠細緻。

2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%956

步驟七:

原本的第二格照做,也就是第17格。然後將最後一格刪除,以免第一格一模一樣重複2次。

2017%e6%9c%80%e6%96%b0%e5%9c%96%e7%89%87%e6%8a%80%e5%b7%a7cinemagraph%e8%a3%bd%e4%bd%9c%e6%96%b9%e6%b3%958

下方的重複次數選擇永遠,就可以存成gif檔了。