1. 首頁
  2. »
  3. Illustrator
  4. »
  5. [教學] 利用Illustrator繪製出動感波浪曲線科技背景

[教學] 利用Illustrator繪製出動感波浪曲線科技背景

2018/02/27

梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景

  當今天在搜尋科技的背景圖時,除了會用比較冷色系作為背景色外,再來就是會有細細的曲線線條,看起來很輕柔,又不失科技感,同時增添了一些設計感與律動感,讓畫面看起來更加的有質感,而那看似動感的波浪曲線,許多人朋友可能會以為,那是用3D繪圖軟體所繪製的,其實倒也不用這麼的麻煩,只需善用Illustrator中的漸變,就可繪製出動感的感波浪曲線。


  且製作上相當的簡單,只需二條線,立即就能實作出,動感波浪曲線,同時也沒有複雜的設定,只需善用漸變工具,設定起始與結束點,立即就可將二條看似平凡的線條,變成動感波浪曲面啦!且曲線也較能符合自己設計的需求,因此想知道動感的波浪曲線要如何製作的朋友,現在也一塊來看看囉!


Step1
首先,開啟Illustrator,並利用鋼筆工具,繪製出二條曲線。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step2
接著利用選取工具,將二條曲線選取起來,再點選工具箱的「漸變工具」,對著第一條曲線上的節點,點一下。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step3
再移到另一條曲線的節點,再點一下。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step4
當點選完畢後,立即就會產生出,波浪狀的曲面,這時再雙響「漸變工具」圖示。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step5
將間距設為「指定階數」選項。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step6
接著再設定階層數量,數字愈高愈密集,愈少愈鬆散。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step7
當設定完畢後,若發現有些地方會有重疊或露白,那是曲線不夠平滑,因此可調整曲線的節點,或是用平滑工具,來回的刷一下。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step8
鏘~鏘~完成,有沒有超漂亮的呀!
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景


Step9
這時再搭配底色與改變曲線顏色,是不是很有科技感呀!且製作過程超容易,下回有需要時,不妨也試試看。
梅問題-[教學]利用Illustrator繪製出動感波浪曲線科技背景