提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!
之前有伙伴問海報背景里的線條怎么做,這就安排!
時隔大大大半年,終于又來更新了~
這次我總結了基本線條和科技風格線條與大家一起分享。總共分兩篇文章和大家分享,今天先分享常見的基本線條是如何繪制的?
先看效果圖
繪制時,我們主要用到的工具是 混合工具(快捷鍵 W),我們將通過多種圖形的練習來熟悉這個工具,還是老規(guī)矩,源文件在文章最后~
———————————————————————————————————————————————
下面我們來學習。
第一部分:基本線條處理
這一部分我們將按照5個步驟來進行:分別是 1.新建文檔 > 2.創(chuàng)建元素 矩形 > 3.創(chuàng)建元素 三角形 > 4.創(chuàng)建元素 線條 > 5.調(diào)整填充和描邊 > 6.舉一反三?,F(xiàn)在來一步步詳細說明:
step 01 新建文檔
1.1 打開AI,創(chuàng)建文檔;設置畫布為1920px*1080px(設置自己常用的畫布尺寸,這樣做出來的元素比例有利于我們后期使用),畫板設置為2個,如圖:
step 02 創(chuàng)建元素 矩形
2.1 繪制一個矩形(快捷鍵m),根據(jù)自己的畫布設置矩形大小(參考設置的為:420px*420px),填色可以設置為無或者白色,描邊設置為黑色,1px(我在這里設置的是白色,這樣方便后面選擇圖形):
2.2 選擇矩形,復制并原位粘貼矩形,快捷鍵command+c復制,command+f原位粘貼;然后設置新的矩形大小為32px*32px,得到如下圖的樣子:
2.3 使用選擇工具(a)選中兩個矩形,使他們居中。得到如下圖的樣子:
2.4 選中兩個矩形,按住shift+option鍵向下拖動復制出一樣的兩個圖形在下方,如圖:(這一步是為節(jié)省后面新圖形制作節(jié)省步驟)
2.5 使用小黑工具選中前面兩個矩形(快捷鍵A),然后選擇混合工具(快捷鍵W),回車一下,設置混合參數(shù) (間距:指定步數(shù);8)(這里的數(shù)值根據(jù)你矩形的大小和你需要的效果自行調(diào)整),點擊確定;
2.6 完成2.5以后 先后點擊矩形相同位置的兩個端點,得到以下圖形:
2.7 使用小黑工具(a)選中下面兩個矩形,點擊混合工具(w),再先后點擊矩形不同位置的點(請看圖紅框框標注的位置),得到以下圖形:
大家可以多嘗試點擊不同的點可以得到不一樣的圖形哦。
step 03 創(chuàng)建元素 三角形
3.1 繪制一個三角形(選擇多邊形-在繪制的時候按住鼠標不放,使用鍵盤??鍵減少多邊形的邊到三條),根據(jù)自己的畫布設置三角形大?。▍⒖荚O置的為:480px*420px),填色可以設置為無或者白色,描邊設置為黑色,1px(我在這里依然設置的是白色):
3.2 與2.2步驟一樣,選擇三角形,復制并原位粘貼三角形,快捷鍵command+c復制,command+f原位粘貼;然后按住shift+option鍵縮小新的三角形到合適大小,也可以直接設置大小為:36.5px*32px;得到如下圖的樣子:
3.3 照樣復制一份備用。選中兩個三角形,按住shift+option鍵向下拖動復制出一樣的兩個圖形在下方,如圖:
3.4 使用小黑工具(a)選中前面兩個三角形-選擇混合工具(w),分別點擊兩個三角形的相同位置的兩個端點,得到如圖:(這里如果我們不重新設置混合工具的參數(shù),則與步驟2.5設置的保持不變)
3.5 點擊混合工具(w),再先后點擊三角形不同位置的點(請看圖紅框框標注的位置),得到以下圖形:
step 04 創(chuàng)建元素 線條
4.1 使用直線工具(快捷鍵 \ )繪制一條橫線,繪制時按住shift鍵,使直線水平。根據(jù)自己的需求設置直線長短(參考設置:420px),描邊設置為黑色,1px,如圖:
4.2 選中直線,按住shift+option鍵向下拖動復制出一份到合適的位置,再復制一份備用,如圖:
4.3 使用選擇工具(v)選中第二根直線,透明度調(diào)到10%,如圖:
4.4 選擇混合工具(w)-回車,打開混合參數(shù)設置,設置指定步數(shù)為20,點擊確定。如圖:
4.5 用混合工具(w)先后點擊第一條直線的開始點,得到如圖:
4.6 使用選擇工具(v)選擇下面的備用直線,按住shift+option鍵向下拖動復制出一份到如圖位置,如圖:
4.7 使用混合工具(v)點擊第一條直線的開始點、第二條直線的結束點,得到如圖:
step 05 調(diào)整填充和描邊
還記得我們最開始為了方便給正方形和三角形都填充了白色嗎,現(xiàn)在我們根據(jù)使用需要可以選擇是否需要取消填充。
5.1 使用選擇工具框選前面四個圖形,然后點擊填色,把填色去掉,就可以得到純線條了。
step 06 舉一反三
練習了基礎圖形的混合工具使用,我們可以思考總結并擴展練習一下其他圖形,學習中舉一反三才是最重要的。
源文件在后面哦,免費取用~
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊