今天分享一篇新手教程，教同學們用Illustrator創建矢量的無縫幾何圖案，你可以應用在很多設計場景中，當然也可以舉一反三，創建出更加漂亮的圖案。來學習一下吧

效果展示：

① 使用橢圓工具（鼠標點擊矩形工具按住不放）創建不同尺寸的兩個圓，要求這兩個圓中心位于同一垂直線上。

選擇這兩個圓圈，然后選擇 對象>混合>制作 或按Ctrl+ Alt + B鍵。

繼續點擊對象>混合>混合選項（或單擊工具面板中的混合工具圖標）。在設置對話框中選擇指定的步數，然后設置自己想要的間距。

② 點擊對象>混合>拓展。請確保取消組合所產生的圓圈（Ctrl + G）。

在“對齊”面板（Shift + F7）的下拉菜單中選擇“對齊關鍵對象”。

(譯者附上漢化后的圖一張)

在圓圈的邊緣之間輸入數字設置想要的間隙，然后單擊垂直分布間距。

編組所有圓圈 (Ctrl + G).

③ 點擊鏡像工具（O），按住ALT鍵單擊底部的圓圈，在打開的對話框中,選擇水平軸按復制按鈕

保持新組被選中,選擇對象>變換>移動，設置垂直偏移值,等于之前設置對齊面板的分布間距值 (我的是6 px)

④ 點擊直線段工具（/），然后按住shift創建一條水平線

繼續執行效果>扭曲和變換>波浪效果，并設置如下面的圖片中顯示的參數。

⑤ 選擇對象--擴展外觀。對于后面的工作中，我們只需要A，B兩點間的曲線段。

使用直接選擇工具（A）選擇要刪除的點(圖中標示的點)，然后單擊Delete鍵。

⑥ 使用選擇工具（V）將曲線段的A點于任何一個圓的中心對齊。這個圓將是最基礎的部分。此時，沒有必要做精確的操作。

移動圓圈組合，按住Alt鍵進行復制，以配合曲線段B點的基圓的中心。

⑦ 選擇這兩個圓圈組合，然后創建一個混合對象（Ctrl+ Alt + B，然后對象>混合>混合選項）

點擊對象>混合>展開，然后取消組合所產生的群體。

⑧移動圓圈在垂直方向上的中間部分，使得基圓的中心分別位于所述彎曲段。這樣的動作可以利用向上和向下箭頭鍵來方便操作。

選擇所有的圓，然后選擇鏡像工具（O），然后點擊A點，按住Alt鍵。在打開的對話框中選擇垂直軸，并單擊復制按鈕。

圈子將互相重疊，所以上面的組合可以被刪除。

⑨ 我們可以在創建圈子的基礎上創建一個圖塊無縫模式。點擊矩形工具（M）創建一個矩形，這樣會將它的頂點與圓的中心，分別位于遠組一致。在這種情況下，該操作必須是完全準確的。

增加矩形的高度,讓它涵蓋所有的圓圈.

⑩ 拖動圓形加下面的矩形到色板面板

現在來測試它,試著創建一個任意矩形然后填充和應用模式。若如圖所示則說明成功.

基于圓我創建了另一個版本的模式。上下復制圓圈兩次,將會如下圖所示。

基本矩形的位置下圖所示。

現在我想告訴你如何準備創建無縫圖案。對象是位于基底外側，并且不相交的邊可以被去除，盡管這不是必需的。

復制矩形底座和上面的所有對象的副本。

選擇所有對象,然后按Ctrl + F7快捷方式創建剪切蒙版。

為了更好的視覺效果, 你可以復制一個瓷磚圖案幾次，放置副本,讓他們相互接觸無間隙。

掌握了該技術，就可以繼續創造一系列類似以下圖案的圖。祝你也能成功做到！

授人以魚不如授人以漁，教程練再多，得窺得門道才能運用自如：

《經典教程！執行力強心針：字體特效篇（1）》
《經典教程！執行力強心針：字體特效篇（2）》

原文地址：Vectorboom
優設網翻譯：@_Wangyijie_

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量73萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：