• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製簡約的線條裝飾風格海報




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

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自Ifeiwu的矢量教程類文章,寫教學的作者是飛屋睿UIdesign,感謝飛屋睿UIdesign提供Illustrator教程的實作教學。

    教學大綱:

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


    Illustrator教程教學開始

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

    學完這個教程你能收穫

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

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

    2、學會單線繪製的技巧

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

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

    繪製基礎幾何形

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

    先看看效果圖

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

    STEP 01

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

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

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

    STEP 02

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

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

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

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

    繪製主角物象

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

    STEP 03

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

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

    STEP 04

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

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

    STEP 05

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

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

    STEP 06

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

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

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

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

    STEP 07

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

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

    STEP 08

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

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

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

    STEP 09

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

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

    STEP 10

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

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

    STEP 11

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

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

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

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

    裝飾:秩序之美

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

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

    STEP 12

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

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

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

    STEP 13

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

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

    STEP 14

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

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

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

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

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

    STEP 15

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

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

    STEP 16

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

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

    STEP 17

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

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

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

    STEP 18

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

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

    裝飾:零散之美

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

    STEP 19

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

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

    STEP 20

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

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

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

    STEP 21

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

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

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

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

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

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

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

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

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

    — —

    文章永久連結為: Illustrator繪製簡約的線條裝飾風格海報