編按：

    現(xiàn)階段圖標(biāo)基本分為：剪影圖標(biāo)、輕擬物圖標(biāo)、輕質(zhì)感圖標(biāo)、擬物圖標(biāo)、疊加圖標(biāo)、文字主體圖標(biāo)、插畫圖標(biāo)、像素圖標(biāo)這幾類。概括起來不外乎就是擬物化圖標(biāo)和扁平化圖標(biāo)兩大類，今天帶你了解一下脫離這兩個(gè)大類的另一種圖標(biāo)——針織圖標(biāo)。一起來學(xué)習(xí)吧！

前言

毛線編織紋理中的一針一線，最能傳達(dá)溫暖、體貼和一種溫馨的親和力。織物的質(zhì)感如果運(yùn)用在這類設(shè)計(jì)中將會(huì)非常出彩。今天我們就來學(xué)習(xí)在AI中如何掌握這一技法，這個(gè)技法的精髓的就在于對(duì)于細(xì)節(jié)和整體的把控，以小見大。而為其增加魅力的是織物上的圖案。

你將會(huì)學(xué)到：

1、運(yùn)用變形工具對(duì)基礎(chǔ)型的變換；

2、利用變換工具來排布紋理；

3、通過改變色彩的方式進(jìn)行圖案的安排；

靈感來源

此教程靈感來自于TUT+教程文章，在原文之上有改動(dòng)和增刪

從基礎(chǔ)形開始

通過觀察紋理，我們都會(huì)發(fā)現(xiàn)，紋理圖案是由一大片相同的小圖案所鋪排構(gòu)成。我們索性就把這個(gè)小圖案稱為“基礎(chǔ)形”。下面我們就來先繪制一個(gè)這樣的基礎(chǔ)形。

STEP 01

讓我們打開AI，新建一個(gè)400*400的文檔，在這個(gè)文檔中繪制一個(gè)橢圓。關(guān)閉描邊，將其填充為藍(lán)色。

STEP 02

選中這個(gè)橢圓，進(jìn)入【效果>變形>旗形】，在打開的變形選項(xiàng)中，在選中水平方向的基礎(chǔ)上，將彎曲強(qiáng)度設(shè)置為20%。這時(shí)對(duì)形狀進(jìn)行變形處理，然后進(jìn)入【對(duì)象>擴(kuò)展外觀】，將其擴(kuò)展為路徑。

STEP 03

將這個(gè)形狀進(jìn)行復(fù)制，復(fù)制后的形狀再略微縮小，選中縮小后的形狀，將其透明度設(shè)置為75%，圖層混合模式改為“濾色”。這個(gè)過程主要是為了體現(xiàn)織物紋理中的高光部分。

STEP 04

再給織物增加“線”的痕跡，以便讓整個(gè)造型看上去更為擬真。線條的畫法如下：

1、先用橢圓工具畫一個(gè)非常扁的橢圓； 2、運(yùn)用錨點(diǎn)工具點(diǎn)擊左右兩邊的錨點(diǎn)，使這個(gè)橢圓變?yōu)樗笮危?span> 3、再復(fù)制出4個(gè)梭形，將其縱向排列并且將上下兩個(gè)梭形變得略短； 4、將它們編為一組；

STEP 05

選中上一步所繪制的線條組，進(jìn)入【效果>變形>旗形】，在打開的變形選項(xiàng)設(shè)置中，將彎曲參數(shù)設(shè)置為25%。變形后的形狀進(jìn)行擴(kuò)展，擴(kuò)展后將其混合模式設(shè)置為正片疊底，透明度降至52%，將其置于圖層上方。

STEP 06

將所繪制對(duì)象編組進(jìn)行復(fù)制并對(duì)稱變換，變換后將其兩者再次合并為一組，這樣一個(gè)基礎(chǔ)形就完成了。

基礎(chǔ)形的變換：生成紋理

就像我們的物質(zhì)世界，無一不是細(xì)胞所構(gòu)成?；A(chǔ)形這個(gè)“細(xì)胞”一旦制作完成，那么就要開始構(gòu)建我們的紋理了。

STEP 07

先將這個(gè)基礎(chǔ)形縮小，縮小的幅度和整個(gè)畫板相比——大家可以參考下圖?；A(chǔ)形在畫面的最左下角。

STEP 08

保持選中這個(gè)基礎(chǔ)形時(shí)，進(jìn)入【效果>扭曲和變換>變換】，在變換效果參數(shù)面板中，“移動(dòng)”這一欄中對(duì)垂直的參數(shù)進(jìn)行設(shè)置，我在這里設(shè)置為-6px，副本設(shè)置為65。

參數(shù)并不是我事前就了然于胸的，只要你勾選預(yù)覽，然后對(duì)這兩個(gè)參數(shù)進(jìn)行逐一的調(diào)整，看著最終效果進(jìn)行調(diào)試即可。目的是為了讓基礎(chǔ)形次序排列。

STEP 09

接下來是橫向的變換，運(yùn)用的是同樣的工具。只是這一次是在水平方向的參數(shù)上做調(diào)整。由于這是對(duì)整個(gè)垂直下來的幾十個(gè)副本一起做橫向變換，因此任務(wù)會(huì)比較大一些。你的電腦也許會(huì)出現(xiàn)遲滯。這個(gè)你可以慢慢來，參數(shù)調(diào)整時(shí)可以一個(gè)數(shù)值一個(gè)數(shù)值慢慢地加，多一點(diǎn)耐心。

STEP 10

這時(shí)再為整個(gè)畫布添加一塊背景，這塊背景為藍(lán)色，色彩可以稍微比目前所使用的藍(lán)色更深一些。然后將其置于圖層的最下方。這時(shí)你還可以將上一步所做的紋理也都進(jìn)行擴(kuò)展。特別仿真的織物紋理就制作完成啦～

色彩積累圖案

想要讓這片美麗的織物上出現(xiàn)圖案，有很多種方法。今天我們只分享其中一種，叫做色彩積累。這個(gè)方法的原理就是完全模仿真實(shí)的在編織毛線的時(shí)候制作圖案的方法，在圖案的部分運(yùn)用不同色彩的線，在此，每一線就是一個(gè)基礎(chǔ)形，所以也就是通過改變基礎(chǔ)形的色彩，反復(fù)積累成為圖案。

STEP 11

將【STEP 09】中所擴(kuò)展以后的對(duì)象取消編組（選中后連續(xù)進(jìn)行兩次取消編組），直至它能分別獨(dú)立出一個(gè)個(gè)基礎(chǔ)形。這樣以便為下一步改變色彩做準(zhǔn)備。

STEP 12

這時(shí)就可以開始進(jìn)行圖案積累了，其過程和織毛衣沒什么差別，就是改變其中某一針的色彩。你目前需要確定的是你的圖案是什么，這里我將用一個(gè)鹿的圖案，當(dāng)然這部分你可以任意發(fā)揮你的想象。

改變色彩很簡單，選中其中一個(gè)基礎(chǔ)形，然后選擇另外的色板就可以了。這里的色彩選擇，亮度最好不要過高，否則本身基礎(chǔ)形中的高光將會(huì)看得不那么明顯，看上去會(huì)顯得扁平化了。

先完成鹿頭的部分。

STEP 13

再接下采用同樣的方式完成鹿的身體部分。

圖案繪制成功～

最終效果

做成圖標(biāo)只需要在其全部對(duì)象的上方繪制一個(gè)圓角矩形，然后選中全部，建立剪切蒙版。

最終效果如下：

本文配套的練習(xí)素材請(qǐng)加QQ群：143686347下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

利用AI制作扁平風(fēng)線體清新多肉插畫

打造字母人像插畫組合視覺造型

版權(quán)信息：

原標(biāo)題：用AI打造溫暖的鹿形織物圖標(biāo)

來源： ifeiwu  作者：飛屋睿UIdesign