首頁 » 扁平化風格再起,透過Illustrator設計各種潮流風格素材-Ai基礎篇、進階黏黏效果

扁平化風格再起,透過Illustrator設計各種潮流風格素材-Ai基礎篇、進階黏黏效果

 

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。

因現今行動裝置的普及化,使得人們與智慧型手機、平板電腦已脫離不了關係,因此在APP市場裡,出現了各式各樣的介面設計,而有一種設計風格悄然興起,就是扁平化設計風格(Flat Design)。
本篇斐品設計團隊將帶來快速使用Adobe Illustrator做出各種扁平化風格之素材共 4 大基礎設計技巧,同時分享進階版的特殊變形「黏黏效果」教學,跟著步驟透過 Ai 展開製作,一起跟上最流行的設計風格吧!

✧延伸閱讀:2024年最新平面設計趨勢6大面向與案例分享,提升視覺靈感!

 

扁平化風格的設計特色

扁平設計是一種2D的極簡設計風格,強調簡單的形狀、顏色和排版,去除不必要的裝飾和立體效果,來創建清晰易懂的圖標和介面元素,色彩上通常使用明亮且對比強烈的色系來吸引觀者的注意,較少使用陰影、3D等元素,整體呈現出簡潔、清晰的畫面。

 

設計大補帖Part 1:

一鍵製作!超有特色扁平化素材

Illustrator的變形效果百百種,每種形狀匹配不同的數值、效果皆會有更多種意想不到的造型,只需簡單的利用效果視窗內的設定即可完成!跟著以下步驟邊學邊做吧!

✧延伸閱讀:Illustrator必學技能,製作3D泡泡字體與放射線圖素材教學

 

基礎效果1:縮攏效果

製作想要變形的物件,可先依照斐品小編的五個造型做實驗喔!

製作完成後,點選效果視窗 “ 扭曲與變形 “ 縮攏與膨脹,再依照喜好的變形程度做「負數」的數值設定,即完成!

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。

 

基礎效果2:膨脹效果

使用上個步驟使用的物件作變形,點選效果視窗 “ 扭曲與變形 “ 縮攏與膨脹,一樣依照喜好的變形程度做數值填入,但這次是以「正數」數值為主,設定完即完成!

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。
 
基礎效果3:螺旋效果

製作想要變形的物件,點選效果視窗 “ 扭曲與變形 “ 螺旋,此時所需填入的數值越大效果越明顯喔!

 

基礎效果4:鋸齒化效果

以圓形為實驗物件,點選效果視窗 “ 扭曲與變形 “ 鋸齒化,數值尺寸格依照喜好之成效做填入,而各區間的鋸齒數以「單數」填入,效果會更美觀,填入後即完成!

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。
 

設計大補帖Part 2:

進階變形技巧 — — 黏TT的黏黏效果

一般的物件重疊、分割等效果是否已經用太多次、有點膩了呢?這時候可以多利用變形的雙重技巧,來達到更有特色且效果十足的設計造型,今天斐品設計團隊加碼,分享黏TT的效果變形技巧,跟著下面的步驟學起來吧!
All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。
 

✧延伸閱讀:設計師的速成技!用Ai十分鐘做出可愛字體與幾何圖形插畫

 

步驟一:製作素材

畫出兩個圓形物件, 同時選取並點擊右鍵,選取「製作複合路徑」。

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。
 
步驟二:位移複製(第一次)

選取物件,點擊效果視窗 “ 路徑 “ 位移複製,視窗內數值設定「正數」,以兩個圓形互相重疊即可,轉角選擇圓角。

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。
 
步驟三:位移複製(第二次)

延續同樣以變形過的物件,點擊效果視窗 “ 路徑 “ 位移複製,視窗內數值設定「負數」,即設定完成。

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。
 
步驟四:更改素材大小、位置

若需要移動單個物件,只需使用白色箭頭指標,並選取該物件後,轉為黑色箭頭指標,點選後即可隨意移動囉!

All Photo Credits in This Article:斐品整合行銷公關顧問有限公司|轉載請務必標明出處。
 
隨著Adobe的更新,許多變化效果皆已非常強大且能輕鬆製作,希望以上Ai的變形教學,能幫助大家在未來的設計上,能創造出許多令人驚艷的作品! 歡迎追蹤我們的instagram,獲得最新消息喔!

若對於斐品的服務有興趣或想多了解的話,歡迎填寫網站表單,斐品團隊將主動與您聯繫並提供相關公司資料與Sales kit,同時可以安排免費且限量的品牌諮詢服務,讓我們更了解你的品牌、激盪更多創意和行銷公關操作規劃!
也可以透過e-mailline@找到我們!或是關注我們的Facebook粉絲專頁instagram,我們將持續分享最新的行銷趨勢內容和精彩的客戶案例!
感謝各位品牌主或行銷人員看到這邊,希望很快地就能為您服務、一起合作!

✨觀看客戶成功案例 |了解斐品行銷團隊