---
# System prepended metadata

title: 012波浪效果

---

# 012波浪效果

{%youtube 0pAAik7jREY %}
* ### step1
    畫一圓
    ![](https://i.imgur.com/oDQIZxK.jpg)
    
    右鍵>>layer style>>inner shadow
    
    ![](https://i.imgur.com/G6AspNa.jpg)
    
    複製一個後套用 effect : gaussian blur做模糊效果
    
    ![](https://i.imgur.com/AJWnloQ.jpg)    


* ### step2
    畫一條路徑
    
     ![](https://i.imgur.com/TrGZGCK.jpg)
     
     筆畫粗一點
     
     ![](https://i.imgur.com/BGI8xRn.jpg)
    
    content>>stroke>>taper>>start length
    start length：100
    
     ![](https://i.imgur.com/cXaMPzA.jpg)
     
    content>>stroke>>wave>>amount(波浪高度)
content>>stroke>>wave>>wavelength(波浪寬度)

   ![](https://i.imgur.com/ya6wI6Z.jpg)
   
   content>>stroke>>wave>>phase給一段程式碼 : time*200
   
   ![](https://i.imgur.com/HrlpOG5.gif)




* ### step3
     一樣的方法畫線段加上 effect : wave warp
     加上gradient ramp做漸層
     ![](https://i.imgur.com/v0TcNj1.jpg)
     
    複製一個一樣的，wavw warp的wave heigh數值相反過來
    
    ![](https://i.imgur.com/HL611vG.jpg)

    混合模式調成screen
    
     ![](https://i.imgur.com/38aip9H.jpg)

![Uploading file..._zm9fvrk91]()

 * ### step4
      波浪2 波浪3的path要parent到波浪1
 * ### step5
      ![](https://i.imgur.com/YSZYpFY.jpg)
  
    打開後點選波浪1的path ==(重要!!!)== 按nulls follow points
    
    ![](https://i.imgur.com/Doq5dhn.jpg)

    會生成連著線段的null object
* ### step6
  將一開始做的球parent null object
  設定波浪1的path就可以做動畫
  波浪即完成
* ### step7
    **小人做法**
    effect : grow bound
    為避免cc bend it破格
    effect：cc bend it
    彎曲效果
    記得先調start跟end才有辦法做彎曲
    
   ![](https://i.imgur.com/p2cXDtO.jpg)

* ### step8
    **speed line做法**
    
   ![](https://i.imgur.com/4ar5Juv.jpg)
   
    畫一條線做trim path
    star/end/offset各給一個隨機的數字(time*隨機數字)
    offset控制速度
#### 教學影片

{%youtube -_kCFINJvFg %}