當前位置:
首頁 > 設計 > Illustrator繪製簡約的線條裝飾風格海報

Illustrator繪製簡約的線條裝飾風格海報

本教程主要使用Illustrator繪製簡約的線條裝飾風格海報,教程可以幫你掌握單線繪製的技巧,熟悉AI 中所有關於線條的處理工具,以及做極簡海報的方法。

學完這個教程,可以幫你掌握單線繪製的技巧,熟悉AI 中所有關於線條的處理工具,以及做極簡海報的方法。一起來試試

學完這個教程你能收穫

1、熟悉裝飾風格(DECO ART)中的幾何主義

裝飾風格(DECO ART)結合了因工業文化所興起的機械美學,以較機械式的、幾何的、純綷裝飾的線條來表現,如扇形輻射狀的太陽光、齒輪或流線型線條、對稱簡潔的幾何構圖等等。它是純粹的意象彙集。而最好的理解將在實踐的過程中獲得。

2、學會單線繪製的技巧

繪製單線裝飾風格的海報,了解所謂單線是指所有線條的大小等同,產生整體效果的一致性。

3、熟悉AI中所有關於對線條的處理工具技巧(路經查找器、形狀生成器、鋼筆工具、旋轉工具、縮放工具等)。

繪製基礎幾何形

提前最好能大致畫個草圖,把大概的幾何形表現出來。然後再進入軟體處理。有了基本構圖,開始動手時才能做到「胸中有丘壑」。

先看看效果圖

STEP 01

打開AI,新建一個1296px*1728px的文檔。並用矩形工具繪製出海報邊框,所繪製出的矩形關閉填充,保持描邊大小為3px。這個矩形就是海邊的邊框大形。矩形大小為1040px*1498px。

為了定位以及構形的方便,最好加入輔助線。而你所創建的幾何形的尺寸也不要產生小數點,這樣能保證最佳像素表現(例如:矩形寬度1124px是可以的,但是1124.5px的話也許就會帶來麻煩)。

STEP 02

再繼續增加幾個基礎幾何形,以確定大致的構圖方案。簡單來說,首先要找到海報主題,然後根據主題去篩選意象。這是一個關於「假期」的海報,運用的就是假期里的意象。我們在此運用山、水以及各種具有節日氛圍的裝飾元素。

在基礎形的安排上,我們將海報簡單劃分了上下兩部分,上部分的主角是山,下方的主角是水。裝飾就圍繞這兩個主角展開。

山水之間的是「人」,但在此我們未必要繪製出人的形象,而是用人所貼近的物象來表現人的存在感。假期中的人,我們打算用一些更歡樂的意象,比如彩帶以及相應的建築來表現出假期旅行的一路風景。在繪製基礎形時,儘管你還沒有開始入手這些細節,但你的構圖安排已經有此傾向。

繪製主角物象

上面我們講過,我們的主角是山、水、人。因此,下面就讓我們來重點繪製出這些意象。這時,我們還沒有進入「裝飾」環節,因此不必將細節都一一表現。

STEP 03

山的部分我們只需要突出山的形,因此三角底部的線條可以刪減。可以採用鋼筆工具來刪掉三角形的底邊。用鋼筆工具來刪掉線條的方法是在要刪減的路徑上增加錨點,然後再利用直接選擇工具點擊這個錨點點擊鍵盤的delete鍵。

STEP 04

運用錨點來刪減路徑的技巧訣竅,是通過實踐去了解錨點對路徑的決定作用,一個錨點被刪除,那麼該路徑就將結束於這個錨點最近旁的錨點處。用這個方法可以繼續處理另外兩個山形。

STEP 05

接下我們繪製屬於「人」的部分。這個部分中間的圓形,我們將安排摩天輪這個意向,表現出假日的休閑氛圍。利用比例縮放工具就能繪製出另外兩個較小的同心圓,第一個同心圓的縮放比例是80%,第二個是50%,並點擊複製。(註:後一個同心圓的比例是針對前一個被縮放後的圓,而非第一個。)

STEP 06

再從圓心處繪製一條直線,利用旋轉工具對直線進行旋轉複製,旋轉的角度設置為45°,想要旋轉線條覆蓋整個360°,最簡單的方法是複製第一個後,其餘採用快捷鍵「Ctrl+D」重複上一步操作。

然後根據這個方式,再從另一個角度繪製出另外一組旋轉的線條,這組線條較上一條稍短。

此刻,我們就止步於這個摩天輪的雛形。

STEP 07

由於海報運用了對稱構圖,在摩天輪的左右兩邊安排一些建築物。這裡的對稱是從整體結構上來說,而建築物外形未必要完全一致。左右錯落有致會更加有視覺魅力。再補充彩帶的兩側部分。

STEP 08

水的部分我們需要更多對於錨點的控制技巧,這裡曝露一下思考過程:我們想要表現水的迴旋流蕩之美,可以採用圓角矩形的圓角部分來表現,這樣左右蜿蜒就能作出水的效果。但如果用單線來表現水波顯然有點單薄,為了豐富一下,我們決定利用雙線條並行的方式,但這樣就造成了繪製上的困難。可並不是沒有解決方案,如果採用較粗的線條來繪製單線,將繪製成功的路徑進行擴展,擴展後將填充關閉,只留下描邊,這樣就會達成我們的預期的雙線並行的效果。

我們這裡用描邊30px,如果對上一段文字描述仍雲里霧裡的小夥伴,可以看看下圖。

STEP 09

這時,同樣運用鋼筆工具和直接選擇工具就能把上一步的圖例中「水的婉轉形態表達」以外的部分刪掉,然後將其斷開的部分進行連接後再進入【對象>擴展】,擴展後的對象關閉填充並保留我們的3px描邊,刪掉頭尾的封閉部分。

STEP 10

將上一步的對象複製並進行垂直對稱的粘貼,然後,運用直接選擇工具對兩個對稱對象進行連接。

STEP 11

水的部分再加入一些波浪表現,先繪製三條直線,分別輪流選中三條直線進入【效果>扭曲和變換>波紋效果】,對三條直線的波紋效果參數進行調試。

在波紋效果的參數面板中,三條線條的大小都設置為7px,而每段隆起數則分別為9、7、5,隆起數為奇數才能使得波浪保持對稱。

裝飾:秩序之美

裝飾有一種「滿」的快感,走在極簡的反面,步步都要留心。不可耽溺於「滿」,但也要構建出豐富的效果,這不能不說是一種必須經過實踐的藝術。

還記得我們提過DECO ART風格里的放射性光芒線條嗎?這大概是最有代表性的特徵之一。

STEP 12

放射性線條的繪製方法我們已在STEP 05/06中有講到,採用這一方式就可以繪製各種類的光芒線條。當然我們未必一定要選擇360°,對於旋轉工具中中心點的設置一定要注意,因為它直接決定了你的光芒線條的位置與大小表現。

光芒並不是全部曝露,我們只需要截取其中的一部分。不需要的部分也可以採用形狀生成器,按住Ctrl鍵進行刪減。

STEP 13

進一步繪製山體的部分的裝飾,比如在此運用三角群集的幾何表現。也可以為坡面增加一些平行的線條,表現出更多的細節。

STEP 14

所謂「滿」的哲學,即是不留空白。這是反極簡嗎?大概是,但在這種「填滿」的過程中,也要留意空間與空間的平衡感。

秩序——才是裝飾所追求的。換句話說,秩序是美感的同義詞。

接下讓我們繪製河流的部分,河流上方我們打算安排一些樹,樹的畫法也非常簡單,利用幾個基礎形就能搭建出「樹」的概念。再增加柵欄,作為構建對稱裝飾的一部分。

可以說這類型海報的繪製,每個細節都非常簡單,但要協調組合卻是需要不少耐心的事。

STEP 15

海報的下方安排的是一些可愛的水晶球等裝飾物,這裡圓的外形剛好與摩天輪相呼應。在對較小的區域進行編輯的時候,往往需要更為精準的單位指向。那麼,在此就需要進入【編輯>首選項>常規】中將鍵盤增量設置為0.1px。當然,這時你也需要關閉對象對齊像素的選項。

STEP 16

至此,我們已將大致的「主角」繪製出來了,接下要做的就是修補工作。你可以先看看整體的效果。我們將增加一點色彩的方向,以方便在不同的色彩中的效果表現。

STEP 17

在色彩已安排妥當的情況下進一步補充細節。對於空白處,需要展開你的想像力。其中對於「雲彩」的繪製方式也同於水流。

上半部分的細節完成如下:

STEP 18

繼續添加細節,你會發現你的創意會跟著時間的推移而慢慢打開,也許只是一個小小的幾何形,都蘊含了豐富的符號學的意義,而你正在對符號進行開發結解構和重組。從頭至尾,你都要注重對秩序感的培養。

裝飾:零散之美

做完關於秩序的部分,在海邊的空白處,我們還將設計一些零散的隨機布局的裝飾物,例如圓、方、三角這類,甚至是較為複雜結構的雪花造型。零散與秩序,這為畫面增加了一種對比。

STEP 19

增加圓點、雪花等裝飾物的部分,注意它們分布的隨機性以及彼此間的隱藏著另一套對於有機的「秩序」。

STEP 20

即使所有角色已經安排妥當,都不代表這齣戲就能非常精彩,這時我們還可以為線條增加一些屬於「有機」世界的風格化表現。這也是藝術線條繪畫中常見的「斷線」做法,它讓畫面更有趣。

請記得,能被「斷線」的線條一定不能打擾本身主角的形態表達。斷線仍然採用的鋼筆工具+直接選擇工具的方式操作。

STEP 21

再為整體增加邊框,以及屬於邊框的裝飾細節。

單線裝飾風格的海報,其方便的地方就是可以根據實際情況任意變幻為喜歡的配色。

這是在不同的配色方案下的最終效果:

寫在最後:有個關於學習的認識盲點

學習中,我們都有可能犯這樣的錯誤,總覺得自己要學的太多,而時間和精力都不充沛。之所以稱這是錯誤,並不是方向的錯誤,而是因為光是花時間去想時間不夠用這件事,你的時間就已經被浪費了。要放鬆、要努力這類雞湯冠冕話,我們當然也要少講。

總之,循著自身的學習脈絡走,大概也就無所謂是不是足夠趕得上潮流,所學是不是足夠。學習,其實是每一分每一秒都在進行的事,尤其是眼睛對美的感知力,這才是設計的核心,其他的可操作技巧都是裙邊飄帶。

當然,優秀不是努力可以做到的,即時不優秀也不是什麼大事,成長有它自己的時間,我們只是不斷給成長製造機會條件而已。所學即所得,當你能看得到自己的成長,覺得自己半年前做的還不錯的作品丑不拉幾不堪入目,那麼恭喜你!你大概就可以放心自己一直在路上高速前進了。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 學習PS 的精彩文章:

用PS製作動感激爽水花文字
初級設計師和高級設計師的差距!
Photoshop繪製帶著眼鏡的萌萌小鴨子
平面設計的名片的常用構圖手法

TAG:學習PS |