原文by:Andrei Stefan 譯:Charles_xcc 2018年12月10日 難度:初學(xué)者

在今天的這個教程里,我們準備用AI制作一個線條樣式的圖案,來來回回所用的都是一些簡單的基本圖形。
1.如何創(chuàng)建新文檔
? 開始之前,我們需要建立一個新文檔。選擇文件 > 新建(或者使用快捷鍵 CTRL - N ),設(shè)定如下圖:
配置文件:Web
畫板數(shù)量:3
間距:200 px
列數(shù):3
寬度:400 px
高度:400 px

2.如何制作第一個圖案樣式
? 剛剛我們已經(jīng)完成了新建文檔的配置文件,我們還需要完善一下剛剛創(chuàng)建的三個畫板。
步驟 1
? 運用矩形工具創(chuàng)建一個方形圖案,大小 400 x 400 px 。顏色為#78B9FF,選擇對齊工具,并選擇對齊到畫板,然后對齊對象中選擇水平居中對齊和垂直居中對齊。

步驟 2
? 選擇鋼筆工具(P),從畫板左上角開始一直到右下角畫一條直線如圖,描邊工具中的粗細選擇4 px(#FFFFFF)。

步驟 3
? 調(diào)整圖形,選擇效果 > 扭曲和變換 > 波紋效果,設(shè)置如下:
- 大?。?/strong>4 px
- 絕對:選擇
- 每段的隆起數(shù):15
- 點:平滑

Tips:調(diào)整圖形的時候,每段隆起數(shù)量請確認數(shù)值為單數(shù),否則有將會有對不齊圖形的情況出現(xiàn)。
步驟 4
? 選擇剛剛創(chuàng)建的圖形,右鍵選擇變換 > 移動,數(shù)值設(shè)置如圖。請注意,最下面務(wù)必選擇復(fù)制按鈕。

步驟 5
? 完成上面步驟之后,就可以用快捷鍵Control - D直接復(fù)制該圖形(一共24次),直到填滿左下角空白區(qū)域。

步驟 6
? 選擇最初的那條波浪線,重復(fù)上面步驟,但是水平和垂直的數(shù)值相反,水平- 8 px ,垂直8 px 。重復(fù)復(fù)制(Control - D)24次,然后選擇所有波浪線圖形(選擇 > 相同 > 描邊顏色),將所選圖形編組方便接下來的操作(Control - G)。

步驟 7
? 我們需要復(fù)制一次底層的藍色塊,將其置于頂層(右鍵 > 排列 > 置于頂層),選擇波浪線和頂層的藍色快制作建立蒙版(右鍵 > 建立剪切蒙版)。至此,第一個簡單的圖案已經(jīng)完成了??纯葱Ч袥]有一點成就感呢?

3.如何制作第二個圖案樣式
? 讓我們切換到第二塊畫板。
步驟 1
? 首先建立一個20 px x 20 px 的方塊。顏色填充為#FFE180,用快捷鍵Ctrl - R喚出標尺,然后如圖,利用標尺(拖拽)建立一個2px的輔助線。

步驟 2
? 選擇直接選擇工具(A),選取右邊兩個錨點,點擊右鍵 > 變形 > 移動,輸入如圖數(shù)值。

步驟 3
? 選擇此四邊形,用快捷鍵復(fù)制一層(Ctrl - C),然后粘貼在最頂層(快捷鍵Ctrl - F),顏色填充#191515,選擇描邊工具,將**粗細改成4 px **,數(shù)值如圖。

步驟 4
? 用復(fù)制粘貼在最前面快捷鍵復(fù)制圖形(Ctrl - C > Ctrl - F ),選擇新復(fù)制出來的圖形右鍵 > 變形 > 翻轉(zhuǎn) > 水平翻轉(zhuǎn),選擇新圖形填充#FF99C3,然后拖拽新圖形,使其對齊如下圖。

步驟 5
? 選擇這兩個四邊形,編組(Ctrl - G),然后復(fù)制并且往上拖拽對齊如圖(按住Alt拖拽鼠標復(fù)制,按住Shift拖拽鼠標可以垂直對齊的拖拽)。

步驟 6
? 完成上一步之后,直接使用快捷鍵Ctrl - D快速重復(fù)上一步動作。重復(fù)9次就可以得到整列的四邊形了,如下圖。

步驟 7
? 完成上一步驟后,選擇所有圖形,用Ctrl - G編成一組,然后向右按住Alt和Shift鍵拖拽一次并保持對齊。然后就可以用Ctrl - D復(fù)制了,最后再建立一個400 x 400 px的方形在這些四邊形上面,然后右鍵 > 建立剪切蒙版,然后就沒然后了_

4.如何制作第三個圖案樣式
? 讓我們切換到第三塊畫板吧。
步驟 1
? 快捷鍵M,創(chuàng)建一個40 x 40 px的方形,顏色填充FFB685,如圖建立參考線,并對齊圖形。

步驟 2
? 用鋼筆工具(P)的添加錨點功能,在底部中線處添加一個錨點,然后按住Alt鍵(保持鋼筆工具)使用消除錨點工具消除左下角和右下角的錨點,就可以做出一個三角形如圖。復(fù)制一個三角形并置于最頂層(Ctrl - C和Ctrl - F)。給頂層的三角形一個4 px的描邊,描邊顏色選擇#191515,選擇兩個圖形組成一組(Ctrl - G),如下圖。

步驟 3
? 運用Ctrl - C和Ctrl - F快捷鍵復(fù)制一個三角形,右鍵 > 變換 > 對稱 > 垂直得到另外一個一樣的三角形,拖拽使其如圖對齊。

步驟 4
? 在工具欄中找到橢圓工具,畫一個16 x 16 px的圓形,填充#A0EFD5顏色,描邊4 px用#191515顏色,記得利用輔助線,將他對齊如圖,復(fù)制這樣的4個圓形,全部對齊后,選擇所有圖形,編成一組(Ctrl - G)。

步驟 5
? 選擇上面已經(jīng)編組后的圖形,按住Alt鍵拖拽鼠標復(fù)制一個一樣的圖形,顏色填充#FFE180,對齊如圖,然后運用Ctrl - D重復(fù)上一步動作,直至填滿空白處,然后選擇所有圖形進行編組(Ctrl - G)。

步驟 6
? 用同樣的方法,復(fù)制圖形并對齊如下圖。,然后再將所有圖形進行編組。

步驟 7
?選擇這上面已經(jīng)編好組的圖形,繼續(xù)按住Alt 鍵使用鼠標拖拽,并對齊,最后再摁幾次Ctrl - D,整個圖形就完成了,別忘記制作一個400 x 400 px的方形在這個菱形圖案上方,然后選擇兩個圖案制作剪切蒙版,至此三個圖案都制作完成啦。

(完)