@小車又丑又笨但是很靠譜 這是大師Veerle的基礎教程！希望大家融會貫通，學會更多的組合特效！

規則的幾何圖形讓人著迷，尤其是當這些圖形按照一定的順序排列的時候。本教程會教您怎樣用一種簡單的方法把幾何圖形按照一定的規則排列，使它們呈現出復雜而炫麗的效果。走著~

1. 創建幾何圖形
創建畫布，染黑。選擇橢圓形工具（U），按住shift鍵繪制一個顏色鮮艷的正圓。拖出一條參考線與圓心對齊，然后Ctrl+T，按住shift鍵將上面的圓旋轉45°。用直接選擇工具（A）選擇該圓的路徑，然后用鋼筆（P）工具在圓的如圖所示處增加一個錨點，配合鋼筆工具和直接選擇工具將圓形調整成一個水滴的形狀。

2. 增加線性漸變蒙版
給上面的圖形增加一個蒙版。漸變顏色為黑色到白色，漸變方式為線性。按G鍵在蒙版上拖拽的同時按住shift鍵填充該漸變色，調整漸變色的位置，使得水滴圖形的尖端被黑色覆蓋（如下圖）。

3. 復制圖層并改變顏色
復制上面的圖形（ctrl+J）并進行適當的縮放，并水平翻轉。然后稍微改變顏色（略微變深或變淺）。移動圖形到如圖所示的位置。這時候你可能需要改變一下蒙版中黑白漸變顏色的位置，只需按照步驟2中的方法，略加調整即可。

3. 建立一組上面的圖形
重復上面的步驟并建立一組這樣的圖形。

4. 將該組圖形編組并且添加徑向漸變
選擇剛才繪制的所有圖形，ctrl+G編組并命名。然后添加蒙版，設置漸變滑塊由黑到白，選擇漸變方式為徑向漸變。按G鍵，然后按shift鍵由中間向外拖拽鼠標。

5. 復制上面的組，旋轉，變色
整組復制上面的圖形，改變組內各圖形的顏色。將新的組放大或者縮小，并旋轉180°。或者你可以按照步驟4，給新組也添加一個徑向漸變。

6. 修飾
你還可以對上面的組進行一些不同的修飾，比如，改變某一個組的混合模式為“變亮”，或者改變某圖層的透明度至50%等。
哦，對了，是不是圖中的字體很帥？它的名字叫“FF Cocon”。（字體下載請戳這里）

最終效果：

優設網翻譯小組:SDC翻茄匠 ? 微博ID:@小車又丑又笨但是很靠譜
原文地址：Veerle's blog

 
================關于優設網================
“優設網uisdc.com“是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量32萬的人氣微博@優秀網頁設計?，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：