網站運營指導

編者按：前天介紹了如何用PS打造高大上APP效果展示圖，今天出個進階版，@Jaret_杰瑞特來教同學們把Gif動效圖嵌入到手機模板上，高大上的效果實操起來非常簡單，輕松6步搞定，來收！ 延伸閱讀： PS教程！打造時下最受歡迎的APP效果展示圖 很多設計師可以做出動效Gif，但不知道如何嵌入到模版里如下圖這樣展示： 昨天有個設計妹子問我這個問題，既然是妹子那我就花五分鐘教你嵌入Gif到模板。 1. 首先利用Hype 或者Pixate做出一張動態(tài)的Gif 圖如下： （注：AE 可以保存成.Mp4 ，Pixate 可以錄屏，Hype可以直接轉換成Gif，視頻格式可以通過軟件或Photoshop轉換成Gif ，總之就是做出你想要的動效Gif） 2. 用Photoshop打開Gif 圖片，窗口-時間軸面板，單擊選擇將幀拼合到圖層，這樣就把所有的幀轉換為了圖層： 3. 繼續(xù)單擊轉換為視頻時間軸（注：視頻時間軸才可以一個圖層進行動畫） 4. 選擇圖層面板中所有圖層右鍵轉換為智能對象： 5. 將智能對象拖到事先準備好的模板里面，通過嵌套的智能對象放入手機模板或者通過Command+T改變透視關系，然后創(chuàng)建視頻時間軸，播放看一下效果。最后保存web所用格式。（注：保存web格式時可以通過右下角的百分比調整文件大小。