如何用PS製作動畫效果,PS動畫製作教程,GIF動畫教程

2021-02-26 photoshop入門PS教程

有朋友在之前的教程文章留言中提到關於PS動畫的製作。本章教程就給大家分享一下如何用PS製作GIF動畫。
下面我們以指針掃描的動畫效果作為示例,給大家分享一下整個動畫的製作過程(如下圖所示)

第一步、新建個250*200的畫布。填充灰色做背景,用橢圓工具畫個#bacce5的正圓。(如下圖所示)

 第二步、添加圖層樣式。(如下圖所示)

第三步、現在是一個橢圓形狀(如下圖所示)

第四步、畫個顏色是#00387d的藍色圓形。(如下圖所示)

第五步、圖層樣式。(如下圖所示)

第六步、把剛才那個藍色的圓形複製一層,然後清除掉圖層樣式,並且把清除了圖層樣式的那個圓的填充設置為0。(如下圖所示)



第七步、圖層樣式參數設置(如下圖所示)

 第八步、畫圓形上方的白色部分。(如下圖所示)

第九步、把白色部分設置填充為0%(如下圖所示)

第十步、畫橫豎兩根線條,顏色是黑色。(如下圖所示)

第十一步、畫兩個黑色圓圈。(如下圖所示)

第十二步、橫線、豎線、黑色圓圈都添加相同的圖層樣式。(如下圖所示)

第十三步、把黑線和黑圈的填充改成50%。然後再畫個白圓。(如下圖所示)

第十四步、記得是先新建圖層之後再畫白圓。把圓的填充改成0%,然後設置圖層樣式。(如下圖所示)

第十五步、到了這裡,動態效果圖片的造型已經出來了。(如下圖所示)

第十六步、然後我們打開時間軸窗口,或者動畫窗口IR。複製2次幀。(如下圖所示)



第十七步、選中第2幀,把那個一直轉的圖層的圖層樣式進行設置。(如下圖所示)

第十八步、我們選中第1幀,按過渡按鈕。(如下圖所示)

 

第十九步、過渡設置。(如下圖所示)

第二十步、在過渡完之後,選中最後一幀再過渡,過渡設置(如下圖所示)

第二十一步、然後我們把播放次數改成永遠。(如下圖所示)



第二十二步、到了這裡動態效果已經做好了,現在我們把做好的文件儲存為Web所用格式。(如下圖所示)

好了,這樣一個指針不斷持續旋轉的圓形GIF動畫就做好了(如下圖所示)



PS是強大的設計製作軟體。除了處理精美的圖片效果,同樣也可以製作動畫。以同樣的方法可以做不同的JIF動畫效果。大家可嘗試一下,以上述方法進行JIF的動畫製作。相信通過練習之後會有更多的收穫和靈感。

相關焦點

  • GifCam2.0製作gif動畫教程
    這些是用PPT+GifCam2.0完成的首先你需要會PPT簡單動畫製作這是基礎這兒就不多說動畫的製作了會有機會細細分享動畫製作的不同色彩質量文件大小也不同,需根據實際使用選擇當然除了錄製PPT動畫外也可以錄製視頻gif動畫如下圖
  • 【PS教程】如何用PS時間軸製作gif動圖(一)
    ,gif動圖的應用無處不在,每個人身邊也都會多多少少的接觸到。而我平時也喜歡用PS的時間軸去製作一些gif動圖。那麼,最近的就是本公眾號文章中頂端的這個圖和底端的二維碼設計。現在,準備整理資料,做一期PS製作gif動圖教程。以前的PS版本,我們做gif動圖的時候只能用幀動畫。隨著PS版本的的升級,出現了類似於AE的時間軸。
  • PS教程:製作動態界面展示GIF動畫效果
    很多時候我們在網站上看到很多炫酷的動態界面效果,他們呈現著立體的效果,不僅是界面有著動畫,並且在側面我們也能清晰的看到隨著頁面動畫也在發生變化
  • photoshop製作簡易動畫效果——PS公開課
    提示:點擊上方"PS教程自學平臺"↑ 可以訂閱噢!
  • GIF動畫教程|Photoshop結合AE製作超炫的GIF動畫
    本教程是向大家介紹Photoshop結合AE製作超炫的GIF動畫圖片,教程很實用,介紹的非常詳細,需要學習者對這兩款軟體都比較熟悉。
  • 用PS製作Gif圖,其實也很簡單
    GIF,我們第一反應就是使用Flash、PR、AE等視頻編輯和動畫製作的軟體。比如下圖這個插畫gif,用ps實現起來並不難,這會運用到ps中幀動畫的功能,讓我們來看看怎麼做出這個可愛的GIF吧。製作三個不同的人物圖層(三個圖層都用了操控變形調整了頭髮)。簡單說一下操控變形,通過這個功能,在人物身上點擊就會出現一個圖釘。繼續點擊其它位置就會出現新的圖釘。圖釘相當於一個定點,調節一個圖釘的時候不會影響到其它圖釘所在的區域。
  • 實例教程:png動畫製作
    說起幀動畫,大家的第一反應應該是GIF格式吧因為這是我們最常用的動畫格式動態的表情包也都是以GIF格式為主的常用的動畫格式還有:flic格式、swf格式、avi格式、mov、qt等但是你知道png動畫嘛?說起png動畫你可能只是覺得會是透明背景就完了吧!
  • ppt動畫製作教程:教你如何製作PPT結尾動畫
    註明:這文章為轉載 來源於:網絡ppt動畫製作教程:教你如何製作PPT結尾動畫PPT終於播放到結尾,會議也即將結束,為了感謝聽眾,PPT製作者一般會在片頭或者片尾製作出感謝語PPT動畫來表示感謝。 三,複製整個矩形,然後粘貼,把得到的新矩形覆蓋空白幻燈片的下半部分,如圖3,設置兩個矩形的ppt2010動畫效果自定義動畫均為「進入」的「切入」,上半部分的矩形效果選項為「自頂部」,下半部分的矩形效果為「自底部」,計時中的持續時間均為「1秒」,上半部分的開始為「與上一動畫之後」,下半部分的矩形效果為「與上一動畫同時」,如圖4。
  • Photoshop CS6動畫製作入門教程全集目錄-三人行PS學堂
    動畫製作原本是包含於基礎部分的,考慮到篇幅和寫作時間,將其獨立作為一個擴展教程。
  • 用PS製作遮罩動畫效果
    4 創建幀動畫,設置時間循環(這個應該都會),複製幀,向上拖移白色圖層(1234)直到剛好到畫布上沿以外露出最底層的圖層D副本。  過渡40或50幀(越多越平滑)  4 動畫的製作就是十字線中心的位置變化(圖中那個黑點),看下面的演示圖,你已經一清二楚。只要會創建動畫,會過渡,就沒問題
  • Harmony ( 動畫製作工具 )中文版分享
    Harmony 20是一款動畫製作工具。
  • PS極速30秒製作趣味GIF動畫
    小白都能學習,PS製作抖音很火的小動畫製作教程~各位老鐵們~今天給大家帶來的是GIF
  • 動畫與動畫製作軟體介紹
    這類動畫在網頁中大量存在,微信裡的朋友們之間發個笑臉表示高興,早上問好的時候使用問候的小動畫表情,晚上互道晚安,發個鑽進被窩的表情等等,這些都可能是這類動畫。 老朋友學習群裡的不少朋友學過這種動畫的製作。這個動畫是郭力製作的。
  • 如何用PS自製遮罩貼圖及履帶滾動動畫的製作
    179篇答疑教程觀看往期視頻教程請點擊【閱讀原文】或者前往公眾號自定義菜單【學習中心】我們專門製作了教程匯總目錄,你可以根據標題關鍵詞搜索獲取我們在後臺收到這樣兩個疑惑:問題一>問題二老師好,最近在做一個包裝機的動畫,這種一卷包裝袋沿著上下左右位置不同的轉軸鋪開的動畫不知道具體怎麼做,用貼圖做動畫去控制,大體可以但轉彎的地方銜接不好,拉伸太嚴重,老師有什麼好的辦法嗎?
  • Hype教程:無代碼製作Path扇形菜單動畫,方便勝過AE喲!
    教你用HYPE3做APP原型的基礎過場(附神器)http://www.uisdc.com/hype-3-app-prototype-processAkane Lee是一位臺灣設計師MM,在這個教程中她為大家演示了Hype 製作的基礎App轉場效果,並且對Hype軟體有了如下心得:
  • PS製作GIF動畫設計的7個小技巧
    製作GIF好像挺簡單的,但能不能做得好看就是另一回事了。本篇文章教你如何生成並優化你的GIF動畫,喜歡的朋友往下看吧!
  • 【動畫教程】教你利用PS製作放大鏡看照片的gif特效
  • 教你來做GIF動畫
    GIF動畫是較為常見的網頁或貼圖動畫。這種動畫的特點:她是以一組圖片的連續播放來產生動態效果,這種動畫是沒有聲音的。
  • 用PS製作GIF動圖 | 教程
    首先得先說,我的水平是很初級的,這個教程也是小白中的小白。不過這也成了本文的一個優點,因為我在學習的過程中發現網上大多的教程都太過複雜,對於小白尤其是我這樣的,目標只是偶爾做一個簡單的動態、海報用在公眾號和 PPT 中,更像是過度學習了。下面進入主題,開始製作第一個 GIF 。
  • 妙用ae和ps製作帶透明通道gif小動畫
    今天在工作中碰到同事需要將ae裡的動畫小元素添加到PPT中,看似簡單的需求,實際實行起來還是花了一點功夫。今天的教程來教大家解決這個問題。