• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS動畫教學 】Photoshop製作旋轉的八卦圖動畫教程




    Photoshop製作旋轉的八卦圖動畫教程

    這一次的教學是屬於PS教程領域中的動畫教程的相關教學。

    文章出處是來自站酷的PS教程類文章,寫教學的作者是你們的三先生,感謝你們的三先生提供動畫教程的實作教學。

    教學大綱:

    本教程主要使用Photoshop製作流暢的八卦圖旋轉動畫教程,教程的步驟不是很難,感興趣的朋友一起來學習吧。


    動畫教程教學開始

    先看看效果圖

    Photoshop製作旋轉的八卦圖動畫教程

    非常的簡單,也挺好玩兒的,那麼開始我們的教程吧

    1、首先,我們新建一個600X600像素的透明畫布。

    Photoshop製作旋轉的八卦圖動畫教程

    2、接下來我們選擇橢圓工具,在畫上點擊,新建一個500X500像素的圓形。

    Photoshop製作旋轉的八卦圖動畫教程

    3、接下來我們再創建兩個像素為205X250像素的圓形,顏色為一黑一白,按照距離擺放好

    Photoshop製作旋轉的八卦圖動畫教程

    4、好的,接下來我們把下邊的大圓形圖層進行柵格化處理,然後把圓形的下半部分用矩形選框工具選中,然後填充為黑色。

    Photoshop製作旋轉的八卦圖動畫教程

    5、接下來我們再創建一黑一白兩個像素為50X50的小圓形,放在放在適當位置

    並按快捷鍵CERL+ALT+SHIFT+E蓋印圖層。

    Photoshop製作旋轉的八卦圖動畫教程

    6,接下來我們讓它旋轉起來,點擊窗口,找到時間軸工具欄

    Photoshop製作旋轉的八卦圖動畫教程

    7、我們首先將時間結尾拖拽到2秒處(不需要太長時間),然後點擊白色小箭頭找到旋轉,逆時針,設置完成

    Photoshop製作旋轉的八卦圖動畫教程

    8、點擊圖層1左側的小箭頭,我們可以看到兩個關鍵幀小黃點,我們將後面的一個刪除掉,將時間軸的小滑塊拖拽到15f處,然後對圖層進行自由變換,逆時針90度,敲回車鍵,我們可以看到15f處又出現了一個黃色的關鍵幀小黃點,以此類推,分別在1.0f,下一個15f和2f處都執行自由變換逆時針90度操作,敲擊回車。

    Photoshop製作旋轉的八卦圖動畫教程

    9、好的,我們把關鍵幀都設置好之後直接點擊播放按鍵就可以看見它已經可以旋轉起來了

    Photoshop製作旋轉的八卦圖動畫教程

    10、最後我們將其保存為web可用格式GIF文件就可以了,為了觀察清晰呢,我們也可以為其加上其他顏色的背景

    Photoshop製作旋轉的八卦圖動畫教程

    — —

    文章永久連結為: Photoshop製作旋轉的八卦圖動畫教程