當(dāng)前位置:首頁(yè)>軟件教程>AI教程>教程內(nèi)容

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

來(lái)源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):4224人次

線(xiàn)性條紋幾何藝術(shù)圖案,是由若干平行而成的線(xiàn)條所勾勒的諸如圓、半圓、直線(xiàn)等簡(jiǎn)單的幾何圖形,經(jīng)由圖形的巧妙組合而成為一種圖案。這類(lèi)圖案在任何場(chǎng)所使用都會(huì)顯得很大氣,條紋間雜了古典和現(xiàn)代風(fēng)格結(jié)合而成的藝術(shù)美。

我今天要教給大家的,就是如何利用AI來(lái)制作這類(lèi)藝術(shù)圖案,你可以把這一教程學(xué)到的東西運(yùn)用到logo設(shè)計(jì)或海報(bào)設(shè)計(jì)或字體設(shè)計(jì)等項(xiàng)目中。
圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

最終效果圖的EPS源文件下載 http://vdisk.weibo.com/lc/2uZbBupjAoJyVNxtmV 密碼:J391

一、創(chuàng)建藝術(shù)畫(huà)筆

制作條紋圖案,我們最先要思考的就是用什么工具能更快捷地實(shí)現(xiàn)它。因?yàn)橹T如條紋、圓點(diǎn)、格子……這類(lèi)基礎(chǔ)圖案都有著重復(fù)某種視覺(jué)規(guī)律的共性,因此,我們首先可以先建立好這個(gè)視覺(jué)規(guī)律。條紋的視覺(jué)規(guī)律就是多線(xiàn)條的并行,因此,我們可以先將線(xiàn)條定義為一個(gè)藝術(shù)畫(huà)筆,用這個(gè)藝術(shù)畫(huà)筆去勾勒我們的圖形。這個(gè)思路確定好后,我們就開(kāi)始動(dòng)手吧。

打開(kāi)AI,新建一個(gè)960px*1200px的文件。新建成功后,進(jìn)入【視圖>智能參考線(xiàn)】,確認(rèn)智能參考線(xiàn)為選中的狀態(tài)。智能參考線(xiàn)能幫助你在畫(huà)圖時(shí)自動(dòng)對(duì)齊,特別針對(duì)幾何圖形的制作非常有優(yōu)勢(shì)。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

采用矩形工具畫(huà)上第一根線(xiàn)條。線(xiàn)條的粗細(xì)由具體的情況來(lái)決定。填充黑色,關(guān)掉描邊。然后,按住ALT鍵用鼠標(biāo)拖動(dòng)第一根線(xiàn)條就會(huì)產(chǎn)生出第二根線(xiàn)條,將第二根線(xiàn)條靠近排列到第一根的右邊,智能參考線(xiàn)會(huì)幫助你自動(dòng)對(duì)齊兩根線(xiàn)條。選中第二根線(xiàn)條的基礎(chǔ)上,采用快捷鍵“ctrl+D”就能重復(fù)上一步的操作,這樣就出現(xiàn)了第三、四、五、……根線(xiàn)條。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

選中隔列的線(xiàn)條,將它們的填充色變?yōu)榘咨。如下圖所示,體現(xiàn)出線(xiàn)性。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

再選中所有的線(xiàn)條,找到軟件界面右側(cè)的畫(huà)筆工具欄按鈕,點(diǎn)擊面板右上角的下拉菜單按鈕,彈出下拉菜單,選擇“新建畫(huà)筆”。沒(méi)有找到工具欄里畫(huà)筆工具欄按鈕的,可以進(jìn)入視圖調(diào)出。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

這時(shí)會(huì)彈出一個(gè)對(duì)話(huà)框,選擇“藝術(shù)畫(huà)筆”,確定。界面中出現(xiàn)了藝術(shù)畫(huà)筆的選項(xiàng)面板,在面板中基本上我維持了原有默認(rèn)的參數(shù),直接確定。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

二、用藝術(shù)畫(huà)筆繪圖

藝術(shù)畫(huà)筆制作成功后,我們就可以利用藝術(shù)畫(huà)筆進(jìn)行創(chuàng)作了。當(dāng)然,這畢竟和普通的畫(huà)筆繪制圖案時(shí)略有差別。我們可以先畫(huà)一個(gè)圓。既然要利用剛剛的線(xiàn)性條紋畫(huà)筆,我們可以想象得到,這時(shí)這些線(xiàn)條都由直線(xiàn)變?yōu)榱司(xiàn)條。就像我們正常狀態(tài)下是用一支筆畫(huà)圓,現(xiàn)在變成了并排多支筆畫(huà)圓。大家在使用藝術(shù)畫(huà)筆就要打開(kāi)自己的想象力。

因此,現(xiàn)在我們畫(huà)一個(gè)普通的正圓,將這個(gè)圓關(guān)掉填充,打開(kāi)描邊。描邊大小可設(shè)置為1pt。畫(huà)好后打開(kāi)畫(huà)筆工具欄,然后單擊一下剛剛制作的藝術(shù)畫(huà)筆,很快這個(gè)線(xiàn)性條紋圓就做出來(lái)了。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

這時(shí),進(jìn)入【編輯>首選項(xiàng)>常規(guī)】,在常規(guī)面板中,勾選“縮放描邊和效果”。這個(gè)選項(xiàng)能讓你的畫(huà)筆隨著你對(duì)圖形大小的改變而按原有比例改變。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

第一個(gè)正圓制作好后,我們還要制作3/4圓,半圓,和1/4圓,三種圖形的制作方法可以有很多種,為了讓最終效果更精確,我選用了刪除錨點(diǎn)的辦法來(lái)制作。大家不妨可以參考我的技巧,理解技巧當(dāng)中的原理。

首先做一個(gè)半圓。選中剛剛畫(huà)好的線(xiàn)性條紋正圓,利用鋼筆工具在右下方,也就是最右邊和最下方的兩個(gè)錨點(diǎn)的中點(diǎn)處單擊一下,增加了一個(gè)錨點(diǎn)。然后,再點(diǎn)選直接選擇工具,保持剛剛增加的錨點(diǎn)為選中狀態(tài),直接單擊鍵盤(pán)上的“Delete”鍵。這時(shí)就能將這個(gè)圓的這1/4的部分刪掉。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

一旦做好的圖形就不要再任意改變圖形的大小,因?yàn)榻酉聛?lái)我們要利用這些圖形作為組件去組合出新的圖形,做到無(wú)縫組合的狀態(tài),圖形必須保持統(tǒng)一尺寸。利用這個(gè)方法,我們可以繼續(xù)制作剩下的幾個(gè)圖形。另外,除了圓形,我們還可以制作橫向和縱向的條紋,用直線(xiàn)工具畫(huà)出普通的線(xiàn)條,再選擇藝術(shù)畫(huà)筆描邊。當(dāng)然,直線(xiàn)工具也要保持與這幾個(gè)圓無(wú)縫結(jié)合,因此,大家需要為其調(diào)試大小。將橫向和縱向的條紋與圓形的圖形對(duì)齊。一旦確定了大小就不要再更改。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

三、組合圖形

將這些線(xiàn)性條紋一個(gè)個(gè)組合起來(lái)應(yīng)該不是難事了,利用旋轉(zhuǎn)、復(fù)制等簡(jiǎn)單的操作即可做出你想要的圖案。但是這個(gè)過(guò)程要注意疊放的次序。

下面這些是我對(duì)圖形的組合過(guò)程。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

四、上色

一旦圖案繪制完成,將圖案編組,就到了上色的環(huán)節(jié)。首先,讓我們先做一個(gè)與圖案差不多大小的矩形,將矩形關(guān)閉描邊,填充為如下圖所示漸變色。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

選中做好的圖案,采用快捷組合鍵ctrl+C,進(jìn)行復(fù)制。再回到剛剛的漸變矩形這里,選中矩形,在透明度面板中,點(diǎn)擊下拉菜單按鈕,在下拉菜單中選擇“建立不透明蒙版”。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

這時(shí),漸變矩形消失。其實(shí),它并沒(méi)有消失,只是被蒙版遮住了。我們用鼠標(biāo)單擊不透明面板中的蒙版的選框,這時(shí),選框呈黑色。被選中的選框周?chē)霈F(xiàn)了一個(gè)棕色的邊框。這時(shí),再利用快捷組合鍵ctrl+v,粘貼我們剛剛復(fù)制過(guò)的圖案,這時(shí),這個(gè)被上色的圖案就出現(xiàn)在了蒙版里。

這個(gè)過(guò)程是利用了黑白顏色對(duì)漸變色板的蒙版進(jìn)行改變的原理進(jìn)行上色。這種上色的好處就是,隨時(shí)能改變顏色,刪除蒙版就能輕松恢復(fù)到剛剛原始的黑白色。鼠標(biāo)重又單擊透明度面板中的漸變矩形縮略圖,就從蒙版編輯中恢復(fù)正常狀態(tài)。而這時(shí),我們還可以直接將原先的黑白的條紋圖案刪除。

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

完成后,只要進(jìn)入漸變工具面板就可以任意地修改圖案的色彩。最終效果如下:

圖案教程,繪制幾何藝術(shù)線(xiàn)性條紋圖案

后記

幾何圖形的魅力就是利用不同的方向,不同的角度而疊加組合,就能創(chuàng)作出各種各樣的圖形。你還可以運(yùn)用這個(gè)效果來(lái)制作文字和其他標(biāo)識(shí)型的圖案。希望你在創(chuàng)作過(guò)程中收獲頗豐。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!