「設計乾貨」海報點擊率上漲——GIF動圖!

2020-12-12 手淘網絡

現在聊天都喜歡鬥圖,但是大部分圖都是網上盜來或者朋友那拿的,如果我們自己能夠製作gif動態表情,那不是很有成就感?可能有些人想過但是不會做,所以今天就來做一張簡單的gif圖,應用到店鋪中可以吸人眼球,讓人眼前一亮。

第一步:找張比較簡單的表情圖,我就將以泡麵靜態表情做倒計時gif動圖為例:

我們把這個靜態表情放進ps裡,選擇字體工具,然後打出「2:59」,這個2:59就是我們要做的倒計時啦!

圖片來源:手淘網絡設計,轉載請註明

(圖片來源:手淘網絡設計,轉載請註明)

第二步:我們把「2:59」這個數字倒數,直到你要停留的時間,快捷鍵 ctrl+j複製2:59這個文字圖層,把複製的2:59改成2:58,同理再把2:58複製,然後改成2:57,依次下去2:56,2:55如果你有充足的時間就做到0:00,最後把倒計時圖層左邊的眼睛關掉,只顯示2:59。

圖片來源:手淘網絡設計,轉載請註明

(圖片來源:手淘網絡設計,轉載請註明)

第三步:倒計時需要的數字已經做好,下面就需要把這些數字做成會動的倒計時,點擊窗口-時間軸

圖片來源:手淘網絡設計,轉載請註明

(圖片來源:手淘網絡設計,轉載請註明)

會出現創建視頻時間軸和創建幀動畫,我們只需要創建幀動畫,點擊下拉箭頭,選擇創建幀動畫

圖片來源:手淘網絡設計,轉載請註明

(圖片來源:手淘網絡設計,轉載請註明)

就會看到第一幀已經出來了,做好第一幀2:59的倒計時,還需要做2:58,2:57,2:56這幾秒的倒計時

點擊複製第一幀,把2:59圖層眼睛關閉,2:58圖層眼睛打開,這樣我們第二幀2:58的倒計時做好了。

圖片來源:手淘網絡設計,轉載請註明
圖片來源:手淘網絡設計,轉載請註明

(圖片來源:手淘網絡設計,轉載請註明)

同理複製所在幀,把2:58圖層眼睛關閉,2:57眼睛打開到你寫的倒計時的最後一個數字即可,我因為時間關係是做了十秒的倒計時,從2:59-2:50,一秒一幀。

然後點擊下面的播放動畫,看下效果怎麼樣,如果倒計時轉動太快了,那麼我們就需要設置下每幀的延遲時間,這裡是從原來的0秒到1秒。

圖片來源:手淘網絡設計,轉載請註明

現在就是每一幀停留一秒鐘才會跳到下一幀,也是符合倒計時的時間間隔,後面的幾幀我們也都選擇「1.0秒」,改好後再點擊下面的播放動畫,看看有沒有問題需要修改,在測試中如果發現問題,看哪一幀出現問題,停止動畫,點擊所在問題的那幀,進行修改即可。

第四步:測試好沒有問題後,點擊文件-導出-存儲為web格式,然後gif後綴名,其他參數不動,確認保存,這樣我們的動圖做好了。

是不是很簡單呢,生活中會有很多圖片,可能我們稍微動一下腦筋就能把靜態圖做成gif動態圖啦!那我們海報裡面是不是也可以加入一些動圖元素呢?

圖文丨手淘設計 長城

本篇文章由手淘網絡設計總結,轉載請註明,並不得對內容進行修改~

相關焦點

  • 乾貨 | 提升公眾號配圖逼格的gif動圖製作教程
    「乾貨目錄」1.圖片轉gif2.視頻轉gif/錄製gif3.gif製作工具集合+gif動圖網站推薦4.一個小彩蛋/錄製gif相信大家在各種文章上也看到過很多電影經典動圖、綜藝動圖等,都讓人感覺文章逼格高了不少,動圖的表現力明顯比乾巴的靜態圖要生動得多。
  • GIF動圖:6個案例看透創意動圖海報的套路
    這次,鯨呀從搜集的大量創意海報裡面選取了一些比較典型的動圖海報案例進行講解,希望大家能夠通過這篇文章的分析,快速看透創意動圖海報的套路。首先來看動圖海報的發展史及在營銷中的作用。一、何為「GIF動圖」及其發展gif動圖「介於靜態圖片與動態視頻之間」,是由短視頻或照片序列生成的
  • 用PPT設計香港國際電影節焦點影人「林青霞」的海報!
    每周定期更新PPT原創設計教程,點擊文章題目下「韓政偉PPT」即刻關注,不錯過每一次乾貨。這屆海報的設計師依舊是香港獨立設計師黃新滿先生,以電影節標誌性獎項「火鳥大獎」為主軸,創作出火鳥展翅的主題設計,展現電影創作者的無邊想像力。從第40屆至今已連續第三次受邀為香港國際電影節設計海報。
  • 「靜與動―香港國際海報三年展2020」作品徵集
    設計是本館重點收藏之一,因此博物館積極搜集藏品、進行研究和安排有關推廣設計的活動。 「香港國際海報三年展」自2001年舉辦至今,是香港文化博物館策劃的大型活動之一,透過定期舉辦展覽及活動展示優秀的設計作品,並介紹世界各地的海報設計發展。第七屆主題為「靜與動」。
  • 怎樣縮小gif動圖?如何減小gif動圖大小?
    Gif動圖作為日常生活經常使用的一種圖片格式,GIF動圖文件太大無法使用該怎樣來進行處理呢?給大家分享一款動態圖片製作軟體,使用gif壓縮功能,快速在線壓縮gif大小的操作方法。點擊導航欄中的gif工具功能,然後選擇gif壓縮功能。
  • 怎麼製作gif動圖?怎麼用視頻做gif動圖?
    在日常生活中,經常會看到各種類型的gif動圖,比較常見微信表情包,QQ表情包,文章插圖等等。那麼如果想要自制gif動圖的話大家知道怎樣來進行製作嗎?接下來教大家一招,通過裁剪視頻轉gif動圖的操作方法,相信大家都有許多覺得好玩有趣的視頻吧,可以使用視頻轉gif功能快速完成gif在線製作,操作技巧如下。點擊導航欄中的gif工具,選擇視頻轉gif功能。點擊選擇視頻,將想要截取片段的視頻上傳到網站。
  • 如何裁剪gif動圖大小?如何修改gif動圖尺寸?
    在使用gif動圖的時候,有些時候會出現圖片太大,或者有水印,黑邊等情況,那麼想要處理這個可以使用gif裁剪功能,來進行圖片剪裁,通過裁剪gif大小來縮小動圖文件的大小,將無需使用的部分裁剪掉,那麼大家知道怎麼才能使用gif裁剪功能嗎?下面就給大家分享一下gif裁剪的具體操作方法。
  • gif動圖太大怎麼縮小?gif動圖如何在線裁剪?
    那麼,在使用gif動圖的時候,怎樣能夠快速的裁剪gif圖片大小呢?下面教大家使用裁剪工具,快速完成在線裁剪gif尺寸,一起來看一下具體的操作步驟。點擊導航欄中的gif工具按鈕,選擇gif裁剪功能。裁剪完成之後,在下方生成裁剪後的gif動圖,點擊下載按鈕,保存到電腦。
  • 如何壓縮gif動圖
    今天早上為了把一個gif動圖插入到公眾號,小編可謂是操碎了心。這麼說吧,公眾號要求gif動圖要小於300幀,也不能超過5M,稍微長一點的gif動圖想插進去根本是想都不要想。萬般無奈之下小編緊急get到了一套壓縮gif的新技能,想著大家可能也會遇到類似的問題,就趁熱把教程給大家整理出來了。希望大家繼續每天話一點點時間跟著小編學習一些辦公小技能哦!第一步,直接拖拽文件或點擊添加文件將gif動圖添加進來。第二步,在設置處可以設置壓縮強度、輸出格式與解析度。
  • 不學PS也能P圖,奪冠朋友圈全靠它了!【乾貨收藏】
    「這個新媒體的時代,再不會P圖,就要被同齡人拋棄了!作為一個還在為ps基礎操作頭禿但是工作原因卻經常需要做一些簡單的p圖、動圖的人,我痛定思痛,努力修煉,終於……找到了可以替代ps的手機軟體。下面幾款手機軟體操作簡單,效果很棒,而且全!部!免!費!
  • gif文件太大怎麼辦?gif動圖如何在線壓縮?
    gif動圖是非常常見的一種圖片格式,平時在使用微信聊天的時候,經常會用到鬥圖,就是gif動圖。很多的用戶收藏或者製作gif動圖,比如使用視頻轉gif、多圖合成gif等方式。當gif圖片越來越多的時候,就會出現內存不足的情況,並且有些動圖由於文件體積太大而不能分享到平臺或者發送給好友,那麼這種時候就需要使用gif壓縮功能來將gif動圖進行壓縮,接下來教大家gif在線編輯,壓縮大小的方法。點擊GIF壓縮功能按鈕,上傳需要進行操作的GIF圖片。
  • gif怎麼製作?gif動圖怎樣裁剪畫面尺寸?
    gif動圖是日常生活中常見的圖片形式,最常見的就是使用微信、QQ進行聊天的鬥圖。如果想要將gif動圖中的一部分進行截取該怎麼操作呢,不是截取gif圖片的某一段,而是剪切圖片的部分畫面。比如gif動圖有邊框黑邊或者帶有廣告的水印,在使用的時候非常的不便,該怎麼處理呢?
  • 自己製作gif動圖表情包,別再到處求原圖了
    比如下面這個簡單又比較有趣的小圖:如果用在PPT中會有什麼效果呢,這就涉及到了一個知識點:PPT是支持gif格式的,所以如果我們能找到一些有設計感的動圖,直接置入PPT,這樣呈現出來的動畫效果,很多時候都是PPT動畫無法碾壓的!
  • 山寨起家的「奧利奧」是如何用設計逆襲的?
    奧利奧背後的 Nabisco 公司財大氣粗,在 Hydrox 四處警告「不要吃仿冒品」的同時,依舊猛砸廣告傳遞歡樂印象,並在五十年代打造出第一句廣為人知的廣告標語——「Oh! Oh! Oreo!」,連同重改設計與價格上漲的策略,搖身變成時髦曲奇,而 Hydrox 落入了過時老大爺的定位。
  • 手把手教學,在線製作gif動圖的技巧
    動圖是現在常見的內容展現形式之一,能夠更加形象的展現出想要表達的內容,比如在聊天的時候,使用動圖能夠更好的表達心情,渲染聊天的氛圍;在文章中插入動圖能夠提升文章內容的可讀性,讓用戶能夠有耐心的去閱讀全部的內容。
  • 電腦如何製作gif文字動圖?文字GIF動畫生成的方法
    gif動圖的類型有很多種,比如在公眾號中常見的一種類型就是文字類型的引導動圖。那麼大家知道使用電腦怎樣才能快速的完成文字gif在線製作嗎,文字gif動畫生成的方法有哪些呢?下面教大家gif在線製作的操作方法,幫助大家快速完成文字gif動態圖片製作,大家一起來看一下如何操作吧。
  • 如何製作gif格式動態圖片?如何把短視頻做成gif動圖?
    gif動圖一般帶給大家都是比較愉悅好玩的感覺,而且動圖的類型也有很多種,比如閃圖,動畫,電視劇或者電影片段等等,都是非常常見的動圖類型。如果想要親自動手製作這種視頻類型的動圖該怎樣來進行操作呢?下面給大家分享一下gif動態圖片製作的方法,通過截取視頻轉gif動圖,一起來看一下具體的操作過程。點擊導航欄中的gif工具,選擇視頻轉gif功能。點擊選擇視頻,將想要截取片段的視頻上傳到網站。找到視頻截取的第一個畫面,選擇為開始時間,選擇截取的時長,最大支持15秒視頻截取,根據使用需求來選擇尺寸,點擊生成gif按鈕。
  • gif圖片如何裁剪?怎麼裁剪動圖的大小?
    gif動圖在日常生活中是常用的圖片展現方式,但是有時候從網上下載的gif動圖會出現有水印或者圖片太大的情況,影響正常的使用。想要解決這個問題,大家可以使用gif裁剪功能,將所需使用的gif動圖部分裁剪出來,從而去掉無需使用的部分以及修改gif動圖的大小,下面給大家分享一下裁剪工具的使用方法。點擊導航欄中的gif工具,選擇gif裁剪功能,如下圖所示。
  • 公眾號編輯去哪找GIF動圖?這些動圖網站值得收藏!
    看別人的公眾號,有料又有趣,既有豐富的知識內涵,又有好看的gif動圖活躍氛圍,一張圖就能將自己的心情表達得淋漓盡致。不禁讓人發出這樣的疑問:他們的動圖表情包都是從哪找的?下面就為大家帶來值得收藏的動圖網站,你也能讓公眾號文章變得圖文並茂起來啦。
  • 「 牆裂推薦」網際網路人必備GIF製作的14種選擇
    最讓用戶關注的是,他是「完全免費」的,沒有中間商賺差價,無任何隱藏費用。下載即用,無需安裝。GiftedMotion 完全獨立於平臺,可在每個作業系統上運行它具有多語言支持。這是一個 GPL 軟體,沒有任何許可費用無需安裝。 只需在您的 PC 上下載 jar 文件並運行它。