如何制作線條樣式圖案


原文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)。

image

步驟 3

? 調(diào)整圖形,選擇效果 > 扭曲和變換 > 波紋效果,設(shè)置如下:

  • 大?。?/strong>4 px
  • 絕對:選擇
  • 每段的隆起數(shù):15
  • 點:平滑
image

Tips:調(diào)整圖形的時候,每段隆起數(shù)量請確認數(shù)值為單數(shù),否則有將會有對不齊圖形的情況出現(xiàn)。

步驟 4

? 選擇剛剛創(chuàng)建的圖形,右鍵選擇變換 > 移動,數(shù)值設(shè)置如圖。請注意,最下面務(wù)必選擇復(fù)制按鈕。

復(fù)制波浪形

步驟 5

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

填滿左下角空白區(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編成一組,然后向右按住AltShift鍵拖拽一次并保持對齊。然后就可以用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),如下圖。

優(yōu)雅的三角形

步驟 3

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

image

步驟 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的方形在這個菱形圖案上方,然后選擇兩個圖案制作剪切蒙版,至此三個圖案都制作完成啦。

第三幅圖案

(完)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容