如果用Photoshop時間軸做出心動的gif圖

2020-12-26 小耳朵erll

小編選擇了一張華晨宇的照片,素材可以自己選擇做出想要的效果即可

今天的主要的形狀就是愛心,找到自定義形狀工具,小編已經框選出來了,就是下圖的海星形狀。看到上面菜單欄的屬性在形狀中找到愛心的圖形

接下來就是繪製一個愛心了,前景色填充為紅色,快捷鍵alt+delete 如下圖所示

在開啟時間軸之前,我們要先把繪製好的愛心圖層轉化為智能對象,滑鼠右鍵點擊圖層就可以找到

現在就可以開啟時間軸面板啦

在ps菜單欄中找到窗口中的時間軸點擊勾選

選擇創建視頻時間軸

打開就是這個樣子啦!

由於我們愛心跳動的時間不必過長,所以可以將愛心通過拉動進度條縮短,看我框選的地方

先打變換幀,開啟前面的小鬧鐘即可打下第一個關鍵幀

愛心撲通撲通跳動的時候是不是會一大一小呀,所以接下來我們要將愛心變小再打關鍵幀,Ctrl+t自由變換,把愛心稍微縮小一點,然後按回車鍵點擊確定即可打下第二個關鍵幀

最後一個關鍵幀就是放大愛心啦,跟一開始繪製的時候差不多就可以了,這樣三個關鍵幀就打完了。現在可以播放試試,愛心是不是在跳動。但是我們想做出忽閃忽閃的感覺怎麼辦呢?那就開啟不透明度前面的小鬧鐘吧,在不透明度為100%的時候打下第一個關鍵幀

第二個關鍵幀移動紅線到中間,將不透明度改為0%就可以直接打下關鍵幀

最後就是將紅線移動到後面打一個關鍵幀不透明度為100%的關鍵幀,這樣就完成啦。

現在就是保存啦!

保存為Web所用格式

快捷鍵是Alt+Shift+Ctrl+S

記得要保存gif的格式哦

gif圖保存到桌面時選擇HTML和圖像格式

保存到桌面找到文件夾images打開就可以找到gif圖像

展示一下效果圖

喜歡可以關注我哦

每天為你分享乾貨!

相關焦點

  • 乾貨 馮馮教你用photoshop做gif小動圖
    之前好多朋友都想知道我是怎麼做gif小動圖的,所以超級詳細的教程在這裡!
  • MATLAB製作GIF,PHOTOSHOP製作GIF
    一、MATLAB生成GIF動畫        代碼比較簡單,簡單解釋一下,如果詳細了解matlab的gif生成控制,可以 doc imwrite 就可以找到gif的文檔了。        首先,第一幀,創建一個gif文件,Loopcount表示循環次數,DelayTime表示該幀的顯示時間,單位是秒s;        然後,後續幀使用『WriteMode』 『Append』的方式,添加在gif後面,並設置該幀的顯示時間,然後gif動畫就創建完成了;        還有一個參數,就是rgb2ind中設置的色彩級別,因為gif是壓縮圖像格式
  • 用PS製作Gif圖,其實也很簡單
    比如下圖這個插畫gif,用ps實現起來並不難,這會運用到ps中幀動畫的功能,讓我們來看看怎麼做出這個可愛的GIF吧。③鋼筆勾圖鋼筆工具要勾選形狀,勾圖的時候要注意分圖層,這裡是人物一個圖層,星球一個圖層。勾好後就可以上色啦。
  • 怎樣用Python製作好玩的GIF動圖
    作者: 景略集智        https://jizhi.im/blog/post/pytogif程式設計師共讀整理髮布,轉載請聯繫作者獲得授權之前我們分享過用Python進行可視化的其實我們還能讓可視化圖形逼格更高一些,今天就分享一下如何讓可視化秀起來:用Python和matplotlib製作GIF圖表。假如電腦上沒有安裝ImageMagick,先去這裡按照自己的電腦系統下載對應版本,如果我們想用matplotlib的save方法渲染GIF動圖,就需要安裝ImageMagick。
  • Photoshop製作超炫的gif動態圖片!
    需要的兩個素材圖1.打開用來製作gif圖得張素材照片。6.在圖層2上新建一個圖層,用橢圓工具畫出一個橢圓形,並填充顏色#4ebfff。9.存儲,點擊菜單欄【文件】-【存儲為web所用格式】,圖片中選框的圖像大小是可以更改的,預設選GIF,如何存儲。
  • PS教程:製作超炫的gif動態圖片!
    支持微信公眾號+小程序+APP+PC網站多平臺學習來源:公眾號/photoshop大師我們常常在網上看到gif動態圖片,是不是很炫、很酷需要的兩個素材圖1.打開用來製作gif圖得張素材照片。如果還有什麼需要諮詢的,聯繫微信客服18074746783
  • 五款動圖製作工具
    在工作中動手製作gif動圖現在隨處可見,微信等聊天工具鬥圖也日益激烈。當然還有其他的在線處理工具,本文就來推薦幾個需要自己動手製作動圖工具,並且附上簡單的入門教程。如果覺得動畫的某一幀個人感覺不滿意,可以選擇編輯菜單進入動畫幀編輯界面,選擇需要刪除幀的直接刪除即可。當然也可以自由選擇本地圖片加入幀編輯動畫,通過文件菜單,選擇媒體,選擇磁碟中的圖片插入即可。處理完成後,切換到文件菜單選項,最後選擇保存即可。
  • 輕鬆製作GIF動畫!教你玩轉PS時間軸之5個小技巧篇
    1,巧用智能對象利用技巧,PS時間軸可以做更多相對複雜的動畫,而這些動畫的實現更多的是利用智能對象實現。
  • 想用PS做動畫?先來熟悉下PS中的時間軸功能
    你見過別人給你發的gif格式的表情包嗎,其實哪些大部分都是用PS做出來的呢。這個我就給大家介紹下PS中的動畫功能。用PS做動畫的核心是什麼——時間軸!五種類型的圖層這裡我們要明白的是,每一種圖層,在PS中時間軸裡都對應著自己的動作屬性。
  • 十招優化gif動圖,壓縮了大小保持了清晰,用著就是爽
    尤其是各種平臺對gif的支持上,經驗會有體積大小的限制,這使得稍微複雜一些,顏色豐富一些的gif圖得不到好效果,很苦惱中,所以,阿隨君這次就來聊一聊關於gif圖的優化問題,如何在大小和效果之間取得一種可以接受的平衡。
  • 和孩子利用免費在線設計平臺canva製作GIF 第二部分 photoshop
    第二部分 photoshop 製作GIF一、在PS中載入Canva下載的壓縮文件離開Canva網站,在自己電腦操作。圖2 打開時間軸圖3 激活幀動畫2 上方窗口下拉菜單,點擊時間軸,在界面下方看到時間軸界面,通過它來製作GIF動圖。
  • 教你玩轉PS時間軸之5個小技巧
    教你玩轉PS時間軸之5個小技巧篇通過前兩篇文章,我們已經知道製作動畫的基本知識的和技巧,下面通過5個非常有用的知識點跟大家更深入地探索PS時間軸。文末附上PSD,可以下載後自行分析動畫技巧。1,巧用智能對象利用技巧,PS時間軸可以做更多相對複雜的動畫,而這些動畫的實現更多的是利用智能對象實現。
  • GIF圖怎麼做?gif動圖電腦製作的操作技巧
    在與好友聊天的時候,經常會使用各種類型的動圖表情包,除了使用系統提供的動圖表情之外,還可以收藏好友發的動圖添加到收藏中使用,那麼如果想要自制gif動圖表情包的話該怎樣來進行操作呢?下面教大家在線製作gif動態圖片的操作方法,感興趣的小夥伴接著往下看吧。
  • 怎麼做動畫gif動態圖?如何做GIF動畫?
    動圖有很多種類型,比如動畫效果的動圖就是常見的一種類型,那麼怎麼做動畫gif動態圖大家知道嗎?現在只需要通過瀏覽器在線操作就可以做出gif動畫效果的動圖,下面教大家如何做gif動畫的操作方法,在線操作,無需下載任何軟體,更加的方便快捷,下面來看一下具體的操作步驟。
  • 大神教你玩轉PS時間軸-深入篇
    1、巧用智能對象利用技巧,PS時間軸可以做更多相對複雜的動畫,而這些動畫的實現更多的是利用智能對象實現。轉換為智能對象可以N次,轉換越深的對象繼承級別越高,每一次的轉換都可以給其做不同的動畫或者樣式,並且和被轉換的動畫或者樣式疊加。對於樣式,它顯得更有用(例如給一個圖層添加多個投影)。
  • gif動畫製作軟體怎麼做圖?
    這些類型的gif動畫展現出的效果,讓人看過之後很容易get到某個點。很多動心的小夥伴也想要使用gif動畫製作軟體做出專屬的gif動畫。今天小編給大家分享兩種實用的gif動畫製作方法,下面一起看看吧!gif動畫是什麼gif動畫是指通過使用專門的動畫製作工具或者採用逐幀拍攝對象的方法,將多個gif圖片按一定的規律快速、連續播放運動的畫面。
  • GIF動圖製作工具大全,讓小白秒變PS大神!
    、裝逼賣萌等各種自定義表情就沒辦法在群裡鬥圖甚至就根本不知道該怎麼聊天了當我們在寫公眾號文章或者其他自媒體平臺的文章時如果沒有一些與文章相符的動圖那麼我們的文章就會顯得有時候我們需要製作一個gif想要快準狠但是我們不想去下載什麼其他的Photoshop等大型軟體那麼我們可以用GifCam點擊閱讀原文有教程
  • GIF動態圖製作大全
    微信又更新了,直接可以發送GIF動圖,贏得不少人的喜歡,鬥圖重來就沒輸過了。
  • 自製微信動態圖 GIF圖片
    今天周末有點時間,就寫一個小教程,難度係數基本為0,電腦小白照樣可以用起來素材是<天天向上20131227>請的嘉賓===========分 割 線=============1、自製動態圖,需要有素材2、要有一臺電腦(這也很重要)3、迅雷影音(自行網上下載)3、MovieGif
  • 如何在線製作gif引導動圖?
    在編輯推廣文章內容的時候,經常會使用gif動圖的形式來做引導關注,與靜態圖片相比,gif動圖更能夠對用戶產生吸引力。那麼怎樣才能快速完成引導關注gif在線製作呢?下面教大家套用模板,自製引導關注gif動圖的操作方法,只需簡單的幾步操作就可以輕鬆製作出不同類型的引導動圖,一起來學習一下吧!點擊宣傳動圖功能,在分類中點擊gif引導關注,查看所屬分類下的模板,其他分類下的模板也可以製作,根據所需類型。點擊合適的模板,然後點擊立即製作,以下圖模板為例。