- 圖文教程 >
- 設(shè)計(jì)教程 >
- 平面設(shè)計(jì) >
- 如何用AI制作出線條的重疊效果！
如何用AI制作出線條的重疊效果！
?
作者：馬鹿野郎來(lái)源：部落窩教育發(fā)布時(shí)間：2017-12-11 15:47:14點(diǎn)擊：9786
版權(quán)說(shuō)明： 網(wǎng)絡(luò)作品，轉(zhuǎn)載請(qǐng)注明原作者和出處。
編按：
平面空間就是由點(diǎn)、線、面三大基本元素構(gòu)成，點(diǎn)動(dòng)成線，線動(dòng)再形成各種面。本教程是利用線和面的關(guān)系繪制的一個(gè)簡(jiǎn)單的文字海報(bào)，充分體現(xiàn)了線條和面的構(gòu)成關(guān)系。教程雖然簡(jiǎn)單，但是包含的內(nèi)容引人深思。
首先打開(kāi)Ai，根據(jù)老鹿的老套路，創(chuàng)建畫板，方向設(shè)置為橫向：
用鋼筆工具在畫板上從頭到底畫出一條直線：
點(diǎn)擊選擇工具，按住alt的同時(shí)拖動(dòng)畫出的直線到一定距離，隨后按ctrl+d重復(fù)上次，得到如圖等距的三條直線：
點(diǎn)擊鋼筆工具，無(wú)填充，黑色描邊。順著上步畫出的三條直線畫出如圖的“S”形走向的直線：
隱藏掉之前的三條直線，將“S”形走向的直線編組：
全部選擇后用小白（直接選擇工具）按住紅箭頭所指出圖形拖動(dòng)，使其變成圓角：
點(diǎn)擊選擇工具。按住alt并拖動(dòng)“S”形走向的直線，復(fù)制出一條相同的線形到如圖所示的位置：
點(diǎn)擊鋼筆工具。作兩個(gè)“S”形走向的直線的圓弧切線。
如圖，有沒(méi)有感覺(jué)到“S形重疊效果”空間感就出來(lái)了（以下稱為“S空間線條”）：
然后選擇矩形工具，無(wú)描邊，選擇你喜歡的顏色填充圖形，我選擇的青色，選擇什么顏色都可以，對(duì)后面圖形效果沒(méi)影響。
畫出和S線條同寬的矩形，長(zhǎng)度從S空間線條頂?shù)阶筮厛A弧切線處，如圖：
點(diǎn)擊選擇工具。按住alt，點(diǎn)擊畫好的矩形，并拖動(dòng)復(fù)制出兩個(gè)相同的青色矩形。將兩個(gè)青色矩形放在一邊備用：
選中一個(gè)青色矩形。點(diǎn)擊對(duì)象-封套扭曲-從網(wǎng)格建立：
參數(shù)設(shè)置為2行1列，預(yù)覽可以看到出現(xiàn)一條藍(lán)色細(xì)線在矩形中部：
選擇小白。點(diǎn)擊青色矩形中部的藍(lán)色細(xì)線左邊的藍(lán)色點(diǎn)，按住shift的同時(shí)又點(diǎn)擊右邊的藍(lán)色點(diǎn)，兩個(gè)點(diǎn)都選中后。
可拖動(dòng)藍(lán)色細(xì)線到底端，使右邊藍(lán)色點(diǎn)正好在S空間線條的圓弧左邊切點(diǎn)處：
然后用小白，按住shift的同時(shí)選擇如圖紅色剪頭所指兩個(gè)點(diǎn)：
點(diǎn)擊右邊的選擇的點(diǎn)，拖動(dòng)到右邊圓弧頂?shù)那悬c(diǎn)處，并通過(guò)調(diào)節(jié)紅色箭頭所指的調(diào)節(jié)桿來(lái)調(diào)節(jié)圖形形狀：
使其與S空間線條相匹配。如圖所示：
點(diǎn)擊選擇工具。選擇一個(gè)之前備用的青色矩形，調(diào)節(jié)其長(zhǎng)度。（寬度不可以更改?。?/span>
其長(zhǎng)度為與S空間線條中部圖形上下兩個(gè)圓弧相切：
選中該矩形。點(diǎn)擊對(duì)象-封套扭曲-這網(wǎng)格建立。
行數(shù)設(shè)置為3，行數(shù)設(shè)置為3，行數(shù)設(shè)置為3（重要的事情說(shuō)三遍），列數(shù)為1：
點(diǎn)擊小白。用之前的步驟，拖動(dòng)中間的兩條藍(lán)色細(xì)線，上部藍(lán)色細(xì)線拖動(dòng)到上部，拖到與右邊圓弧左端相切處：
下部藍(lán)色細(xì)線拖動(dòng)到下部，拖到與左邊圓弧右端相切處。如圖所示：
通過(guò)拖動(dòng)調(diào)節(jié)桿，使圖形與S空間線條相匹配：
下部同樣處理！得到如圖所示的效果。S空間線條右邊部分同理可得：
其中應(yīng)該注意行數(shù)設(shè)置為2，列表為1 ：
最后得到如圖所示效果（以下簡(jiǎn)稱“S青色空間線條”）：
點(diǎn)擊選擇工具：
按住shift，選中做好的三部分S青色空間線條，拖動(dòng)到一邊。隱藏S空間線條
點(diǎn)擊矩形工具。無(wú)描邊，填充你喜歡的顏色。我選擇的是黃色。在畫板上畫出細(xì)條。如圖所示：
點(diǎn)擊選擇工具，按住alt的同時(shí)拖動(dòng)黃色細(xì)條復(fù)制出一條黃色線條到一定距離，然后ctrl+d重復(fù)動(dòng)作，得到如圖所示多條黃色線條的效果：
黃色線條全部選中，鼠標(biāo)右鍵，點(diǎn)擊編組：
復(fù)制出編組后的黃色線條兩組放到一邊備用。
如圖 ，關(guān)鍵步驟來(lái)了！在圖層中將所有黃色線條組拖動(dòng)到圖形下部：
選中一組黃色線條和S青色空間線條右邊部分，點(diǎn)擊對(duì)象-封套扭曲-用頂層對(duì)象建立，得到右邊效果：
利用同樣的方法，弄出S青色空間線條中部和左邊部分。
最后得到如圖效果（以下簡(jiǎn)稱為“S黃色空間線條”）：
將S黃色空間線條全部選中后，調(diào)整方向大小，設(shè)置到喜歡的樣式。
如圖，點(diǎn)擊矩形工具，在畫板上畫出布滿畫板的無(wú)描邊，黑色填充的矩形：
選中最終效果圖形和黑色矩形，點(diǎn)擊Ctrl+7剪切掉畫板外的圖形。拖動(dòng)S黃色空間線條到畫板最上層得到最終效果：
最后結(jié)尾還是老鹿的老套路：碼字排版，老三樣（希望這次排版老鹿能認(rèn)可）：
@鹿騎士童鞋的步驟寫的非常詳細(xì)，辛苦了！
素材下載：
鏈接: https://pan.baidu.com/s/1kVFykS3 密碼: a7k6
原文：【粉絲投稿】如何用Ai制作出線條的重疊效果！
作者：馬鹿野郎（微信ID：maluyelang666
出處：來(lái)源微信公眾號(hào)：野鹿志（公眾號(hào)ID：yeluzhi666）
平面空間就是由點(diǎn)、線、面三大基本元素構(gòu)成，點(diǎn)動(dòng)成線，線動(dòng)再形成各種面。本教程是利用線和面的關(guān)系繪制的一個(gè)簡(jiǎn)單的文字海報(bào)，充分體現(xiàn)了線條和面的構(gòu)成關(guān)系。教程雖然簡(jiǎn)單，但是包含的內(nèi)容引人深思。
首先打開(kāi)Ai，根據(jù)老鹿的老套路，創(chuàng)建畫板，方向設(shè)置為橫向：
用鋼筆工具在畫板上從頭到底畫出一條直線：
點(diǎn)擊鋼筆工具，無(wú)填充，黑色描邊。順著上步畫出的三條直線畫出如圖的“S”形走向的直線：
隱藏掉之前的三條直線，將“S”形走向的直線編組：
全部選擇后用小白（直接選擇工具）按住紅箭頭所指出圖形拖動(dòng)，使其變成圓角：
點(diǎn)擊選擇工具。按住alt并拖動(dòng)“S”形走向的直線，復(fù)制出一條相同的線形到如圖所示的位置：
點(diǎn)擊鋼筆工具。作兩個(gè)“S”形走向的直線的圓弧切線。
如圖，有沒(méi)有感覺(jué)到“S形重疊效果”空間感就出來(lái)了（以下稱為“S空間線條”）：
然后選擇矩形工具，無(wú)描邊，選擇你喜歡的顏色填充圖形，我選擇的青色，選擇什么顏色都可以，對(duì)后面圖形效果沒(méi)影響。
畫出和S線條同寬的矩形，長(zhǎng)度從S空間線條頂?shù)阶筮厛A弧切線處，如圖：
點(diǎn)擊選擇工具。按住alt，點(diǎn)擊畫好的矩形，并拖動(dòng)復(fù)制出兩個(gè)相同的青色矩形。將兩個(gè)青色矩形放在一邊備用：
選中一個(gè)青色矩形。點(diǎn)擊對(duì)象-封套扭曲-從網(wǎng)格建立：
參數(shù)設(shè)置為2行1列，預(yù)覽可以看到出現(xiàn)一條藍(lán)色細(xì)線在矩形中部：
選擇小白。點(diǎn)擊青色矩形中部的藍(lán)色細(xì)線左邊的藍(lán)色點(diǎn)，按住shift的同時(shí)又點(diǎn)擊右邊的藍(lán)色點(diǎn)，兩個(gè)點(diǎn)都選中后。
可拖動(dòng)藍(lán)色細(xì)線到底端，使右邊藍(lán)色點(diǎn)正好在S空間線條的圓弧左邊切點(diǎn)處：
然后用小白，按住shift的同時(shí)選擇如圖紅色剪頭所指兩個(gè)點(diǎn)：
點(diǎn)擊右邊的選擇的點(diǎn)，拖動(dòng)到右邊圓弧頂?shù)那悬c(diǎn)處，并通過(guò)調(diào)節(jié)紅色箭頭所指的調(diào)節(jié)桿來(lái)調(diào)節(jié)圖形形狀：
使其與S空間線條相匹配。如圖所示：
點(diǎn)擊選擇工具。選擇一個(gè)之前備用的青色矩形，調(diào)節(jié)其長(zhǎng)度。（寬度不可以更改?。?/span>
其長(zhǎng)度為與S空間線條中部圖形上下兩個(gè)圓弧相切：
選中該矩形。點(diǎn)擊對(duì)象-封套扭曲-這網(wǎng)格建立。
行數(shù)設(shè)置為3，行數(shù)設(shè)置為3，行數(shù)設(shè)置為3（重要的事情說(shuō)三遍），列數(shù)為1：
點(diǎn)擊小白。用之前的步驟，拖動(dòng)中間的兩條藍(lán)色細(xì)線，上部藍(lán)色細(xì)線拖動(dòng)到上部，拖到與右邊圓弧左端相切處：
下部藍(lán)色細(xì)線拖動(dòng)到下部，拖到與左邊圓弧右端相切處。如圖所示：
通過(guò)拖動(dòng)調(diào)節(jié)桿，使圖形與S空間線條相匹配：
下部同樣處理！得到如圖所示的效果。S空間線條右邊部分同理可得：
其中應(yīng)該注意行數(shù)設(shè)置為2，列表為1 ：
最后得到如圖所示效果（以下簡(jiǎn)稱“S青色空間線條”）：
點(diǎn)擊選擇工具：
按住shift，選中做好的三部分S青色空間線條，拖動(dòng)到一邊。隱藏S空間線條
點(diǎn)擊矩形工具。無(wú)描邊，填充你喜歡的顏色。我選擇的是黃色。在畫板上畫出細(xì)條。如圖所示：
點(diǎn)擊選擇工具，按住alt的同時(shí)拖動(dòng)黃色細(xì)條復(fù)制出一條黃色線條到一定距離，然后ctrl+d重復(fù)動(dòng)作，得到如圖所示多條黃色線條的效果：
黃色線條全部選中，鼠標(biāo)右鍵，點(diǎn)擊編組：
復(fù)制出編組后的黃色線條兩組放到一邊備用。
如圖 ，關(guān)鍵步驟來(lái)了！在圖層中將所有黃色線條組拖動(dòng)到圖形下部：
選中一組黃色線條和S青色空間線條右邊部分，點(diǎn)擊對(duì)象-封套扭曲-用頂層對(duì)象建立，得到右邊效果：
利用同樣的方法，弄出S青色空間線條中部和左邊部分。
最后得到如圖效果（以下簡(jiǎn)稱為“S黃色空間線條”）：
將S黃色空間線條全部選中后，調(diào)整方向大小，設(shè)置到喜歡的樣式。
如圖，點(diǎn)擊矩形工具，在畫板上畫出布滿畫板的無(wú)描邊，黑色填充的矩形：
選中最終效果圖形和黑色矩形，點(diǎn)擊Ctrl+7剪切掉畫板外的圖形。拖動(dòng)S黃色空間線條到畫板最上層得到最終效果：
最后結(jié)尾還是老鹿的老套路：碼字排版，老三樣（希望這次排版老鹿能認(rèn)可）：
@鹿騎士童鞋的步驟寫的非常詳細(xì)，辛苦了！
素材下載：
鏈接: https://pan.baidu.com/s/1kVFykS3 密碼: a7k6
原文：【粉絲投稿】如何用Ai制作出線條的重疊效果！
作者：馬鹿野郎（微信ID：maluyelang666
出處：來(lái)源微信公眾號(hào)：野鹿志（公眾號(hào)ID：yeluzhi666）
最熱教程
- 版式設(shè)計(jì)案例分析：失敗的版式設(shè)計(jì)改稿和版式設(shè)計(jì)賞析第三篇
- 快速入門配色，最全配色方案+詳細(xì)解讀（紫色篇）
- 畫面太空怎么辦？教你個(gè)不靠素材就能解決的技巧
- 銷量火爆的啤酒廣告海報(bào)都是怎么做的？
- AI教程│混合工具實(shí)例運(yùn)用 混合大法好??！
- 快速入門配色，最全配色方案+詳細(xì)解讀（藍(lán)色篇）
- AI教程！手把手教你制作神秘的哈利波特場(chǎng)景插畫
- AI矢量藝術(shù)，超酷的剪切文本效果
- 高手怎么平衡黑白？這三招幫你輕松搞定
- 海報(bào)誰(shuí)都會(huì)做，海報(bào)思維你有嗎？