AI教程:手把手教你繪制幾何單線條裝飾風(fēng)格的極簡海報(bào)

@飛屋睿UIdesign :學(xué)完這個(gè)教程,可以幫你掌握單線繪制的技巧,熟悉AI 中所有關(guān)于線條的處理工具,以及做極簡海報(bào)的方法。一起來試試
學(xué)完這個(gè)教程你能收獲
1、熟悉裝飾風(fēng)格(DECO ART)中的幾何主義
裝飾風(fēng)格(DECO ART)結(jié)合了因工業(yè)文化所興起的機(jī)械美學(xué),以較機(jī)械式的、幾何的、純綷裝飾的線條來表現(xiàn),如扇形輻射狀的太陽光、齒輪或流線型線條、對稱簡潔的幾何構(gòu)圖等等。它是純粹的意象匯集。而最好的理解將在實(shí)踐的過程中獲得。
2、學(xué)會(huì)單線繪制的技巧
繪制單線裝飾風(fēng)格的海報(bào),了解所謂單線是指所有線條的大小等同,產(chǎn)生整體效果的一致性。
3、熟悉AI中所有關(guān)于對線條的處理工具技巧(路經(jīng)查找器、形狀生成器、鋼筆工具、旋轉(zhuǎn)工具、縮放工具等)。
繪制基礎(chǔ)幾何形
提前最好能大致畫個(gè)草圖,把大概的幾何形表現(xiàn)出來。然后再進(jìn)入軟件處理。有了基本構(gòu)圖,開始動(dòng)手時(shí)才能做到“胸中有丘壑”。
STEP 01
打開AI,新建一個(gè)1296px*1728px的文檔。并用矩形工具繪制出海報(bào)邊框,所繪制出的矩形關(guān)閉填充,保持描邊大小為3px。這個(gè)矩形就是海邊的邊框大形。矩形大小為1040px*1498px。
為了定位以及構(gòu)形的方便,最好加入輔助線。而你所創(chuàng)建的幾何形的尺寸也不要產(chǎn)生小數(shù)點(diǎn),這樣能保證最佳像素表現(xiàn)(例如:矩形寬度1124px是可以的,但是1124.5px的話也許就會(huì)帶來麻煩)。
STEP 02
再繼續(xù)增加幾個(gè)基礎(chǔ)幾何形,以確定大致的構(gòu)圖方案。簡單來說,首先要找到海報(bào)主題,然后根據(jù)主題去篩選意象。這是一個(gè)關(guān)于“假期”的海報(bào),運(yùn)用的就是假期里的意象。我們在此運(yùn)用山、水以及各種具有節(jié)日氛圍的裝飾元素。
在基礎(chǔ)形的安排上,我們將海報(bào)簡單劃分了上下兩部分,上部分的主角是山,下方的主角是水。裝飾就圍繞這兩個(gè)主角展開。
山水之間的是“人”,但在此我們未必要繪制出人的形象,而是用人所貼近的物象來表現(xiàn)人的存在感。假期中的人,我們打算用一些更歡樂的意象,比如彩帶以及相應(yīng)的建筑來表現(xiàn)出假期旅行的一路風(fēng)景。在繪制基礎(chǔ)形時(shí),盡管你還沒有開始入手這些細(xì)節(jié),但你的構(gòu)圖安排已經(jīng)有此傾向。
繪制主角物象
上面我們講過,我們的主角是山、水、人。因此,下面就讓我們來重點(diǎn)繪制出這些意象。這時(shí),我們還沒有進(jìn)入“裝飾”環(huán)節(jié),因此不必將細(xì)節(jié)都一一表現(xiàn)。
STEP 03
山的部分我們只需要突出山的形,因此三角底部的線條可以刪減??梢圆捎娩摴P工具來刪掉三角形的底邊。用鋼筆工具來刪掉線條的方法是在要?jiǎng)h減的路徑上增加錨點(diǎn),然后再利用直接選擇工具點(diǎn)擊這個(gè)錨點(diǎn)點(diǎn)擊鍵盤的delete鍵。
STEP 04
運(yùn)用錨點(diǎn)來刪減路徑的技巧訣竅,是通過實(shí)踐去了解錨點(diǎn)對路徑的決定作用,一個(gè)錨點(diǎn)被刪除,那么該路徑就將結(jié)束于這個(gè)錨點(diǎn)最近旁的錨點(diǎn)處。用這個(gè)方法可以繼續(xù)處理另外兩個(gè)山形。
STEP 05
接下我們繪制屬于“人”的部分。這個(gè)部分中間的圓形,我們將安排摩天輪這個(gè)意向,表現(xiàn)出假日的休閑氛圍。利用比例縮放工具就能繪制出另外兩個(gè)較小的同心圓,第一個(gè)同心圓的縮放比例是80%,第二個(gè)是50%,并點(diǎn)擊復(fù)制。(注:后一個(gè)同心圓的比例是針對前一個(gè)被縮放后的圓,而非第一個(gè)。)
STEP 06
再從圓心處繪制一條直線,利用旋轉(zhuǎn)工具對直線進(jìn)行旋轉(zhuǎn)復(fù)制,旋轉(zhuǎn)的角度設(shè)置為45°,想要旋轉(zhuǎn)線條覆蓋整個(gè)360°,最簡單的方法是復(fù)制第一個(gè)后,其余采用快捷鍵“Ctrl+D”重復(fù)上一步操作。
然后根據(jù)這個(gè)方式,再從另一個(gè)角度繪制出另外一組旋轉(zhuǎn)的線條,這組線條較上一條稍短。
此刻,我們就止步于這個(gè)摩天輪的雛形。
STEP 07
由于海報(bào)運(yùn)用了對稱構(gòu)圖,在摩天輪的左右兩邊安排一些建筑物。這里的對稱是從整體結(jié)構(gòu)上來說,而建筑物外形未必要完全一致。左右錯(cuò)落有致會(huì)更加有視覺魅力。再補(bǔ)充彩帶的兩側(cè)部分。
STEP 08
水的部分我們需要更多對于錨點(diǎn)的控制技巧,這里曝露一下思考過程:我們想要表現(xiàn)水的回旋流蕩之美,可以采用圓角矩形的圓角部分來表現(xiàn),這樣左右蜿蜒就能作出水的效果。但如果用單線來表現(xiàn)水波顯然有點(diǎn)單薄,為了豐富一下,我們決定利用雙線條并行的方式,但這樣就造成了繪制上的困難。可并不是沒有解決方案,如果采用較粗的線條來繪制單線,將繪制成功的路徑進(jìn)行擴(kuò)展,擴(kuò)展后將填充關(guān)閉,只留下描邊,這樣就會(huì)達(dá)成我們的預(yù)期的雙線并行的效果。
我們這里用描邊30px,如果對上一段文字描述仍云里霧里的小伙伴,可以看看下圖。
STEP 09
這時(shí),同樣運(yùn)用鋼筆工具和直接選擇工具就能把上一步的圖例中“水的婉轉(zhuǎn)形態(tài)表達(dá)”以外的部分刪掉,然后將其斷開的部分進(jìn)行連接后再進(jìn)入【對象>擴(kuò)展】,擴(kuò)展后的對象關(guān)閉填充并保留我們的3px描邊,刪掉頭尾的封閉部分。
STEP 10
將上一步的對象復(fù)制并進(jìn)行垂直對稱的粘貼,然后,運(yùn)用直接選擇工具對兩個(gè)對稱對象進(jìn)行連接。
STEP 11
水的部分再加入一些波浪表現(xiàn),先繪制三條直線,分別輪流選中三條直線進(jìn)入【效果>扭曲和變換>波紋效果】,對三條直線的波紋效果參數(shù)進(jìn)行調(diào)試。
在波紋效果的參數(shù)面板中,三條線條的大小都設(shè)置為7px,而每段隆起數(shù)則分別為9、7、5,隆起數(shù)為奇數(shù)才能使得波浪保持對稱。
裝飾:秩序之美
裝飾有一種“滿”的快感,走在極簡的反面,步步都要留心。不可耽溺于“滿”,但也要構(gòu)建出豐富的效果,這不能不說是一種必須經(jīng)過實(shí)踐的藝術(shù)。
還記得我們提過DECO ART風(fēng)格里的放射性光芒線條嗎?這大概是最有代表性的特征之一。
STEP 12
放射性線條的繪制方法我們已在STEP 05/06中有講到,采用這一方式就可以繪制各種類的光芒線條。當(dāng)然我們未必一定要選擇360°,對于旋轉(zhuǎn)工具中中心點(diǎn)的設(shè)置一定要注意,因?yàn)樗苯記Q定了你的光芒線條的位置與大小表現(xiàn)。
光芒并不是全部曝露,我們只需要截取其中的一部分。不需要的部分也可以采用形狀生成器,按住Ctrl鍵進(jìn)行刪減。
STEP 13
進(jìn)一步繪制山體的部分的裝飾,比如在此運(yùn)用三角群集的幾何表現(xiàn)。也可以為坡面增加一些平行的線條,表現(xiàn)出更多的細(xì)節(jié)。
STEP 14
所謂“滿”的哲學(xué),即是不留空白。這是反極簡嗎?大概是,但在這種“填滿”的過程中,也要留意空間與空間的平衡感。
秩序——才是裝飾所追求的。換句話說,秩序是美感的同義詞。
接下讓我們繪制河流的部分,河流上方我們打算安排一些樹,樹的畫法也非常簡單,利用幾個(gè)基礎(chǔ)形就能搭建出“樹”的概念。再增加?xùn)艡?,作為?gòu)建對稱裝飾的一部分。
可以說這類型海報(bào)的繪制,每個(gè)細(xì)節(jié)都非常簡單,但要協(xié)調(diào)組合卻是需要不少耐心的事。
STEP 15
海報(bào)的下方安排的是一些可愛的水晶球等裝飾物,這里圓的外形剛好與摩天輪相呼應(yīng)。在對較小的區(qū)域進(jìn)行編輯的時(shí)候,往往需要更為精準(zhǔn)的單位指向。那么,在此就需要進(jìn)入【編輯>首選項(xiàng)>常規(guī)】中將鍵盤增量設(shè)置為0.1px。當(dāng)然,這時(shí)你也需要關(guān)閉對象對齊像素的選項(xiàng)。
STEP 16
至此,我們已將大致的“主角”繪制出來了,接下要做的就是修補(bǔ)工作。你可以先看看整體的效果。我們將增加一點(diǎn)色彩的方向,以方便在不同的色彩中的效果表現(xiàn)。
STEP 17
在色彩已安排妥當(dāng)?shù)那闆r下進(jìn)一步補(bǔ)充細(xì)節(jié)。對于空白處,需要展開你的想象力。其中對于“云彩”的繪制方式也同于水流。
上半部分的細(xì)節(jié)完成如下:
STEP 18
繼續(xù)添加細(xì)節(jié),你會(huì)發(fā)現(xiàn)你的創(chuàng)意會(huì)跟著時(shí)間的推移而慢慢打開,也許只是一個(gè)小小的幾何形,都蘊(yùn)含了豐富的符號(hào)學(xué)的意義,而你正在對符號(hào)進(jìn)行開發(fā)結(jié)解構(gòu)和重組。從頭至尾,你都要注重對秩序感的培養(yǎng)。
裝飾:零散之美
做完關(guān)于秩序的部分,在海邊的空白處,我們還將設(shè)計(jì)一些零散的隨機(jī)布局的裝飾物,例如圓、方、三角這類,甚至是較為復(fù)雜結(jié)構(gòu)的雪花造型。零散與秩序,這為畫面增加了一種對比。
STEP 19
增加圓點(diǎn)、雪花等裝飾物的部分,注意它們分布的隨機(jī)性以及彼此間的隱藏著另一套對于有機(jī)的“秩序”。
STEP 20
即使所有角色已經(jīng)安排妥當(dāng),都不代表這出戲就能非常精彩,這時(shí)我們還可以為線條增加一些屬于“有機(jī)”世界的風(fēng)格化表現(xiàn)。這也是藝術(shù)線條繪畫中常見的“斷線”做法,它讓畫面更有趣。
請記得,能被“斷線”的線條一定不能打擾本身主角的形態(tài)表達(dá)。斷線仍然采用的鋼筆工具+直接選擇工具的方式操作。
STEP 21
再為整體增加邊框,以及屬于邊框的裝飾細(xì)節(jié)。
單線裝飾風(fēng)格的海報(bào),其方便的地方就是可以根據(jù)實(shí)際情況任意變幻為喜歡的配色。
這是在不同的配色方案下的最終效果:
寫在最后:有個(gè)關(guān)于學(xué)習(xí)的認(rèn)識(shí)盲點(diǎn)
學(xué)習(xí)中,我們都有可能犯這樣的錯(cuò)誤,總覺得自己要學(xué)的太多,而時(shí)間和精力都不充沛。之所以稱這是錯(cuò)誤,并不是方向的錯(cuò)誤,而是因?yàn)楣馐腔〞r(shí)間去想時(shí)間不夠用這件事,你的時(shí)間就已經(jīng)被浪費(fèi)了。要放松、要努力這類雞湯冠冕話,我們當(dāng)然也要少講。
總之,循著自身的學(xué)習(xí)脈絡(luò)走,大概也就無所謂是不是足夠趕得上潮流,所學(xué)是不是足夠。學(xué)習(xí),其實(shí)是每一分每一秒都在進(jìn)行的事,尤其是眼睛對美的感知力,這才是設(shè)計(jì)的核心,其他的可操作技巧都是裙邊飄帶。
當(dāng)然,優(yōu)秀不是努力可以做到的,即時(shí)不優(yōu)秀也不是什么大事,成長有它自己的時(shí)間,我們只是不斷給成長制造機(jī)會(huì)條件而已。所學(xué)即所得,當(dāng)你能看得到自己的成長,覺得自己半年前做的還不錯(cuò)的作品丑不拉幾不堪入目,那么恭喜你!你大概就可以放心自己一直在路上高速前進(jìn)了!
教程結(jié)束,以上就是AI教程:手把手教你繪制幾何單線條裝飾風(fēng)格的極簡海報(bào)的全部內(nèi)容,希望大家喜歡!
相關(guān)教程推薦:
AI結(jié)合PS制作非常時(shí)尚大氣的線條藝術(shù)海報(bào)
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細(xì)的設(shè)計(jì)過程2023-11-02