1. <tt id="5hhch"><source id="5hhch"></source></tt>
    1. <xmp id="5hhch"></xmp>

  2. <xmp id="5hhch"><rt id="5hhch"></rt></xmp>

    <rp id="5hhch"></rp>
        <dfn id="5hhch"></dfn>

      1. gif動畫的制作技巧

        時間:2024-09-25 11:20:37 動畫設計 我要投稿

        gif動畫的制作技巧

          為了避免寫僵尸教程,有些地方還是需要大家自行思考并且延伸到更多的制作,如果僅僅參考教程做出的東西而不動腦經,除了臨時練手以外意義真的不大。下面是小編為大家帶來的gif動畫的制作技巧,歡迎閱讀。

          類似loading的動畫

          Step1——畫圓環

          新建一個500px(以下出現的所有數值可以自定義不用完全照搬)的默認畫布,并用橢圓工具(填充無,描邊30,色值#f2f2f2)畫一個正圓環,然后調出時間軸并且創建時間軸動畫。

          Step2——圓環漸變

          給圓環上色,技巧也就在這里。首先我們分析顏色的變化是從無到有,再從有到無。利用圖層樣式的漸變,可以實現這個效果(事實上利用圖層樣式實現的動畫實在是太多了并且太好用了)。在時間軸的第一幀位置打開樣式動畫的關鍵幀開關,調出圖層樣式勾上漸變,樣式為角度,打開漸變編輯器并選取一個顏色如下圖,

          因為是從無到有的過程,因此【無】(即白色)的透明度設置0,【有】(即綠色)的透明度設置100%,

          然后把【無】的透明度和顏色拖到跟【有】重疊如下圖,

          溫馨提示:當漸變的兩個數值(標)完全重疊時,事實上還區分左右(上下)的位置,并且這個位置很重要。單擊標可以切換標的位置,如果無法切換則沒有完全重疊,此時你可以拉伸漸變編輯器盡可能讓數值完全重疊,當然這個是在0的起始位置重疊,拉不拉伸沒有太大意義~

          回到時間軸,拖動時間線到指定位置(20f),把所有數值的標拖到最右邊的位置如下圖

          Step3——添加圓形旋轉動畫

          一個動畫基本完成,再給頭部跟尾部添加圓形,尾部(起始位置)的圓固定不動,而頭部的圓跟隨顏色的變化一起運動。所以我們需要給這個圓做旋轉(轉換為智能對象方可做變換動作),確立旋轉圖形新的中心點在玩轉PS時間軸第三篇有講過,這里就不多說了,我們還需要注意的是旋轉的時候不能超過180°,這個也在第二篇文章有講過,因此我們需要給這個旋轉的圓圈至少添加4個關鍵幀,并且時長與旋轉的位置要跟圓環的顏色對應。

          Step4——復制+反向

          還有一個從有到無的過程,把剛才從無到有的動畫編組并且復制,轉到時間軸把這個組向后拖動到一定位置(在前面組的結尾往前一點點,使其神不知鬼不覺地循環運動),然后在復制組的圓環圖層的關鍵幀(起始幀與結束幀)互相對調,最后將時間線拖到關鍵幀的位置調出圖層樣式,漸變勾上反向。當然你不喜歡這種復制+反向的方法而要重新做顏色的漸變也沒人攔你~

          以上4步已經完成了一個loading從無到有,從有到無的動畫,你可以設置更多樣式,比如設置圓環的填充為0,給圓環添加內陰影,轉換為智能對象再添加樣式等等。

          綻放的煙花

          Step1——畫長條

          新建一個500×900px(取決于煙花綻放尺寸)的畫布,用鋼筆工具(填充無,描邊4,端點圓角,色值任意但我喜歡用黃)畫一根長182px(你要長短都行,不要影響到最后效果便可)的線條,ctrl+j復制多一根(保持一樣的位置),然后調出時間軸并且創建時間軸動畫。

          Step2——條子動畫

          通過學習【玩轉PS時間軸-3】中的剪貼蒙版+移動

          Step3——變換復制

          學習前面一篇文章【關于ps變換復制的原理】,我們都知道快捷鍵ctrl+shift+alt+T變換復制,尤其在制作旋轉圖形的時候經常使用,而智能對象無法直接使用快捷鍵復制,需要先用形狀圖層或者像素圖層使用先制作變換復制軌,讓系統記錄這個軌跡,然后再選擇智能對象圖層后方可使用快捷鍵復制。

          回到原畫布,此時我們已經制作了一個1S的條子動畫。把時間線拖到1f的位置,這個時候我們可以看到露出一點的條子,

        【gif動畫的制作技巧】相關文章:

        PS制作GIF動畫設計的技巧10-27

        PS制作GIF動畫的七個技巧01-06

        PS制作GIF動畫設計的小技巧04-24

        GIF動畫設計的技巧方法06-17

        如何用ImageReady制作漸隱Gif動畫09-16

        Flash怎么制作滾動的方塊GIF動畫09-12

        GIF動畫設計的7個小技巧05-21

        fireworks動畫制作的技巧教程10-17

        動畫制作經驗和技巧10-12

        MG動畫制作的小技巧09-22

        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码

        1. <tt id="5hhch"><source id="5hhch"></source></tt>
          1. <xmp id="5hhch"></xmp>

        2. <xmp id="5hhch"><rt id="5hhch"></rt></xmp>

          <rp id="5hhch"></rp>
              <dfn id="5hhch"></dfn>