PS教程:製作翻動手機圖片的GIF動態教程

2021-02-12 PS教程自學Photoshop愛知趣

提示:小程序可以高清看本公眾號視頻教程

蘋果iOS用戶請微信掃碼學習

哈嘍大家好,我是愛知趣小艾老師,今天給大家帶來一個製作手機翻頁照片動態圖的教程。

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

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

第三步,找到對應的素材作為手機壁紙,這裡要製作翻頁,所以要多找一些,然後按照手機的大小裁剪出對應的大小,效果

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

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

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

然後ctrl鍵加圖層縮略圖獲得選區,新建一個組,選區狀態下添加蒙版,效果如圖。

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

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

第九步,時間軸上新建,然後把拼接的圖片進行向左移動,這裡我設置的秒數是0.2秒。

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

第十一步,這些都處理好了,滑鼠點擊最後一幀,點擊右邊的一個小三角,選擇過渡,具體參數根據自己設定。

第十二步,確定以後,點擊另一幀,繼續這種操作。

繼續重複操作。

第十三步,做到這裡,基本就已經成型了,下面再稍微設置一下,然後點擊播放查看一下就可以了。

第十四步,一切處理好以後,存儲為web格式,選擇gif,循環選擇永遠。

這樣一個動態的gif圖就做出來了,有喜歡的小夥伴記得點讚留言哦。


獻給奮鬥中的你!年終限時大促銷,原價128元超級會員,現價僅需98元,一次購買,所有課程享永久免費特權!不做大多數!

生命不息,奮鬥不止!

開通超級會員,做特權學霸!

限時98元,學習本站所有的課程!包括以後更新

權限和單個的一樣,沒有區別,永久在線學習。

目前包括 15 門課程

辦公軟體:WORD,PPT,EXCEL

平面設計:PS,CDR,P圖,AI,影樓後期

影視後期:AE

打字教程:五筆

繪畫教程:轉手繪,Q版,漫畫,水彩,素描

支持微信公眾號+小程序+PC網站多平臺學習

官網:www.92zhiqu.com

常見問題 

①小愛同學:買了vip所有課程都能看是嗎?

恩,是的,包括以後更新的(感謝支持,我們會堅持高品質的教學更新)

②小愛同學:你好,只能手機學習?

不是,支持微信公眾號+小程序+PC網站多平臺學習(我們也是學習的過來人,手機+電腦學習必不可少的)

③小愛同學:學習不懂的怎麼辦

提供售後解答的,支付了聯繫客服加群(支付了聯繫微信客服,截圖一下即可)

④小愛同學:提供視頻的課件素材?

恩,原創高清視頻的,這些都有提供的(原創教程,這些是最基礎的要求)

⑤小愛同學:學習有效期?

終身的,不限時間(自建網站+原創教程+愛知趣品牌保障)

如果還有什麼需要諮詢的,聯繫微信客服

點擊閱讀原文全套PS/CDR/AI/AE視頻教程

相關焦點

  • 手機ps編輯gif圖
    這個教程適合安卓!!
  • Mac屏幕錄製與gif圖片製作教程
    原文Gif圖片是博客中展示項目效果的一種很好的方式,為我們的app製作一張gif圖片並不複雜,錄製屏幕採用系統自帶的QuickTime
  • 用PS製作GIF動圖 | 教程
    之前在別人的公號裡看到下面這樣的 GIF 動圖,感覺動態效果還是蠻不錯的。然後就心心念念想自己也學習 PS 做一個。
  • 動圖設計大賽教程
    近日,主頁菌得知有部分童鞋因為不懂如何製作動圖而選擇不參加我們的比賽,別擔心,今天主頁菌就教教你如何製作gif動圖~~要掌握本方法除了要有基本的小小畫功外
  • 在線 編輯 製作 網址 教程 二維碼圖片動態字符表情包頭像文字符號
    客戶人員電話   95017[圖片]教程分享|微信一秒鐘DJ語音的製作,最近很多群友問如何簡單製作發送給朋友/群裡,其實上次發布的萬變語音就能做到的,今天就出一期教程吧。 微信打開:http://t.cn/A6hx6CIP🍀為符合版規暫時關閉電話轟炸功能,簡訊的依舊可以用。
  • 【PS教程】如何用PS時間軸製作gif動圖(一)
    ,gif動圖的應用無處不在,每個人身邊也都會多多少少的接觸到。而我平時也喜歡用PS的時間軸去製作一些gif動圖。那麼,最近的就是本公眾號文章中頂端的這個圖和底端的二維碼設計。現在,準備整理資料,做一期PS製作gif動圖教程。以前的PS版本,我們做gif動圖的時候只能用幀動畫。隨著PS版本的的升級,出現了類似於AE的時間軸。
  • 妙用ae和ps製作帶透明通道gif小動畫
    今天的教程來教大家解決這個問題。首先我們來根據最終需求的效果,來倒推分析一下這個問題:需要在PPT中,添加動態元素,並且底部透明。注意,這裡的重點是動態和透明。要實現動態,我們有兩種方案:插入視頻或者gif圖片,在此基礎上,滿足透明要求的話,視頻最常見的是MOV和AVI格式能夠帶α通道(即背景透明),gif則可以製作帶通道的動圖。兩種方案貌似都可行。
  • 教你給GIF動態圖片加文字
    Photoshop製作動圖,想必大家都知道這個功能,但是實際上,PS製作動圖比不上flash,但是在修改以及圖像質量上PS遠勝flash。
  • GIF動態圖製作大全
    但是一旦你的「好基友」「好閨蜜」「死黨」用你圖片製作成動態圖?鬥不過怎麼辦?別急,下面我就來教你製作GIF動態圖片,讓你戰無不勝。一 用PS製作眾所周知,PS的P圖能力無疑是最強大的,PS高手刷刷幾下就搞定一張圖片了。可能很少人知道PS也可以製作動態圖片吧,下面筆者來教你製作。
  • GifCam2.0製作gif動畫教程
    這些是用PPT+GifCam2.0完成的首先你需要會PPT簡單動畫製作這是基礎這兒就不多說動畫的製作了會有機會細細分享動畫製作的公眾號內回復動起來工具及使用方法都交給大家了快去製作好玩的gif動畫吧>關於手機拍照技巧手機拍照技巧之一——基礎構圖技巧手機拍照技巧之二——手機拍照功能使用手機拍照技巧之三——光線的運用手機拍照技巧之四——後期處理軟體推薦手機拍照技巧之五——旅遊景點拍攝
  • 小白教程!教你快速用電腦&手機製作GIF圖片
    碰到需要製作GIF的時候總是看著屏幕兩眼發呆不知該如何是好。這個時候如果你不會用PS也抱不住設計爸爸的大腿,那我們只能自食其力了。錄製GIF圖片,簡單來說就是把屏幕上所顯示的畫面錄製下來並變成GIF圖片。對於單純的用圖片製作GIF圖片,更為簡單,但是面向的方向不太相同。
  • GIF動圖製作(附教程)
    使用教程gif動圖怎麼製作1、下載安裝後打開軟體,在首頁有「視頻轉gif」、「圖片轉gif」、「gif美化」、「gif拆分」、「圖片編輯」、「免費證件照」六大功能2、選擇你自己的使用目的,這裡使用「圖片轉gif」,點擊該功能,選擇一張圖片,點擊右上角「完成」,你還可以在頁面右下角點擊預覽
  • 1分鐘學會製作動態GIF圖
    學技能漲知識城會玩送福利毒雞湯看到這篇文章的你想必很早就想知道如何做動態圖(GIF圖)了,百度一下如何製作動態圖,方法五花八門不是要PS就是就是下載軟體來錄製。為了方便大家少走彎路,我嘗試了很多軟體,最後找到了最便捷、最好用的一個工具,現在就跟大家演示一下如何錄製動態圖。同樣,操作起來超級簡單,超級人性化!
  • 手機錄屏gif圖製作方法
    所以如果你們是想找這類素材,可以直接去GIPHY去搜索:http://giphy.com/網上這些海量的動圖是怎麼製作的呢?我一開始只聽說過ps,所以我一度以為那些電影的gif也是ps做的。直到前幾天我自己推薦《大城市》繪本的時候,想做一個動圖,這才無意間發現除了圖片可以做成gif之外,視頻也是可以直接轉gif的!
  • 史上最全的GIF製作乾貨教程,等你來裝X
    又是如何製作的呢?ANYPHOTO會在本篇原創文章把GIF製作的乾貨教程分享給大家。GIF(Graphics Interchange Format)因其體積小、成像相對清晰的特點在網際網路上大受歡迎,它分為靜態GIF和動態GIF,擴展名都為.gif,是一種壓縮位圖格式。它的原理很簡單,其實就是將多幅圖像保存為一個圖像文件,從而形成動畫的形式。
  • ps編輯gif動圖教程
    此教程為修改原有gif動圖教程,也可參考自己設計個性gif動圖!我們下載一張自己像要編輯的gif動圖!
  • 常用的10鍾GIF圖製作工具
    一、小豬動圖小豬動圖是一個在線的GIF動圖編輯和製作工具,適合做一些簡單的編輯和製作可以不用軟體;它有裁剪和加水印的功能,也可以幫你將多張圖片合成GIF或者將圖片和GIF動圖合成新的動圖。八、photoshop小編個人覺得用ps製作gif 有一種牛刀小用的感覺,對於技術宅而言可能是很簡單的過程,而對一個程序小白或者新手而言,確實沒有必要為了用
  • 技巧|手機GIF動圖製作教程
    今天小咖要帶來是攝影博主 芝麻mer 分享的手機app+ps製作GIF動圖教程,簡單好學,希望大家喜歡
  • PS教程:製作GIF動畫雷達動態教程
    嗨嘍大家好,我是愛知趣小艾老師,今天給大家帶來一個gif格式的動態雷達圖,有喜歡的可以跟著做哦,下面看操作步驟。第十五步,做到這裡我們基本就完成這個雷達動態圖了,那麼剩下的就是如何保存,具體操作是找到文件,導出web所用格式,選擇gif格式,選擇永久循環,然後點擊保存,這裡要是有的小夥伴不想要太大的文件,那麼便可以把顏色那一欄降一下。
  • 簡單易學,用手機製作動態圖片(圖文教程)
    最近一直在寫一些修圖製圖或者視頻製作相關的教程,自己在寫教程的過程中也不斷的提升自己。