Illustrator實例教程:創建圓形無縫背景圖案

今天,我們給大家帶來一篇Illustrator實例教程,教大家創建一個圓形的無縫背景圖案。這種背景圖案可以看作是傳統的中國風元素。

我們先來看一下最終的效果吧!

Illustrator實例教程:創建圓形無縫背景圖案


Illustrator實例教程:創建圓形無縫背景圖案

那麼,這樣的背景是怎麼做的呢?下面,我們就來看一下具體的操作步驟。

這篇教程我們將分為兩部分:基本圖案的繪製以及背景的創建。其中,最重要的就是背景圖形的繪製,希望大家能夠掌握這種圖形的繪製方法。

一、基本圖案的繪製

首先,我們在Illustrator中新建一個10cm×10cm的正方形畫板。

Illustrator實例教程:創建圓形無縫背景圖案

新建畫板

我們在工具箱中選擇“橢圓”工具,繪製一個10cm×10cm的圓,保留描邊,不要填充,描邊選擇“內側對齊”,粗細為14pt。

Illustrator實例教程:創建圓形無縫背景圖案

繪製第一個圓形

接下來,我們選中這個圓,按Ctrl+C、Ctrl+F原位複製一個,將直徑改為8cm。

Illustrator實例教程:創建圓形無縫背景圖案

繪製第二個圓

按照同樣的方法,我們繪製出其他的圓,直徑分別為6cm、4cm、2cm。這樣,同心圓就畫好了。

Illustrator實例教程:創建圓形無縫背景圖案

繪製好的同心圓

我們選中同心圓,選擇對象-擴展外觀將描邊擴展成填充。再選擇對象-複合路徑-建立建立複合路徑。

Illustrator實例教程:創建圓形無縫背景圖案

擴展外觀


Illustrator實例教程:創建圓形無縫背景圖案

建立複合路徑

接下來,我們將這個同心圓縮小一半,選擇矩形工具,繪製一個邊長2.5cm的正方形,與同心圓左上角對齊。

Illustrator實例教程:創建圓形無縫背景圖案

繪製正方形,與同心圓左上角對齊

我們同時選中矩形和同心圓,在“路徑查找器”面板中,單擊“形狀模式”下的第三個按鈕“交集”,這樣,我們就得到了四分之一的同心圓(以下簡稱“圖案A”)。

Illustrator實例教程:創建圓形無縫背景圖案

創建交集


Illustrator實例教程:創建圓形無縫背景圖案

得到四分之一個同心圓

我們選中“圖案A”,按住Alt+Shift鍵,水平向右複製出一個“圖案A”,將複製出的“圖案B”旋轉90度,並與前一圖案對齊,得到半個同心圓。

Illustrator實例教程:創建圓形無縫背景圖案

得到半個同心圓

我們繼續選中“圖案A”,按住Alt+Shift鍵,垂直複製出一個“圖案C”,將“圖案A”旋轉90度,同樣需要對齊,得到四分之三個同心圓。

Illustrator實例教程:創建圓形無縫背景圖案

得到四分之三個同心圓

我們將“圖案C”繼續複製得到“圖案D”,旋轉180度,並與“圖案C”線條對齊,得到如下的形狀。

Illustrator實例教程:創建圓形無縫背景圖案

我們繼續將“圖案C”水平復制,並與“圖案B”的線條對齊,得到如下的形狀。

Illustrator實例教程:創建圓形無縫背景圖案

接下來,我們將圖案A、B、C都刪除,得到如下的形狀。

Illustrator實例教程:創建圓形無縫背景圖案

我們需要保留的形狀

接下來,我們選中該圖案,選擇“形狀生成器工具”(快捷鍵Shift+M),按住Alt鍵,單擊紅色圖案中不需要的部分,生成我們想要的形狀。

Illustrator實例教程:創建圓形無縫背景圖案

用形狀生成器工具生成想要的形狀

我們繼續用形狀生成器工具框選這些剩餘的圖案,讓它們合併成一個圖案。

Illustrator實例教程:創建圓形無縫背景圖案

得到基本形狀

到這裡,我們已經得到了基本圖案的一個單元。我們按照上面的方法,將這個基本圖案複製、旋轉,就得到了基本圖案。

Illustrator實例教程:創建圓形無縫背景圖案

將基本圖案複製旋轉,得到圖案

最終的基本圖案如下圖:

Illustrator實例教程:創建圓形無縫背景圖案

最終的基本圖案



二、背景的創建

得到基本圖案以後,背景的創建就比較容易了。我們繼續將這個基本圖案按住Alt+Shift鍵水平、垂直複製,根據背景的尺寸,調整基本圖案的尺寸和數量就可以了。

我們可以根據自己的喜好設置不同的顏色。最終的背景效果如下圖:

Illustrator實例教程:創建圓形無縫背景圖案


Illustrator實例教程:創建圓形無縫背景圖案



今天的教程就是這樣了,希望能夠對你有所幫助。


分享到:


相關文章: